#homeContent{display:flex;flex-direction:column;justify-content:start;align-items:center;min-height:calc(100vh - (2*min(10vh,3rem)));width:100%;padding:min(3vw,1.5rem);padding-top:min(5.5vh,30px);padding-bottom:0;box-sizing:border-box;text-align:center;font-size:1rem;font-family:Inter;background-color:#e7daff}#homeContent h1{font-size:2rem;margin-bottom:min(5vh,3rem)}#homeContent #homeSections{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%;max-width:75rem}#homeContent #homeSections .homeSection{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:min(100%,30rem);width:48%;height:100%;box-sizing:border-box;margin-bottom:1.25rem}#homeContent #homeSections .homeSection h2{margin-bottom:1.25rem;text-align:center;font-size:1.25rem;font-weight:400}#homeContent #homeSections #urgentFriendsSection{display:flex;flex-direction:column;justify-content:center;margin-bottom:3.5rem}#homeContent #homeSections #urgentFriendsSection #noFriends{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:25em;padding:1rem;box-sizing:border-box;font-size:1rem;background-color:#fff}#homeContent #homeSections #urgentFriendsSection #noFriends .emoji{margin-bottom:.5rem;font-size:2rem;-webkit-user-select:none;user-select:none}#homeContent #homeSections #urgentFriendsSection #noFriends a{margin-top:1rem;padding:.5rem 1.25rem;box-sizing:border-box;border-radius:5px;text-decoration:none;color:#fff;background-color:#5a05f5}#homeContent #homeSections #urgentFriendsSection #noFriends a:hover{background-color:#4b07c9}#homeContent #homeSections #urgentFriendsSection #noFriends a:active{color:#d3d3d3}#homeContent #homeSections #urgentFriendsSection #urgentCards{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:30rem}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;margin-bottom:1rem;padding:.5rem;box-sizing:border-box;font-size:inherit;background-color:#fff}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .image_a{display:flex;justify-content:center;align-items:center;text-decoration:none}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .image_a img{display:flex;justify-content:center;align-items:center;width:auto;height:3.25rem;aspect-ratio:1/1;margin-right:.5rem;border-radius:100%;font-size:1.66rem;text-decoration:none;-webkit-user-select:none;user-select:none;background-color:#d9d9d9}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .top .name{text-align:left;text-wrap:wrap;word-break:break-all;font-size:1.15em;font-weight:700;text-decoration:none;color:#000;background-color:none}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .top .relationship_tier_emoji{-webkit-user-select:none;user-select:none}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .middle{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;text-wrap:none;word-break:keep-all}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .middle .time_ago{text-wrap:nowrap;word-break:keep-all}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .bottom span{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;text-wrap:none;word-break:keep-all}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .bottom span .time_ago{text-wrap:nowrap;word-break:keep-all}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .bottom button{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:min(.5vw,.5rem);padding-top:.2em;padding-bottom:.3em;box-sizing:border-box;width:100%;max-width:min(25vw,7.5em);margin-left:1rem;border:none;border-radius:.33rem;font-size:.95em;color:#fff;background-color:#5a05f5}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .bottom button:hover{cursor:pointer;background-color:#4b07c9}#homeContent #homeSections #urgentFriendsSection #urgentCards .urgent_friend .body .bottom button:active{background-color:#000}#homeContent #homeSections #urgentFriendsSection #urgentCards #mostUrgent img{height:6rem;font-size:4.25rem;border-radius:0}#homeContent #homeSections #urgentFriendsSection #urgentCards #mostUrgent .body .bottom{justify-content:flex-end}#homeContent #homeSections #urgentFriendsSection #toFriends{margin-top:.5rem;padding:.5rem 1rem;box-sizing:border-box;border-radius:.33rem;text-decoration:none;color:#484848;background-color:#ffd54c}#homeContent #homeSections #urgentFriendsSection #toFriends:hover{color:#000;background-color:#e8bf39}#homeContent #homeSections #urgentFriendsSection #toFriends:active{background-color:#daa520}#homeContent #homeSections #upcomingSection #notifications{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}#homeContent #homeSections #upcomingSection #notifications .notification{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:30rem;margin-bottom:1rem;padding:1rem;box-sizing:border-box;background-color:#fff}#homeContent #homeSections #upcomingSection #notifications .notification input{display:flex;width:2rem;height:2rem;margin-left:.25rem;margin-right:1rem;border-radius:100%;background-color:red}#homeContent #homeSections #upcomingSection #notifications .notification .body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}#homeContent #homeSections #upcomingSection #notifications .notification .body .top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:.33em}#homeContent #homeSections #upcomingSection #notifications .notification .body .top .date{font-size:1.15em;font-weight:700}#homeContent #homeSections #upcomingSection #notifications .notification .body .top .date span{font-size:inherit;font-weight:400;opacity:50%}@media screen and (min-width: calc(63rem + 2*min(3vw,1.5rem))){#homeContent #homeSections #upcomingSection .homeSection{margin-bottom:0}#homeContent #homeSections #upcomingSection #upcomingSection{margin-left:min(3vw,1.5rem)}}#homeContent #homeSections #caughtUp{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:25em;padding:1rem;box-sizing:border-box;font-size:1rem;background-color:#fff}#homeContent #homeSections #caughtUp span{font-size:2rem;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}#loading{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - (2*min(10vh,3rem)));font-size:5vh;cursor:progress;-webkit-user-select:none;user-select:none;color:#d3d3d3;background-color:#e7daff}#loginContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - (2*min(10vh,3rem)));width:100%;background-color:#e7daff}#loginContainer #loginForm{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;padding:min(5vw,2em);padding-bottom:1em;box-sizing:border-box;max-width:30em;width:90vw;color:#2f4f4f;background-color:none}#loginContainer #loginForm input{box-sizing:border-box;margin-bottom:1.25em;margin-top:.25em;padding:.35em;width:100%;border:2px solid rgb(198,198,198);border-radius:.1em}#loginContainer #loginForm input:focus{outline:none;border:4px solid #5a05f5}#loginContainer #loginForm #loginButton{margin-top:1.25em;margin-bottom:.7em;padding:.5em;max-width:11em;border:none;border-radius:3em;font-size:95%;color:#fff;background-color:#5a05f5}#loginContainer #loginForm #loginButton:hover{cursor:pointer;background-color:#4b07c9}#loginContainer #toSignup{margin-top:min(2vh,2.5em);margin-bottom:min(5vh,2.5em);color:#000}#loginContainer #toSignup a{font-weight:700;color:#5a05f5}#signupContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - (2*min(10vh,3rem)));width:100%;background-color:#e7daff}#signupContainer h1{display:flex;justify-content:center;align-items:center;width:100%;font-size:2.25rem;padding-top:.75rem;padding-bottom:.75rem;margin-bottom:-.25rem;color:#fff}#signupContainer #signupForm{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;padding-top:2em;padding-bottom:1em;box-sizing:border-box;color:#2f4f4f;max-width:30em;width:90vw}#signupContainer #signupForm input{box-sizing:border-box;margin-bottom:1.25em;margin-top:.25em;padding:.35em;width:100%;border:2px solid rgb(198,198,198);border-radius:.1em}#signupContainer #signupForm #signupButton{margin-top:1.25em;margin-bottom:0;padding:.5em;max-width:11em;border:2px solid #e8bf39;border-radius:3em;font-size:95%;color:#000;background-color:#ffd54c}#signupContainer #signupForm #signupButton:hover{cursor:pointer;background-color:#e8bf39}#signupContainer #signupForm #agreements{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:center;margin-bottom:.5rem;color:#000}#signupContainer #signupForm #agreements .agreement{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}#signupContainer #signupForm #agreements .agreement input{width:2rem;margin:0}#signupContainer #signupForm #agreements .agreement label{display:inline;flex-wrap:wrap;width:100%;margin-left:.5em;text-align:left;text-wrap:wrap;line-height:1em;color:#4a4a4a}#signupContainer #signupForm #agreements .agreement label a{text-wrap:nowrap;word-break:keep-all;line-height:inherit;color:#4b07c9}#signupContainer #signupForm #agreements #privacy_policy{margin-top:1rem}#signupContainer #toLogin{margin-top:min(5vw,2em);margin-bottom:2rem;color:#4a4a4a}#signupContainer #toLogin a{font-weight:700;color:#5a05f5}#friendsContent{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-height:50vh;height:100%;width:100%;padding:5vw;padding-top:min(6vw,3rem);padding-bottom:6rem;box-sizing:border-box;background-color:#e7daff;background-color:#fff}#friendsWrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1200px;height:100%}.header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding-bottom:min(1vw,1rem)}.header h2{display:flex;flex-direction:row;justify-content:end;align-items:end;margin-bottom:max(0em,1em - 3vw);font-size:1.75rem}.header .subheader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin-bottom:.5rem}.header .subheader .sortBy{display:inline-flex;flex-direction:row-reverse;justify-content:end;align-items:center;height:100%}.header .subheader .sortBy #sortby{margin-right:.5rem}.header .subheader .sortBy #sortbyOptions{padding:.5rem;width:10rem;border:none;border-radius:5px}.header .subheader .sortBy #sortbyOptions:hover{cursor:pointer}@media screen and (max-width:30rem){.header .subheader{flex-direction:column}.header .subheader .sortBy{margin-top:.75rem}}#friendList{width:100%;max-width:1200px;box-sizing:border-box;border:none;box-shadow:0 5px 10px #00000029;overflow:hidden;background-color:#4b07c9;background-color:#e0e0e0}#friendList th,#friendList td{background-color:none;padding:.25rem 1rem;font-size:1rem;font-weight:400;border:none;color:#000;background-color:#e0e0e0}#friendList th:hover{box-shadow:0 0 10px #d3d3d3 inset;background-color:#b7b7b7;cursor:pointer}#friendList thead th{padding-top:.75rem;padding-bottom:.75rem;font-weight:500}#friendList thead .labels #name{width:auto;max-width:10rem}#friendList thead .labels #relationship,#friendList thead .labels #last_interaction{width:auto}#friendList thead .labels #birthday{max-width:10rem;width:auto}#friendList thead .labels #created_at{width:auto;max-width:7rem}#friendList tbody td{padding-top:.5rem;padding-bottom:.5rem;background-color:#fff}#friendList tbody td:hover{box-shadow:0 0 10px #e9e9e9 inset;background-color:#fff;cursor:cell}#friendList tbody .created_at,#friendList tbody .birthday,#friendList tbody .last_interaction{text-align:center}#friendList tbody .relationship .cell_content{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:wrap;width:auto}#friendList tbody .relationship .cell_content .emoji{margin:.5rem;margin-left:0}#friendList tbody .relationship .cell_content .relationship_title{text-transform:capitalize}#friendList tbody .relationship{text-align:center}#friendList tbody .birthday .birthday_content{display:flex;flex-direction:row;justify-content:center;align-items:center}#friendList tbody .birthday .birthday_content .emoji{margin-left:.33rem;font-size:1.33rem}#friendList tbody .name{max-width:7.5rem;text-wrap:wrap;word-break:break-all}#friendList tbody a{text-wrap:wrap;word-break:break-all;text-decoration:none;height:100%;width:100%}@media screen and (max-width:50rem){#friendList thead .labels #created_at,#friendList tbody tr .created_at{display:none}}@media screen and (max-width:35rem){#friendList thead .labels #birthday,#friendList tbody tr .birthday{display:none}}@media screen and (max-width:25rem){#friendList thead .labels #last_interaction,#friendList tbody tr .last_interaction{display:none}}.noFriends header h2{margin-bottom:1rem}.noFriends #friendList thead .labels #leftmost,.noFriends .noFriends thead .labels #leftmost{padding-left:2rem}.noFriends #friendList thead .labels #rightmost,.noFriends .noFriends thead .labels #rightmost{padding-right:2rem}.noFriends #friendList thead .labels th,.noFriends .noFriends thead .labels th{padding-left:2rem;padding-right:2rem;color:gray}.noFriends #friendList thead .labels th:hover,.noFriends .noFriends thead .labels th:hover{box-shadow:none;background-color:inherit;cursor:default}.noFriends #friendList #noFriends,.noFriends .noFriends #noFriends{width:100%;color:#707070}.noFriends #friendList #noFriends td,.noFriends .noFriends #noFriends td{text-align:center;border:1px solid white;background-color:#fff;padding-top:3rem;padding-bottom:2.5rem;-webkit-user-select:none;user-select:none}.noFriends #friendList #noFriends td:hover,.noFriends .noFriends #noFriends td:hover{box-shadow:none;cursor:default}.table_footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-top:1.5rem;padding-bottom:1rem}.table_footer h2{display:flex;flex-direction:row;justify-content:end;align-items:end;margin-bottom:0rem;font-size:1.75rem}.table_footer .subfooter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.table_footer .subfooter .perpage{display:inline-flex;flex-direction:row;justify-content:end;align-items:center;height:100%;width:100%}.table_footer .subfooter .perpage label{margin-right:.5rem}.table_footer .subfooter .perpage input{padding:.5rem;border:2px solid lightgray;border-radius:5px;background-color:#fff}.table_footer .subfooter .perpage .go{margin-left:.5rem}.table_footer .subfooter .perpage .go:hover{cursor:pointer}#pagenav{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3rem;margin-top:2rem;background-color:red;border:2px solid lightgray;border-radius:20px;overflow:hidden;background-color:#fff;box-shadow:0 0 5px #d3d3d3}#pagenav .arrow,#pagenav .blocked{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:2rem;border-radius:17px;padding-left:.75rem;padding-right:.75rem}#pagenav .arrow{background-color:#f6f6f6}#pagenav #left{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:0}#pagenav #right{border-top-left-radius:0;border-bottom-left-radius:0;padding-right:0}#pagenav .arrow:hover{cursor:pointer;color:#000;font-weight:700;background-color:#e1e1e1}#pagenav select{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:1rem;margin-right:1rem;padding:.25rem 1rem;box-sizing:border-box;border-radius:5px;border:2px solid lightgray;background-color:#fff}#addFriend{display:flex;flex-direction:row;justify-content:center;align-items:center;text-wrap:none;width:10rem;padding:.5rem;text-decoration:none;border-radius:5px;font-size:1rem;color:#fff;background-color:#5a05f5}#addFriend:hover{color:#fff;background-color:#4b07c9;box-shadow:0 0 10px #00000029}#addFriend:active{box-shadow:0 0 10px inset purple,0 0 10px #00000029}@media screen and (max-width:400px){#friendList thead .labels #birthday,#friendList tbody tr .birthday{display:none}}#friendStandalonePageContent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - (2*min(10vh,3rem)));padding:0;background-color:#e7daff}#friendStandalonePageContent #friendCard{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;box-sizing:border-box;width:90%;max-width:50rem;border-radius:0rem;background-color:#fff}#friendStandalonePageContent #friendCard .nameAndPhoto{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin:1.5rem;box-sizing:border-box;border-radius:0;width:100%;text-wrap:wrap;word-break:break-all;background-color:#fff}#friendStandalonePageContent #friendCard .nameAndPhoto .pfp{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:12.5rem;min-width:12.5rem;width:100%;max-width:12.5rem;aspect-ratio:1/1;border-radius:100%;box-shadow:0 0 gray;object-fit:cover;overflow:hidden;font-size:2rem;font-weight:100;font-family:cursive;text-align:center;color:gray;background-color:#000}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship{display:flex;flex-direction:column;justify-content:start;align-items:start;justify-self:stretch;padding-left:min(2vw,1.75rem);padding-right:min(2vw,1.75rem);margin-top:0}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .name{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:wrap;font-size:1.75rem;font-weight:600;width:100%;max-width:20rem;padding-bottom:.5rem;box-sizing:border-box;text-wrap:wrap}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship #nameInput{padding-top:.5rem;padding-left:.25rem;padding-right:.25rem;box-sizing:border-box;border:2px solid lightgray;margin-bottom:1rem}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;font-weight:300}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_tier{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;width:100%;font-size:1.25rem;font-weight:inherit}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_tier .emoji,#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_tier .relationship_name{font-size:inherit}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_tier .emoji{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:2.1rem;width:100%;max-width:2.1rem;margin-left:.4rem;margin-bottom:.15rem;border-radius:100%}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_tier .relationship_name{display:flex;flex-direction:row;justify-content:start;align-items:center;height:100%;font-weight:inherit}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_health{display:flex;flex-direction:row;justify-content:start;align-items:center;width:100%;font-size:1rem;margin-top:.5rem;box-sizing:border-box;font-weight:200}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship .relationship_health .health{margin-left:.5rem;font-size:inherit;text-decoration:underline;color:#b1e267;font-weight:400}#friendStandalonePageContent #friendCard .nameAndPhoto #nameAndRelationship .relationship #relationshipSelect{padding:.25rem;box-sizing:border-box;margin-bottom:.5rem;border:2px solid lightgray;background-color:#fff}#friendStandalonePageContent #friendCard .card_content{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%;margin-top:-.5rem}#friendStandalonePageContent #friendCard .card_content .friend_card_content_section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:12.5rem;min-height:10rem;margin:.5rem;padding:1.5rem;box-sizing:border-box;border:solid 1px lightgray;border:none;border-radius:0;box-shadow:0 0 5px #d3d3d3;background-color:#fff}#friendStandalonePageContent #friendCard .card_content .friend_card_content_section h3{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:1em;font-weight:lighter}#friendStandalonePageContent #friendCard .card_content #lastInteraction .time_ago{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;font-size:1.25rem}#friendStandalonePageContent #friendCard .card_content #lastInteraction .time_ago .number_of_time_units{font-size:inherit}#friendStandalonePageContent #friendCard .card_content #lastInteraction .time_ago .time_unit{margin-left:.25em;margin-right:.25em;font-size:inherit}#friendStandalonePageContent #friendCard .card_content #lastInteraction .time_ago .ago{font-size:inherit}#friendStandalonePageContent #friendCard .card_content #lastInteraction .update{padding:.5em 2em;box-sizing:border-box;margin-top:1.75rem;margin-bottom:-.5rem;border:2px solid lightgray;border-radius:.75rem;color:gray;background-color:#fff}#friendStandalonePageContent #friendCard .card_content #lastInteraction .update:hover{cursor:pointer;box-shadow:0 0 5px #d3d3d3;background-color:#e7e7e7}#friendStandalonePageContent #friendCard .card_content #lastInteraction .update:active{box-shadow:0 0 3px gray inset}#friendStandalonePageContent #friendCard .card_content #birthday .emoji{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:-.1em;font-size:2rem}#friendStandalonePageContent #friendCard .card_content #birthday .emoji:hover{cursor:help}#friendStandalonePageContent #friendCard .card_content #birthday .birthday_date{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:.5em;font-size:1.25rem}#friendStandalonePageContent #friendCard .card_content #birthday .birthday_date .month{font-size:inherit}#friendStandalonePageContent #friendCard .card_content #birthday .birthday_date .day{margin-left:.5rem;font-size:inherit}#friendStandalonePageContent #friendCard .card_content #birthday .birthday_date #birthdayMonthSelect,#friendStandalonePageContent #friendCard .card_content #birthday .birthday_date #birthdayDaySelect{padding:.25rem .5rem;box-sizing:border-box;border:2px solid lightgray;background-color:#fff}#friendStandalonePageContent #friendCard .card_content #notesSection #notes{min-height:4em;height:100%;text-wrap:wrap;width:100%;padding:.175rem .25rem;border:2px solid lightgray;border-radius:.375rem;resize:none;color:#414141}#friendStandalonePageContent #friendCard .buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:100%;max-width:40rem;margin-top:.5rem;margin-bottom:.5rem}#friendStandalonePageContent #friendCard .buttons button{width:90%;max-width:15rem;margin:.5rem;border-radius:.75rem;box-sizing:border-box}#friendStandalonePageContent #friendCard .buttons #deleteFriend{padding:1rem 3rem;border:2px solid #e30000;color:#e30000;background-color:#fff}#friendStandalonePageContent #friendCard .buttons #deleteFriend:hover{cursor:pointer;font-weight:700;box-shadow:0 0 10px #e30000;color:#fff;background-color:#e30000}#friendStandalonePageContent #friendCard .buttons #deleteFriend:active{border-color:#dc143c;box-shadow:0 0 10px #dc143c inset}#friendStandalonePageContent #friendCard .buttons .edit_friend{padding:1rem 3rem;border:2px solid rgb(168,168,168);border-radius:.75rem;color:gray;background-color:#fff}#friendStandalonePageContent #friendCard .buttons .edit_friend:hover{cursor:pointer;box-shadow:0 0 10px #d3d3d3;color:#626262;background-color:#d3d3d3}#friendStandalonePageContent #friendCard .buttons .edit_friend:active{border-color:gray;box-shadow:0 0 10px gray inset}#friendStandalonePageContent #friendCard .buttons #saveButton{border-color:#0cc10c;background-color:#c0ffc0}#friendStandalonePageContent #friendCard .buttons #saveButton:hover{color:#fff;background-color:#0cc10c}#friendStandalonePageContent #friendCard .buttons #saveButton:active{font-weight:700}#friendStandalonePageContent #updateLastInteraction{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:min(10vh,3rem);height:calc(90% - min(10vh,3rem));width:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}#friendStandalonePageContent #updateLastInteraction form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 4rem 1rem;border:1px solid lightgray;background-color:#fff}#friendStandalonePageContent #updateLastInteraction form .cancel{display:flex;flex-direction:row;justify-content:right;align-items:start;position:relative;width:100%;padding-left:6.5rem;padding-right:0rem;margin-top:-1.5rem;margin-bottom:.5rem;margin-right:0rem;text-align:right;font-size:25px;color:gray}#friendStandalonePageContent #updateLastInteraction form .cancel:hover{color:#000;cursor:pointer}#friendStandalonePageContent #updateLastInteraction form label{margin-bottom:1.5rem}#friendStandalonePageContent #updateLastInteraction form #newLastInteractionDate{margin-bottom:1.5rem;padding:.5rem;font-size:1.2em}#friendStandalonePageContent #updateLastInteraction form .submit{padding:.5rem 2rem;border:none;border-radius:0}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:min(3vw,1.5rem);padding-right:min(3vw,1.5rem);box-sizing:border-box;height:min(10vh,3rem);background-color:#5a05f5}.navbar .logo{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-size:min(150%,1.75rem);font-weight:600;text-decoration:none}.navbar #burgerAndMobileNav{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;position:absolute;top:0;right:0;padding-right:min(3vw,1.5rem);box-sizing:border-box}.navbar #burgerAndMobileNav #hamburgerIcon{display:flex;flex-direction:row;justify-content:end;align-items:center;object-fit:contain;height:min(10vh,3rem);aspect-ratio:1/1;font-size:1.5rem;font-weight:700;color:#fff}.navbar #burgerAndMobileNav #hamburgerIcon:hover{cursor:pointer}.navbar #burgerAndMobileNav #mobileNav{display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:left;margin-right:calc(-1*min(3vw,1.5rem));margin-left:calc(1*min(3vw,1.5rem));padding-top:.5rem;padding-left:calc(1*min(3vw,1.5rem));padding-right:calc(1*min(3vw,1.5rem));box-sizing:border-box;border-bottom-left-radius:10px;background-color:#636363}.navbar #burgerAndMobileNav #mobileNav a{margin-bottom:.5rem;padding:.5em;border:1px solid white;border-radius:5px;text-decoration:none;text-align:center;color:#fff}.navbar #burgerAndMobileNav #mobileNav a:hover{background-color:#000}.navbar #burgerAndMobileNav #mobileNav a:active{background-color:#fff;color:#000}.navbar #desktopNav{display:none}@media screen and (min-width:500px){.navbar #burgerAndMobileNav{display:none}.navbar #desktopNav{display:flex;flex-direction:row;justify-content:end;align-items:center;height:100%}.navbar #desktopNav a{margin-left:1rem;padding:.5rem;border:1px solid rgba(255,255,255,0);border-radius:5px;text-decoration:none;color:#fff}.navbar #desktopNav a:hover{cursor:pointer;border-color:#fff}}.footer{display:flex;flex-direction:row;justify-content:center;align-items:center;height:min(10vh,3rem);width:100%;margin:0;padding:0rem 0rem .25rem;padding-left:min(3vw,1.5rem);padding-right:min(3vw,1.5rem);box-sizing:border-box;text-align:center;color:#fff;background-color:none;background-color:#151515}.footer .copyrightStatement a{color:#ffd54c;font-family:inherit}.footer .copyrightStatement .year{font-size:.975em}#ErrorContent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - (2*min(10vh,3rem)));width:100%;color:#fff;background-color:#5a05f5}#ErrorContent .top{display:flex;flex-direction:column;justify-content:center}#ErrorContent .top #errorCode{font-size:3em;font-family:Comic Sans MS,cursive,sans-serif}#ErrorContent .top #cuteness{border-radius:1em;-webkit-user-select:none;user-select:none}#ErrorContent #goHome{margin-top:2em;padding:1em 3.5em;background-color:#ffd54c;color:#000;border-radius:.75em;text-decoration:none}#ErrorContent #goHome:hover{background-color:#e8bf39}#ErrorContent #goHome:active{box-shadow:0 0 10px #4b07c9 inset}#interactionStandalonePageContent{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:1rem;padding-bottom:1rem;box-sizing:border-box;width:100%;min-height:calc(100vh - (2*min(10vh,3rem)));background-color:#e7daff}#interactionStandalonePageContent #interactionCard{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;box-sizing:border-box;background-color:#fff}#interactionStandalonePageContent #interactionCard .name_and_subtitle{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;font-size:1.5rem}#interactionStandalonePageContent #interactionCard .name_and_subtitle .name{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-bottom:.5em;font-size:inherit}#interactionStandalonePageContent #interactionCard .name_and_subtitle .name h1,#interactionStandalonePageContent #interactionCard .name_and_subtitle .name .time_ago{font-size:inherit;font-weight:700}#interactionStandalonePageContent #interactionCard .name_and_subtitle .name .time_ago{margin-left:.5rem;font-size:.9em;color:gray}#interactionStandalonePageContent #interactionCard .name_and_subtitle .date{width:100%;margin-bottom:.75em}#interactionStandalonePageContent #interactionCard .name_and_subtitle .date .emoji{display:inline-flex;width:auto;margin-right:.66rem}#interactionStandalonePageContent #interactionCard .name_and_subtitle .location{width:100%}#interactionStandalonePageContent #interactionCard .name_and_subtitle .location .emoji{margin-right:.66rem}#interactionStandalonePageContent #interactionCard .attendees{margin-top:1.75rem;width:100%}#interactionStandalonePageContent #interactionCard .attendees h2{margin-bottom:.5rem;font-size:1.25rem}#interactionStandalonePageContent #interactionCard .attendees .attendee_list{margin-left:1rem}#interactionStandalonePageContent #interactionCard .attendees .attendee_list .attendee{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.5rem;text-wrap:wrap;word-break:break-all}#interactionStandalonePageContent #interactionCard .attendees .attendee_list .attendee .emoji{display:flex;justify-content:center;align-items:center;width:1.75rem;aspect-ratio:1/1;margin-right:.25rem}#interactionStandalonePageContent #interactionCard .attendees .attendee_list .attendee .name{padding:.5rem;border-radius:5px;text-decoration:none;color:#000}#interactionStandalonePageContent #interactionCard .attendees .attendee_list .attendee .name:hover{background-color:#eaeaea}#interactionStandalonePageContent #interactionCard .buttons{display:flex;display:none;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}#interactionStandalonePageContent #interactionCard .buttons button{width:100%;height:2rem;border-radius:5px;border:none}#interactionStandalonePageContent #interactionCard .buttons button:hover{cursor:pointer}#interactionStandalonePageContent #interactionCard .buttons .edit{border-bottom-left-radius:0;color:#000;background-color:#d3d3d3}#interactionStandalonePageContent #interactionCard .buttons .edit:hover{color:#fff;background-color:#ababab}#interactionStandalonePageContent #interactionCard .buttons .delete{margin-left:1rem;border-bottom-right-radius:0;color:#fff;background-color:#e30000}#interactionStandalonePageContent #interactionCard .buttons .delete:hover{background-color:red}#addFriendsContent{display:flex;flex-direction:column;justify-content:start;align-items:center;min-height:50vh;width:100%;padding-top:min(10vw,2rem);padding-bottom:5rem;box-sizing:border-box}#addFriendsContent h2{font-size:2rem;margin-bottom:min(5vh,2.25rem)}#addFriendsContent form{display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-radius:16px;padding:min(5vw,2rem);box-sizing:border-box;width:min(90vw,37.5rem);box-shadow:0 0 10px #d3d3d3;background-color:#fff}#addFriendsContent form #nameFormField{display:flex;flex-direction:column;justify-content:center;align-items:start;flex-wrap:wrap;overflow:visible;margin-top:2rem;margin-bottom:3.5rem}#addFriendsContent form #nameFormField label{color:#868686;margin-bottom:.25rem}#addFriendsContent form #nameFormField input{padding:.5rem;box-sizing:border-box;border:none;border:2px solid lightgray;border-radius:4px;width:100%}#addFriendsContent form .section{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;margin-bottom:3rem;border-radius:10px}#addFriendsContent form .section legend{color:#868686}#addFriendsContent form #lastInteraction{margin-bottom:4.5rem}#addFriendsContent form #lastInteraction .question{margin-top:.5rem;margin-bottom:1.5rem;text-align:center;max-width:100%;word-break:normal;overflow-x:hidden;color:#000}#addFriendsContent form #lastInteraction .answerContent{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%}#addFriendsContent form #lastInteraction .answerContent .or{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem 1.5rem}#addFriendsContent form #lastInteraction .answerContent .absolute,#addFriendsContent form #lastInteraction .answerContent .approximate{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-self:stretch;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 0 5px #d3d3d3;color:#868686;background-color:#fff}#addFriendsContent form #lastInteraction .answerContent .absolute label,#addFriendsContent form #lastInteraction .answerContent .approximate label{display:flex;flex-direction:row;justify-content:start;align-items:center;font-size:1rem}#addFriendsContent form #lastInteraction .answerContent .absolute #last_interaction_date_absolute,#addFriendsContent form #lastInteraction .answerContent .absolute #time_unit_multiple,#addFriendsContent form #lastInteraction .answerContent .absolute #time_unit,#addFriendsContent form #lastInteraction .answerContent .approximate #last_interaction_date_absolute,#addFriendsContent form #lastInteraction .answerContent .approximate #time_unit_multiple,#addFriendsContent form #lastInteraction .answerContent .approximate #time_unit{padding:.5rem;border:none;border:2px solid rgb(234,234,234);border-radius:4px;background-color:#fff}#addFriendsContent form #lastInteraction .answerContent .absolute #time_unit:hover,#addFriendsContent form #lastInteraction .answerContent .approximate #time_unit:hover{cursor:pointer}#addFriendsContent form #lastInteraction .answerContent .absolute{flex-direction:column;min-width:10rem}#addFriendsContent form #lastInteraction .answerContent .absolute label{margin:0;margin-bottom:.5rem}#addFriendsContent form #lastInteraction .answerContent .approximate .inputtedTimeAgo{display:flex;flex-direction:row;justify-content:center;align-items:center}#addFriendsContent form #lastInteraction .answerContent .approximate .inputtedTimeAgo #time_unit_multiple{margin-left:.25rem;margin-right:.25rem;width:15vw;max-width:2.75rem}#addFriendsContent form #lastInteraction .answerContent .approximate .inputtedTimeAgo #time_unit{margin-right:.25rem}#addFriendsContent form #lastInteraction .answerContent .ignored{box-shadow:none}#addFriendsContent form #relationshipTier{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3.5rem}#addFriendsContent form #relationshipTier .fieldset_content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#addFriendsContent form #relationshipTier .fieldset_content .selectionPrompt{display:inline-block;max-width:100%;word-break:normal;overflow-x:hidden;text-wrap:wrap;text-align:center;margin-bottom:.75rem}#addFriendsContent form #relationshipTier .fieldset_content .selectionPrompt .why{font-style:italic;color:gray;text-decoration-style:dotted}#addFriendsContent form #relationshipTier .fieldset_content .selectionPrompt .why:hover{cursor:pointer}#addFriendsContent form #relationshipTier .fieldset_content #algorithmExplanation{display:inline-block;flex-direction:column;justify-content:center;align-items:center;max-width:30rem;height:auto;padding:1rem 1rem .75rem;box-sizing:border-box;margin-top:.5rem;margin-bottom:1.5rem;border-radius:10px;background-color:#fff;line-height:1.75rem;box-shadow:0 2.5px 10px #d3d3d3;color:gray}#addFriendsContent form #relationshipTier .fieldset_content #algorithmExplanation .close{display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:end;padding:.25rem;border-radius:4px;border:2px solid lightgray;margin-top:1.5rem;width:7.5rem;color:gray;background-color:#fff}#addFriendsContent form #relationshipTier .fieldset_content #algorithmExplanation .close:hover{cursor:pointer;background-color:#f0f0f0}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;-webkit-user-select:none;user-select:none}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin-bottom:1rem}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options .relationshipLabelAndRadio{display:flex;flex-direction:row;justify-content:start;align-items:center;margin:.25rem;width:100%;border-radius:4px;box-shadow:0 0 5px #d3d3d3}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options .relationshipLabelAndRadio label{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;padding:.5rem;box-sizing:border-box;width:100%;height:100%;text-align:center;text-wrap:nowrap;border-radius:4px}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options .relationshipLabelAndRadio label:hover{border-radius:4px;cursor:pointer}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options .relationshipLabelAndRadio label:active{border-radius:4px;box-shadow:0 0 5px #d3d3d3 inset}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options .relationshipLabelAndRadio .selected{background-color:#f08080}#addFriendsContent form #relationshipTier .fieldset_content .tiersAndInfo .options .relationshipLabelAndRadio input{display:none}#addFriendsContent form #relationshipTier .fieldset_content .relationship_tier_description{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;line-height:1.5rem;padding:1rem 3rem;box-sizing:border-box;height:7rem;margin-bottom:1rem;-webkit-user-select:text;user-select:text;color:gray;font-style:italic;border-radius:10px;box-shadow:0 0 10px #d3d3d3 inset}#addFriendsContent form #optional{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.75rem}#addFriendsContent form #optional legend{color:#000;margin-bottom:1rem}#addFriendsContent form #birthday{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;padding:1rem;box-sizing:border-box;border-radius:16px;overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:0 0 5px #d3d3d3;background-color:#fff;color:#868686}#addFriendsContent form #birthday label{display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:stretch;margin-left:.5rem;margin-right:.75rem;font-size:1rem}#addFriendsContent form #birthday .formField{display:flex;flex-direction:row;justify-content:center;align-items:stretch}#addFriendsContent form #birthday .formField select{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;box-sizing:border-box;margin-right:.25rem;border:2px solid #eaeaea;border-radius:4px;background-color:#fff}#addFriendsContent form #birthday .formField select:hover{cursor:pointer}#addFriendsContent form #birthday .formField #zodiacEmoji,#addFriendsContent form #birthday .formField #zodiacEmojiSpacer{display:flex;justify-content:center;align-items:center;width:2.25rem;font-size:1.5rem}#addFriendsContent form #birthday .formField #zodiacEmoji:hover{cursor:help}#addFriendsContent form #Submit{box-sizing:border-box;padding:1rem;border-radius:16px;border:2px solid lightcoral;border:none;color:#f08080;background-color:#fff;-webkit-user-select:none;user-select:none;box-shadow:0 0 5px 2.5px #f08080}#addFriendsContent form #Submit:hover{cursor:pointer;color:#fff;background-color:#f08080}#addFriendsContent form #Submit:active{color:#fff;background-color:#f08080;box-shadow:0 0 5px 2.5px #0000004b inset}*{margin:0;padding:0;font-family:Helvetica,sans-serif;font-size:16px}#root{display:flex;flex-direction:column;justify-content:start;min-height:100%;width:100%;box-sizing:border-box}#bodyAndFooter{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:calc(100vh - min(10vh,3rem));width:100%;box-sizing:border-box}#legalContent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#e7daff}#legalContent #legalText{width:90vw;max-width:45rem;padding-top:min(5vw,2rem);padding-bottom:2rem;line-height:2em}#legalContent #legalText h2,#legalContent #legalText h3{width:100%;text-align:center}#legalContent #legalText ul{margin-top:.33rem;list-style-position:outside}#legalContent #legalText ul li{margin-left:2.5rem;box-sizing:border-box}#legalContent #legalText hr{margin-top:2rem;margin-bottom:2rem;border:1px solid black}#legalContent #legalText #wordmark{text-align:center}