@charset "UTF-8";
:root {
  --color-primary: #3B82F6;
  --color-primary-dark: #1E40AF;
  --color-secondary: #EC4899;
  --color-secondary-dark: #BE185D;
  --color-text: #1F2937;
  --color-text-muted: #6B7280;
  --color-background: #FFFFFF;
  --color-background-muted: #F9FAFB;
  --color-border: #E5E7EB;
  --color-border-focus: #3B82F6;
  --color-success: #10B981;
  --color-warning: #F97316;
  --color-error: #DC2626;
  --color-info: #06B6D4;
  --space-1: 0.8rem;
  --space-2: 1.6rem;
  --space-3: 2.4rem;
  --space-4: 3.2rem;
  --space-5: 4rem;
  --font-size-base: 1.6rem;
  --font-size-sm: 1.4rem;
  --font-size-lg: 1.8rem;
  --radius-sm: 0.4rem;
  --radius-md: 0.6rem;
  --radius-lg: 0.8rem;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

a,
body,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
img,
input,
label,
li,
ol,
p,
span,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 10px;
  height: 100vh;
}

body {
  color: #1F2937;
  font-family: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.25;
  color: #1F2937;
}

h1 {
  font-size: 3.6rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.4rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

ul {
  list-style: none;
}

a {
  color: #3B82F6;
  line-height: 1.2;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}
a:hover, a.hover {
  color: #1E40AF;
}
a:focus {
  outline: 2px solid #3B82F6;
  outline-offset: 2px;
}

img {
  border: 0;
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
}

i.fa,
i.fab,
i.far,
i.fas {
  font-style: normal;
}

input,
textarea {
  font-family: inherit;
  font-size: 1.6rem;
  vertical-align: bottom;
}

button {
  line-height: 1.2;
}

hr {
  background: #6B7280;
  border: 0;
  height: 0.1rem;
}

.noHighlighting {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

::-moz-selection {
  background: #EC4899;
  color: #FFFFFF;
}

::selection {
  background: #EC4899;
  color: #FFFFFF;
}

::-moz-selection {
  background: #EC4899;
  color: #FFFFFF;
}

.checkboxesInputWithLabel,
.creditCardInputWithLabel,
.dateInputWithLabel,
.fileInputWithLabel,
.inputsGroupingWithLabel,
.passwordInputWithLabel,
.radiosInputWithLabel,
.richTextInputWithLabel,
.searchInputWithLabel,
.searchSelectInputWithLabel,
.selectInputWithLabel,
.sliderInputWithLabel,
.staticTextWithLabel,
.textareaInputWithLabel,
.textInputWithLabel,
.timeInputWithLabel,
.toggleInputWithLabel {
  margin: 2.4rem 0;
}
.checkboxesInputWithLabel .label,
.creditCardInputWithLabel .label,
.dateInputWithLabel .label,
.fileInputWithLabel .label,
.inputsGroupingWithLabel .label,
.passwordInputWithLabel .label,
.radiosInputWithLabel .label,
.richTextInputWithLabel .label,
.searchInputWithLabel .label,
.searchSelectInputWithLabel .label,
.selectInputWithLabel .label,
.sliderInputWithLabel .label,
.staticTextWithLabel .label,
.textareaInputWithLabel .label,
.textInputWithLabel .label,
.timeInputWithLabel .label,
.toggleInputWithLabel .label {
  color: #1F2937;
  display: inline-block;
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.checkboxesInputWithLabel .label .required,
.creditCardInputWithLabel .label .required,
.dateInputWithLabel .label .required,
.fileInputWithLabel .label .required,
.inputsGroupingWithLabel .label .required,
.passwordInputWithLabel .label .required,
.radiosInputWithLabel .label .required,
.richTextInputWithLabel .label .required,
.searchInputWithLabel .label .required,
.searchSelectInputWithLabel .label .required,
.selectInputWithLabel .label .required,
.sliderInputWithLabel .label .required,
.staticTextWithLabel .label .required,
.textareaInputWithLabel .label .required,
.textInputWithLabel .label .required,
.timeInputWithLabel .label .required,
.toggleInputWithLabel .label .required {
  color: #DC2626;
}
.checkboxesInputWithLabel .helpTxt,
.creditCardInputWithLabel .helpTxt,
.dateInputWithLabel .helpTxt,
.fileInputWithLabel .helpTxt,
.inputsGroupingWithLabel .helpTxt,
.passwordInputWithLabel .helpTxt,
.radiosInputWithLabel .helpTxt,
.richTextInputWithLabel .helpTxt,
.searchInputWithLabel .helpTxt,
.searchSelectInputWithLabel .helpTxt,
.selectInputWithLabel .helpTxt,
.sliderInputWithLabel .helpTxt,
.staticTextWithLabel .helpTxt,
.textareaInputWithLabel .helpTxt,
.textInputWithLabel .helpTxt,
.timeInputWithLabel .helpTxt,
.toggleInputWithLabel .helpTxt {
  color: #6B7280;
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
}

.dateInputWithLabel .label,
.passwordInputWithLabel .label,
.searchInputWithLabel .label,
.searchSelectInputWithLabel .label,
.selectInputWithLabel .label,
.textareaInputWithLabel .label,
.textInputWithLabel .label,
.timeInputWithLabel .label {
  cursor: pointer;
}

.dateInputContainer,
.timeInputContainer {
  position: relative;
}
.dateInputContainer > a,
.timeInputContainer > a {
  display: none;
  position: absolute;
  right: 1.2rem;
  top: 0.8rem;
}
.dateInputContainer > a:hover,
.timeInputContainer > a:hover {
  color: #DC2626;
}
.dateInputContainer > a i,
.timeInputContainer > a i {
  display: block;
}

.fileInputContainer p {
  font-weight: bold;
  margin-top: 0.5rem;
}

.creditCardInput,
.dateInput,
.passwordInput,
.searchInput > input,
.textareaInput,
.textInput,
.timeInput {
  border: 1px solid #E5E7EB;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  outline: 0;
  padding: 1.6rem;
  width: 100%;
  transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  background-color: #FFFFFF;
}
.creditCardInput:focus,
.dateInput:focus,
.passwordInput:focus,
.searchInput > input:focus,
.textareaInput:focus,
.textInput:focus,
.timeInput:focus {
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.creditCardInput:hover:not(:focus),
.dateInput:hover:not(:focus),
.passwordInput:hover:not(:focus),
.searchInput > input:hover:not(:focus),
.textareaInput:hover:not(:focus),
.textInput:hover:not(:focus),
.timeInput:hover:not(:focus) {
  border-color: #9CA3AF;
}
.creditCardInput::-moz-placeholder, .dateInput::-moz-placeholder, .passwordInput::-moz-placeholder, .searchInput > input::-moz-placeholder, .textareaInput::-moz-placeholder, .textInput::-moz-placeholder, .timeInput::-moz-placeholder {
  color: #6B7280;
}
.creditCardInput::placeholder,
.dateInput::placeholder,
.passwordInput::placeholder,
.searchInput > input::placeholder,
.textareaInput::placeholder,
.textInput::placeholder,
.timeInput::placeholder {
  color: #6B7280;
}

.dateInput,
.passwordInput,
.textInput,
.timeInput {
  height: 3.7rem;
}

.richTextInput {
  border: 1px solid #E5E7EB;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  outline: 0;
  padding: 1.6rem;
  width: 100%;
  transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  background-color: #FFFFFF;
}
.richTextInput:focus {
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.richTextInput:hover:not(:focus) {
  border-color: #9CA3AF;
}
.richTextInput > .ql-toolbar.ql-snow {
  border-color: #E5E7EB;
  border-radius: 0.6rem 0.6rem 0 0;
  border-bottom: none;
}
.richTextInput > .ql-container.ql-snow {
  border-color: #E5E7EB;
  border-radius: 0 0 0.6rem 0.6rem;
  border-top: none;
}
.richTextInput::-moz-placeholder {
  color: #6B7280;
}
.richTextInput::placeholder {
  color: #6B7280;
}

.searchInput > input {
  height: 3.7rem;
}
.searchInput .familyFriends > div {
  margin-top: 1rem;
}
.searchInput .familyFriends > div h4 {
  color: #EC4899;
  font-size: 1.8rem;
  font-weight: normal;
}
.searchInput .familyFriends > div h4 span {
  color: #3B82F6;
  font-size: 1.4rem;
  margin-left: 1rem;
}
.searchInput .familyFriends > div h4 span a:hover {
  color: #1E40AF;
}
.searchInput .familyFriends > div > ul {
  margin-top: 1rem;
}
.searchInput .familyFriends > div > ul .familyFriend {
  padding: 1rem 0;
}
.searchInput .familyFriends > div > ul .familyFriend .name {
  margin-bottom: 0.7rem;
}
.searchInput .familyFriends > div > ul .familyFriend .status {
  color: #F97316;
  font-weight: bold;
  margin: 0.7rem 0;
}
.searchInput .familyFriends > div > ul .familyFriend .link {
  margin-top: 0.7rem;
}
.searchInput .familyFriends > div .showMoreResultsBtn {
  margin-top: 1rem;
}
.searchInput .familyFriends > p {
  color: #6B7280;
  font-size: 1.4rem;
  margin-top: 1rem;
}

.sliderInput {
  padding: 0 1rem 2rem;
}

.starRatingInputContainer {
  margin: 2rem 0;
}
.starRatingInputContainer > .starRatingInput {
  color: #F59E0B;
  cursor: pointer;
  display: flex;
  font-size: 8rem;
  justify-content: center;
  margin: -0.8rem 0 -0.5rem;
}
.starRatingInputContainer > .starRatingInput .starFractionBottom {
  position: relative;
}
.starRatingInputContainer > .starRatingInput .starFractionTop {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.textareaInput {
  height: 12.2rem;
}

.checkboxesInput > li,
.radiosInput > li {
  margin: 0.5rem 0;
}
.checkboxesInput > li:first-child,
.radiosInput > li:first-child {
  margin-top: 0;
}
.checkboxesInput > li:last-child,
.radiosInput > li:last-child {
  margin-bottom: 0;
}
.checkboxesInput > li > label,
.radiosInput > li > label {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.checkboxesInput > li > label > input,
.radiosInput > li > label > input {
  position: absolute;
}
.checkboxesInput > li > label > input:focus,
.radiosInput > li > label > input:focus {
  outline: 0;
}
.checkboxesInput > li > label > div,
.radiosInput > li > label > div {
  align-items: center;
  background: #FFFFFF;
  display: flex;
  position: relative;
}
.checkboxesInput > li > label > div .checkbox,
.checkboxesInput > li > label > div .radio,
.radiosInput > li > label > div .checkbox,
.radiosInput > li > label > div .radio {
  border: #6B7280 solid 0.1rem;
  height: 1.8rem;
  width: 1.8rem;
}
.checkboxesInput > li > label > div .checkbox .selected,
.checkboxesInput > li > label > div .radio .selected,
.radiosInput > li > label > div .checkbox .selected,
.radiosInput > li > label > div .radio .selected {
  background: #3B82F6;
}
.checkboxesInput > li > label > div .checkbox,
.radiosInput > li > label > div .checkbox {
  border-radius: 0.2rem;
  padding: 0.1rem;
}
.checkboxesInput > li > label > div .checkbox .selected,
.radiosInput > li > label > div .checkbox .selected {
  border-radius: 0.2rem;
  height: 1.4rem;
  width: 1.4rem;
}
.checkboxesInput > li > label > div .radio,
.radiosInput > li > label > div .radio {
  border-radius: 100%;
  padding: 0.2rem;
}
.checkboxesInput > li > label > div .radio .selected,
.radiosInput > li > label > div .radio .selected {
  border-radius: 100%;
  height: 1.2rem;
  width: 1.2rem;
}
.checkboxesInput > li > label > div > span,
.radiosInput > li > label > div > span {
  flex: 1;
  margin-left: 0.5rem;
}
.checkboxesInput > li > label > div > span strong,
.radiosInput > li > label > div > span strong {
  color: #EC4899;
}
.checkboxesInput > li > label > input:focus + div,
.radiosInput > li > label > input:focus + div {
  outline: Highlight auto 0.1rem;
  outline: -webkit-focus-ring-color auto 0.1rem;
}

.toggleInput {
  align-items: center;
  display: flex;
  margin-top: 0.8rem;
}
.toggleInput > div {
  background: #E5E7EB;
  border: 1px solid #9CA3AF;
  border-radius: 2.4rem;
  cursor: pointer;
  height: 2.4rem;
  margin-right: 2.4rem;
  position: relative;
  transition: all 200ms ease-in-out;
  width: 4.4rem;
}
.toggleInput > div:focus {
  outline: 2px solid #3B82F6;
  outline-offset: 2px;
}
.toggleInput > div:hover {
  border-color: #3B82F6;
}
.toggleInput > div > div {
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  height: 2rem;
  left: 0.2rem;
  position: absolute;
  top: 0.2rem;
  transition: all 200ms ease-in-out;
  width: 2rem;
}
.toggleInput > div.selected {
  background-color: #3B82F6;
  border-color: #3B82F6;
}
.toggleInput > div.selected > div {
  left: 2.2rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.toggleInput > label {
  flex: 1;
  font-size: 1.6rem;
  color: #1F2937;
  font-weight: 500;
  cursor: pointer;
}

.submitBtnWithContainer {
  margin-top: 2rem;
}

.siteBtn,
.siteBtnLink,
.submitBtn {
  background: #3B82F6;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  outline: 0;
  padding: 2.4rem 3.2rem;
  text-align: center;
  transition: all 150ms ease-in-out;
  text-decoration: none;
  min-height: 4.4rem;
  width: 100%;
}
.siteBtn:hover,
.siteBtnLink:hover,
.submitBtn:hover {
  background: #1E40AF;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.siteBtn:focus,
.siteBtnLink:focus,
.submitBtn:focus {
  outline: 2px solid #3B82F6;
  outline-offset: 2px;
}
.siteBtn:active,
.siteBtnLink:active,
.submitBtn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.siteBtn.cancelBtn,
.siteBtnLink.cancelBtn,
.submitBtn.cancelBtn {
  background: #FFFFFF;
  border-color: #E5E7EB;
  color: #374151;
}
.siteBtn.cancelBtn:hover,
.siteBtnLink.cancelBtn:hover,
.submitBtn.cancelBtn:hover {
  background: #F9FAFB;
  border-color: #9CA3AF;
  color: #1F2937;
}
.siteBtn.dangerBtn,
.siteBtnLink.dangerBtn,
.submitBtn.dangerBtn {
  background: #DC2626;
}
.siteBtn.dangerBtn:hover,
.siteBtnLink.dangerBtn:hover,
.submitBtn.dangerBtn:hover {
  background: #B91C1C;
}
.siteBtn.dangerBtn:focus,
.siteBtnLink.dangerBtn:focus,
.submitBtn.dangerBtn:focus {
  outline-color: #DC2626;
}
.siteBtn.fbBtn,
.siteBtnLink.fbBtn,
.submitBtn.fbBtn {
  background: #4267B2;
}
.siteBtn.fbBtn:hover,
.siteBtnLink.fbBtn:hover,
.submitBtn.fbBtn:hover {
  background: #365899;
}
.siteBtn.pinkBtn,
.siteBtnLink.pinkBtn,
.submitBtn.pinkBtn {
  background: #EC4899;
}
.siteBtn.pinkBtn:hover,
.siteBtnLink.pinkBtn:hover,
.submitBtn.pinkBtn:hover {
  background: #BE185D;
}
.siteBtn.pinkBtn:focus,
.siteBtnLink.pinkBtn:focus,
.submitBtn.pinkBtn:focus {
  outline-color: #EC4899;
}
.siteBtn.secondaryBtn,
.siteBtnLink.secondaryBtn,
.submitBtn.secondaryBtn {
  background: #10B981;
}
.siteBtn.secondaryBtn:hover,
.siteBtnLink.secondaryBtn:hover,
.submitBtn.secondaryBtn:hover {
  background: #059669;
}
.siteBtn.secondaryBtn:focus,
.siteBtnLink.secondaryBtn:focus,
.submitBtn.secondaryBtn:focus {
  outline-color: #10B981;
}
.siteBtn.tertiaryBtn,
.siteBtnLink.tertiaryBtn,
.submitBtn.tertiaryBtn {
  background: #F97316;
}
.siteBtn.tertiaryBtn:hover,
.siteBtnLink.tertiaryBtn:hover,
.submitBtn.tertiaryBtn:hover {
  background: #EA580C;
}
.siteBtn.tertiaryBtn:focus,
.siteBtnLink.tertiaryBtn:focus,
.submitBtn.tertiaryBtn:focus {
  outline-color: #F97316;
}
.siteBtn.turquoiseBtn,
.siteBtnLink.turquoiseBtn,
.submitBtn.turquoiseBtn {
  background: #06B6D4;
}
.siteBtn.turquoiseBtn:hover,
.siteBtnLink.turquoiseBtn:hover,
.submitBtn.turquoiseBtn:hover {
  background: #3B82F6;
}
.siteBtn.turquoiseBtn:focus,
.siteBtnLink.turquoiseBtn:focus,
.submitBtn.turquoiseBtn:focus {
  outline-color: #06B6D4;
}
.siteBtn.goldBtn,
.siteBtnLink.goldBtn,
.submitBtn.goldBtn {
  background: #F59E0B;
}
.siteBtn.goldBtn:hover,
.siteBtnLink.goldBtn:hover,
.submitBtn.goldBtn:hover {
  background: #F97316;
}
.siteBtn.goldBtn:focus,
.siteBtnLink.goldBtn:focus,
.submitBtn.goldBtn:focus {
  outline-color: #F59E0B;
}
.siteBtn.btnSmall,
.siteBtnLink.btnSmall,
.submitBtn.btnSmall {
  font-size: 1.4rem;
  padding: 1.6rem 2.4rem;
  min-height: 3.6rem;
  width: auto;
}
.siteBtn.btnOutline,
.siteBtnLink.btnOutline,
.submitBtn.btnOutline {
  background: transparent;
  border-color: currentColor;
  color: #3B82F6;
}
.siteBtn.btnOutline:hover,
.siteBtnLink.btnOutline:hover,
.submitBtn.btnOutline:hover {
  background: #3B82F6;
  color: #FFFFFF;
}
.siteBtn.btnOutline.dangerBtn,
.siteBtnLink.btnOutline.dangerBtn,
.submitBtn.btnOutline.dangerBtn {
  color: #DC2626;
}
.siteBtn.btnOutline.dangerBtn:hover,
.siteBtnLink.btnOutline.dangerBtn:hover,
.submitBtn.btnOutline.dangerBtn:hover {
  background: #DC2626;
  color: #FFFFFF;
}

.inputsGrouping {
  background: #FFFFFF;
  border-radius: 0.8rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E5E7EB;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.inputsGrouping > li:not(:last-child) {
  border-bottom: 1px solid #E5E7EB;
}
.inputsGrouping > li > a {
  align-items: center;
  background: #FFFFFF;
  color: #1F2937;
  display: flex;
  font-weight: 500;
  font-size: 1.6rem;
  min-height: 5.6rem;
  padding: 2.4rem 3.2rem;
  transition: all 150ms ease-in-out;
  position: relative;
}
.inputsGrouping > li > a:hover {
  background: #F9FAFB;
  color: #1F2937;
}
.inputsGrouping > li > a:hover > a {
  color: #DC2626;
}
.inputsGrouping > li > a:focus {
  background: #F9FAFB;
  outline: 2px solid #3B82F6;
  outline-offset: -2px;
}
.inputsGrouping > li > a > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
}
.inputsGrouping > li > a > a {
  color: #9CA3AF;
  margin-left: 1.6rem;
  padding: 0.8rem;
  border-radius: 0.4rem;
  transition: all 150ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
}
.inputsGrouping > li > a > a:hover {
  color: #DC2626;
  background: rgba(220, 38, 38, 0.1);
}
.inputsGrouping > li > a > a i {
  font-size: 1.4rem;
}
.inputsGrouping > li > a:last-child {
  border-top: 2px dashed #E5E7EB;
  background: #F9FAFB;
  color: #3B82F6;
  font-weight: 500;
}
.inputsGrouping > li > a:last-child:hover {
  background: rgba(59, 130, 246, 0.05);
  border-top-color: #3B82F6;
  color: #1E40AF;
}
.inputsGrouping > li > a:last-child i.fa-plus {
  color: inherit;
  margin-left: 1.6rem;
  font-size: 1.4rem;
}
.inputsGrouping > li > div {
  background: #F9FAFB;
  padding: 4rem;
  border-top: 1px solid #E5E7EB;
}
.inputsGrouping > li > div > div:first-child > * {
  margin-top: 0;
}
.inputsGrouping > li > div > div:last-child > * {
  margin-bottom: 0;
}
.inputsGrouping > li > div .siteBtn {
  margin-top: 3.2rem;
  width: auto;
  min-width: 10rem;
  font-size: 1.4rem;
  padding: 1.6rem 3.2rem;
}
.inputsGrouping > li > div > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
}
@media (min-width: 768px) {
  .inputsGrouping > li > div > div {
    grid-template-columns: 1fr 1fr;
  }
  .inputsGrouping > li > div > div .textInputWithLabel:first-child {
    grid-column: 1/-1;
  }
}

.coloredLabels .label {
  color: #10B981;
}
.coloredLabels .label .required {
  color: #DC2626;
}

.v-select.selectInput {
  position: relative;
}
.v-select.selectInput .vs__dropdown-toggle {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.6rem;
  min-height: 4.4rem;
  padding: 0;
  transition: all 150ms ease-in-out;
}
.v-select.selectInput .vs__dropdown-toggle:hover {
  border-color: #9CA3AF;
}
.v-select.selectInput .vs__dropdown-toggle .vs__selected-options {
  padding: 1.6rem 2.4rem;
  flex-wrap: nowrap;
}
.v-select.selectInput .vs__dropdown-toggle .vs__selected-options .vs__selected {
  color: #1F2937;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.v-select.selectInput .vs__dropdown-toggle .vs__selected-options .vs__search {
  color: #1F2937;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.v-select.selectInput .vs__dropdown-toggle .vs__selected-options .vs__search::-moz-placeholder {
  color: #6B7280;
}
.v-select.selectInput .vs__dropdown-toggle .vs__selected-options .vs__search::placeholder {
  color: #6B7280;
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions {
  padding: 0 1.6rem;
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions .vs__clear {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.8rem;
  margin-right: 0.8rem;
  border-radius: 0.4rem;
  transition: all 150ms ease-in-out;
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions .vs__clear:hover {
  background: rgba(220, 38, 38, 0.1);
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions .vs__clear svg {
  fill: #9CA3AF;
  transition: fill 150ms ease-in-out;
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions .vs__clear:hover svg {
  fill: #DC2626;
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions .vs__open-indicator {
  fill: #9CA3AF;
  transition: all 150ms ease-in-out;
  transform: scale(0.8);
}
.v-select.selectInput .vs__dropdown-toggle .vs__actions .vs__spinner {
  border-color: #9CA3AF #E5E7EB #E5E7EB;
}
.v-select.selectInput.vs--open .vs__dropdown-toggle {
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.v-select.selectInput.vs--open .vs__dropdown-toggle .vs__actions .vs__open-indicator {
  transform: scale(0.8) rotate(180deg);
  fill: #3B82F6;
}
.v-select.selectInput.vs--single.vs--open .vs__selected {
  opacity: 0.4;
}
.v-select.selectInput .vs__dropdown-menu {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.6rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin-top: 0.8rem;
  padding: 1.6rem 0;
  z-index: 1000;
}
.v-select.selectInput .vs__dropdown-menu .vs__dropdown-option {
  color: #1F2937;
  font-size: 1.6rem;
  padding: 1.6rem 2.4rem;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  white-space: normal;
  word-wrap: break-word;
}
.v-select.selectInput .vs__dropdown-menu .vs__dropdown-option:hover, .v-select.selectInput .vs__dropdown-menu .vs__dropdown-option--highlight {
  background: #F9FAFB;
  color: #1F2937;
}
.v-select.selectInput .vs__dropdown-menu .vs__dropdown-option--selected {
  background: rgba(59, 130, 246, 0.1);
  color: #3B82F6;
  font-weight: 500;
}
.v-select.selectInput .vs__dropdown-menu .vs__dropdown-option--selected:hover, .v-select.selectInput .vs__dropdown-menu .vs__dropdown-option--selected.vs__dropdown-option--highlight {
  background: rgba(59, 130, 246, 0.2);
  color: #1E40AF;
}
.v-select.selectInput .vs__dropdown-menu .vs__dropdown-option--disabled {
  color: #9CA3AF;
  cursor: not-allowed;
  background: none;
}
.v-select.selectInput .vs__dropdown-menu .vs__dropdown-option--disabled:hover {
  background: none;
}
.v-select.selectInput .vs__dropdown-menu .vs__no-options {
  color: #6B7280;
  text-align: center;
  padding: 3.2rem;
  font-style: italic;
}
.v-select.selectInput.vs--disabled .vs__dropdown-toggle {
  background: #F9FAFB;
  border-color: #E5E7EB;
  cursor: not-allowed;
}
.v-select.selectInput.vs--disabled .vs__dropdown-toggle .vs__selected,
.v-select.selectInput.vs--disabled .vs__dropdown-toggle .vs__search {
  color: #9CA3AF;
}
.v-select.selectInput.vs--disabled .vs__dropdown-toggle .vs__actions .vs__open-indicator {
  fill: #E5E7EB;
}

@media screen and (min-width: 768px) {
  .dateInputContainer > a,
  .timeInputContainer > a {
    display: block;
  }
  .searchInput .familyFriends > div > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
  }
  .v-select.selectInput .vs__dropdown-toggle {
    min-height: 4.8rem;
  }
  .v-select.selectInput .vs__dropdown-toggle .vs__selected-options {
    padding: 2.4rem 3.2rem;
  }
  .v-select.selectInput .vs__dropdown-toggle .vs__selected-options .vs__selected,
  .v-select.selectInput .vs__dropdown-toggle .vs__selected-options .vs__search {
    font-size: 1.8rem;
  }
  .v-select.selectInput .vs__dropdown-toggle .vs__actions {
    padding: 0 2.4rem;
  }
  .v-select.selectInput .vs__dropdown-menu .vs__dropdown-option {
    padding: 2.4rem 3.2rem;
    font-size: 1.8rem;
  }
}
.alerts > p em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}
.alerts > p span {
  font-size: 1.6rem;
}
.alerts ul {
  margin: 2rem auto 0;
  max-width: 60rem;
}
.alerts ul li {
  border: #9CA3AF solid 0.1rem;
  border-radius: 0.4rem;
  margin: 2rem 0;
  padding: 1rem;
}
.alerts ul li:last-child {
  margin-bottom: 0;
}
.alerts ul li div {
  border-bottom: #9CA3AF solid 0.1rem;
  color: #6B7280;
  font-size: 1.4rem;
}
.alerts ul li div p {
  padding-bottom: 1rem;
}
.alerts ul li div p.floatRight {
  float: right;
  margin-left: 1rem;
}
.alerts ul li > p {
  margin-top: 1rem;
}
.alerts ul li > p.subtext {
  color: #6B7280;
  font-size: 1.6rem;
}
.alerts ul li > img {
  display: block;
  margin-top: 1rem;
  width: 100%;
}

.announcements .carousel {
  margin: auto;
  max-width: 60rem;
  overflow: hidden;
  white-space: nowrap;
}
.announcements .carousel ul {
  display: flex;
  left: 0;
  position: relative;
  transition: left 0.5s;
}
.announcements .carousel ul li {
  flex: 0 0 100%;
}
.announcements .carousel ul li img {
  width: 100%;
}

.availabilityScheduler > *:last-child {
  margin-bottom: 0;
}
.availabilityScheduler > .weekControls {
  align-items: center;
  display: flex;
  font-size: 1.2rem;
  justify-content: center;
  margin: 2rem 0 1rem;
}
.availabilityScheduler > .weekControls > span {
  width: 8rem;
}
.availabilityScheduler > .weekControls > span:last-child {
  text-align: right;
}
.availabilityScheduler > .weekControls > div {
  flex: 1;
  text-align: center;
}
.availabilityScheduler > .weekControls > div .dateInputContainer {
  display: none;
  width: auto;
}
.availabilityScheduler > table {
  font-size: 1rem;
  margin-top: 1rem;
  table-layout: fixed;
  width: 100%;
}
.availabilityScheduler > table tbody tr td,
.availabilityScheduler > table tbody tr th,
.availabilityScheduler > table thead tr td,
.availabilityScheduler > table thead tr th {
  border: #6B7280 solid 0.1rem;
  padding: 0.5rem;
}
.availabilityScheduler > table tbody tr td:first-child,
.availabilityScheduler > table thead tr td:first-child {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  width: 0.1rem;
}
.availabilityScheduler > table tbody tr td.dotwHourBlock.editable,
.availabilityScheduler > table thead tr td.dotwHourBlock.editable {
  cursor: pointer;
}
.availabilityScheduler > table tbody tr td.dotwHourBlock.selected,
.availabilityScheduler > table thead tr td.dotwHourBlock.selected {
  background: #F59E0B;
}
.availabilityScheduler > table tbody tr td.dotwHourBlock.booked,
.availabilityScheduler > table thead tr td.dotwHourBlock.booked {
  background: #DC2626;
  cursor: default;
}
.availabilityScheduler > .legend {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.availabilityScheduler > .legend li {
  align-items: center;
  display: flex;
  margin-right: 2rem;
}
.availabilityScheduler > .legend li:last-child {
  margin-right: 0;
}
.availabilityScheduler > .legend li div {
  height: 2.4rem;
  margin-right: 1rem;
  width: 2.4rem;
}
.availabilityScheduler > .legend li.available div {
  background: #F59E0B;
}
.availabilityScheduler > .legend li.booked div {
  background: #DC2626;
}
.availabilityScheduler > .setSubsequentWeeks > * {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .availabilityScheduler > div {
    font-size: 1.8rem;
  }
  .availabilityScheduler > div > span {
    width: 15rem;
  }
  .availabilityScheduler > div > div .dateInputContainer {
    display: inline-block;
  }
  .availabilityScheduler > table {
    font-size: 1.8rem;
    width: 100%;
  }
  .availabilityScheduler > table tbody tr td,
  .availabilityScheduler > table tbody tr th,
  .availabilityScheduler > table thead tr td,
  .availabilityScheduler > table thead tr th {
    padding: 1rem;
  }
}
.expandCollapse {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.8rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  margin-bottom: 3.2rem;
  transition: all 200ms ease-in-out;
}
.expandCollapse:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.expandCollapse > a {
  align-items: center;
  background: #F9FAFB;
  color: #1F2937;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  justify-content: space-between;
  padding: 3.2rem 4rem;
  text-decoration: none;
  transition: all 150ms ease-in-out;
  border-bottom: 1px solid #E5E7EB;
}
.expandCollapse > a:hover {
  background: rgba(59, 130, 246, 0.05);
  color: #3B82F6;
}
.expandCollapse > a:focus {
  outline: 2px solid #3B82F6;
  outline-offset: -2px;
}
.expandCollapse > a i {
  color: #9CA3AF;
  font-size: 1.6rem;
  transition: all 150ms ease-in-out;
}
.expandCollapse > a:hover i {
  color: #3B82F6;
  transform: scale(1.1);
}
.expandCollapse > div {
  padding: 4rem;
  background: #FFFFFF;
}

.filters {
  margin: 2rem;
}

.bookingForm .overnightBookingMsg {
  color: #EC4899;
  margin: 2rem 0;
}
.bookingForm .requestSitterMsg {
  margin: 2rem 0;
}
.bookingForm .explanatoryTxt {
  color: #EC4899;
  font-size: 1.6rem;
  margin: 2rem 0;
}
.bookingForm .paymentEstimate h3 {
  margin: 2rem 0 1rem;
  text-align: center;
}
.bookingForm .paymentEstimate > p {
  color: #6B7280;
  font-size: 1.4rem;
  margin: 1rem 0 2rem;
  text-align: center;
}
.bookingForm .paymentEstimate table {
  margin: 2rem 0;
  width: 100%;
}
.bookingForm .paymentEstimate table tbody tr,
.bookingForm .paymentEstimate table tfoot tr,
.bookingForm .paymentEstimate table thead tr {
  border: #9CA3AF solid 0.1rem;
  border-width: 0.1rem 0;
}
.bookingForm .paymentEstimate table tbody tr td,
.bookingForm .paymentEstimate table tbody tr th,
.bookingForm .paymentEstimate table tfoot tr td,
.bookingForm .paymentEstimate table tfoot tr th,
.bookingForm .paymentEstimate table thead tr td,
.bookingForm .paymentEstimate table thead tr th {
  padding: 1rem;
  text-align: left;
  vertical-align: top;
}
.bookingForm .paymentEstimate table tbody tr td:first-child,
.bookingForm .paymentEstimate table tbody tr th:first-child,
.bookingForm .paymentEstimate table tfoot tr td:first-child,
.bookingForm .paymentEstimate table tfoot tr th:first-child,
.bookingForm .paymentEstimate table thead tr td:first-child,
.bookingForm .paymentEstimate table thead tr th:first-child {
  padding-left: 0;
}
.bookingForm .paymentEstimate table tbody tr td:last-child,
.bookingForm .paymentEstimate table tbody tr th:last-child,
.bookingForm .paymentEstimate table tfoot tr td:last-child,
.bookingForm .paymentEstimate table tfoot tr th:last-child,
.bookingForm .paymentEstimate table thead tr td:last-child,
.bookingForm .paymentEstimate table thead tr th:last-child {
  padding-right: 0;
}
.bookingForm .paymentEstimate table tbody tr td.right,
.bookingForm .paymentEstimate table tbody tr th.right,
.bookingForm .paymentEstimate table tfoot tr td.right,
.bookingForm .paymentEstimate table tfoot tr th.right,
.bookingForm .paymentEstimate table thead tr td.right,
.bookingForm .paymentEstimate table thead tr th.right {
  text-align: right;
}
.bookingForm .paymentEstimate table tbody tr td em,
.bookingForm .paymentEstimate table tbody tr th em,
.bookingForm .paymentEstimate table tfoot tr td em,
.bookingForm .paymentEstimate table tfoot tr th em,
.bookingForm .paymentEstimate table thead tr td em,
.bookingForm .paymentEstimate table thead tr th em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}
.bookingForm .paymentEstimate table tfoot {
  font-weight: bold;
}

.familyForm .form .explanatoryTxt,
.sitterForm .form .explanatoryTxt {
  color: #EC4899;
  margin: 2rem 0;
}
.familyForm .form .profilePic,
.sitterForm .form .profilePic {
  margin: 2rem auto;
}
.familyForm .form .profilePic > a,
.sitterForm .form .profilePic > a {
  align-items: center;
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  color: #1F2937;
  display: flex;
  height: 15rem;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  width: 15rem;
}
.familyForm .form .profilePic > a img,
.sitterForm .form .profilePic > a img {
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
}
.familyForm .form .profilePic > a span,
.sitterForm .form .profilePic > a span {
  text-align: center;
}
.familyForm .form .removeProfilePic,
.sitterForm .form .removeProfilePic {
  margin: 2rem 0;
  text-align: center;
}
.familyForm > hr,
.sitterForm > hr {
  background: #EC4899;
  margin: 4rem 0;
}
.familyForm .connectToFbContainer > p,
.familyForm .backgroundCheckContainer > p,
.familyForm .importFbFriendsContainer > p,
.familyForm .addPasswordContainer > p,
.familyForm .toggleAccountActivityContainer > p,
.familyForm .deleteAccountContainer > p,
.sitterForm .connectToFbContainer > p,
.sitterForm .backgroundCheckContainer > p,
.sitterForm .importFbFriendsContainer > p,
.sitterForm .addPasswordContainer > p,
.sitterForm .toggleAccountActivityContainer > p,
.sitterForm .deleteAccountContainer > p {
  margin: 2rem 0;
}
.familyForm .connectToFbContainer > p:last-child,
.familyForm .backgroundCheckContainer > p:last-child,
.familyForm .importFbFriendsContainer > p:last-child,
.familyForm .addPasswordContainer > p:last-child,
.familyForm .toggleAccountActivityContainer > p:last-child,
.familyForm .deleteAccountContainer > p:last-child,
.sitterForm .connectToFbContainer > p:last-child,
.sitterForm .backgroundCheckContainer > p:last-child,
.sitterForm .importFbFriendsContainer > p:last-child,
.sitterForm .addPasswordContainer > p:last-child,
.sitterForm .toggleAccountActivityContainer > p:last-child,
.sitterForm .deleteAccountContainer > p:last-child {
  margin-bottom: 0;
}
.familyForm .connectToFbContainer > p em,
.familyForm .backgroundCheckContainer > p em,
.familyForm .importFbFriendsContainer > p em,
.familyForm .addPasswordContainer > p em,
.familyForm .toggleAccountActivityContainer > p em,
.familyForm .deleteAccountContainer > p em,
.sitterForm .connectToFbContainer > p em,
.sitterForm .backgroundCheckContainer > p em,
.sitterForm .importFbFriendsContainer > p em,
.sitterForm .addPasswordContainer > p em,
.sitterForm .toggleAccountActivityContainer > p em,
.sitterForm .deleteAccountContainer > p em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}

.siteContainer {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.siteHeader .userImpersonationMsg {
  background: #FEF3C7;
  color: #1F2937;
  padding: 2rem;
}
.siteHeader .desktop {
  border-bottom: #3B82F6 solid 0.1rem;
  display: none;
}
.siteHeader .desktop > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 120rem;
  padding: 2rem;
}
.siteHeader .desktop > div .logo a {
  display: inline-block;
}
.siteHeader .desktop > div .logo a img {
  height: 6rem;
}
.siteHeader .desktop > div > .nav {
  align-items: center;
  display: flex;
}
.siteHeader .desktop > div > .nav > li {
  margin-left: 2rem;
  position: relative;
  text-align: center;
}
.siteHeader .desktop > div > .nav > li > a {
  color: #EC4899;
}
.siteHeader .desktop > div > .nav > li > a:hover {
  font-weight: bold;
}
.siteHeader .desktop > div > .nav > li > div {
  background: #FFFFFF;
  display: none;
  padding-top: 0.5rem;
  position: absolute;
}
.siteHeader .desktop > div > .nav > li > div > ul {
  border: #6B7280 solid 0.1rem;
}
.siteHeader .desktop > div > .nav > li > div > ul li {
  text-align: left;
}
.siteHeader .desktop > div > .nav > li > div > ul li a {
  color: #EC4899;
  display: block;
  padding: 0.5rem;
  white-space: nowrap;
}
.siteHeader .desktop > div > .nav > li > div > ul li a:hover {
  background: #F9FAFB;
}
.siteHeader .desktop > div > .nav > li:hover div {
  display: block;
}
.siteHeader .mobile > div {
  align-items: center;
  border-bottom: #3B82F6 solid 0.1rem;
  display: flex;
  justify-content: center;
  padding: 1rem 2rem;
}
.siteHeader .mobile > div.showMobileMenu {
  border-bottom-color: #1E40AF;
}
.siteHeader .mobile > div .menuLink {
  width: 7rem;
}
.siteHeader .mobile > div .logo {
  flex: 1;
  text-align: center;
}
.siteHeader .mobile > div .logo a {
  display: inline-block;
}
.siteHeader .mobile > div .logo a img {
  height: 4rem;
}
.siteHeader .mobile > div .logInOutLink {
  text-align: right;
  width: 7rem;
}
.siteHeader .mobile > .nav > li > a {
  background: #3B82F6;
  border-bottom: #1E40AF solid 0.1rem;
  color: #FFFFFF;
  display: block;
  padding: 1rem 2rem;
}
.siteHeader .mobile > .nav > li > a:hover {
  background: #1E40AF;
}

.siteContent {
  flex: 1 0 auto;
  min-height: 1px;
}
.siteContent .pageHeader {
  color: #EC4899;
  font-size: 2.7rem;
  margin: 2rem;
}
.siteContent .pageHeader.marginBottomOnly {
  margin: 0 0 2rem;
}
.siteContent .groupingHeader {
  color: #1E40AF;
  font-size: 2rem;
  font-weight: normal;
  margin: 4rem 0 2rem;
  text-align: center;
  text-decoration: underline;
}
.siteContent .form .success {
  color: #10B981;
  font-weight: bold;
  margin: 2rem 0;
}
.siteContent .form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}
.siteContent .separator {
  background: #EC4899;
  margin: 2rem 0;
}

.siteFooter {
  background: #1E40AF;
  color: #FFFFFF;
  font-size: 1.4rem;
}
.siteFooter .condensed {
  padding: 1rem;
}
.siteFooter .condensed p {
  text-align: center;
}
.siteFooter .condensed p a {
  color: #FFFFFF;
}
.siteFooter .condensed p a:hover {
  color: #FFFFFF;
}
.siteFooter .full {
  padding: 2rem;
}
.siteFooter .full > p {
  margin-bottom: 3rem;
}
.siteFooter .full > .links {
  margin: 3rem 0;
}
.siteFooter .full > .links ul li {
  margin: 1rem 0;
}
.siteFooter .full > .links ul li:first-child {
  margin-top: 0;
}
.siteFooter .full > .links ul li:last-child {
  margin-bottom: 0;
}
.siteFooter .full > .links ul li a {
  border-bottom: #F97316 solid 0.2rem;
  color: #FFFFFF;
  display: inline-block;
  padding-bottom: 0.3rem;
}
.siteFooter .full > .links ul li a:hover {
  border-bottom-color: transparent;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks {
  align-items: center;
  display: flex;
  margin: 3rem 0;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks li {
  margin-right: 3rem;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks li:last-child {
  margin-right: 0;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks li a {
  color: #F97316;
  display: block;
  font-size: 2.4rem;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks li a:hover {
  color: #EA580C;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks li a i {
  display: block;
}
.siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks li a img {
  display: block;
  height: 2.4rem;
}
.siteFooter .full > .socialMediaLinksAndBtns .footerBtns {
  margin-top: 3rem;
}
.siteFooter .full > .socialMediaLinksAndBtns .footerBtns li {
  margin: 2rem 0;
}
.siteFooter .full > .socialMediaLinksAndBtns .footerBtns li:first-child {
  margin-top: 0;
}
.siteFooter .full > .socialMediaLinksAndBtns .footerBtns li:last-child {
  margin-bottom: 0;
}
.siteFooter .full > .socialMediaLinksAndBtns .footerBtns li a {
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.siteFooter .full > .socialMediaLinksAndBtns .footerBtns li a i {
  font-weight: normal;
  margin-left: 1.5rem;
}

.positionedElements .overlay {
  background: #FFFFFF;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: fixed;
  right: 0;
  top: 0;
}
.positionedElements .flashMsgs {
  padding: 2rem;
  position: fixed;
  top: 0;
  width: 100%;
}
.positionedElements .flashMsgs > li {
  border-radius: 0.5rem;
  cursor: pointer;
  padding: 2rem;
}
.positionedElements .flashMsgs > li.error {
  background: #FEF2F2;
  border: #FECACA solid 0.1rem;
  color: #DC2626;
}
.positionedElements .flashMsgs > li.info {
  background: #EFF6FF;
  border: #BFDBFE solid 0.1rem;
  color: #2563EB;
}
.positionedElements .flashMsgs > li.success {
  background: #F0FDF4;
  border: #BBF7D0 solid 0.1rem;
  color: #16A34A;
}
.positionedElements .flashMsgs > li.warning {
  background: #FFFBEB;
  border: #FED7AA solid 0.1rem;
  color: #D97706;
}
.positionedElements .modal {
  background: #FFFFFF;
  border: #6B7280 solid 0.1rem;
  border-radius: 0.3rem;
  left: 50%;
  margin-left: -18rem;
  padding: 2rem;
  position: fixed;
  top: 20rem;
  width: 36rem;
}
.positionedElements .modal .btns {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.positionedElements .modal .btns button {
  font-size: 1.6rem;
  margin-right: 1rem;
  width: auto;
}
.positionedElements .modal .btns button:last-child {
  margin-right: 0;
}
.positionedElements .loadingIcon {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.2rem;
  left: 50%;
  margin-left: -10rem;
  position: fixed;
  top: 20rem;
  z-index: 1000;
}

.siteContainer.contentScrollable {
  overflow-y: auto;
}
.siteContainer.contentScrollable > .siteContent {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-y: auto;
}
.siteContainer.contentScrollable.mobile {
  overflow-y: visible;
}
.siteContainer.contentScrollable.mobile > .siteContent {
  display: block;
  overflow-y: visible;
}
.siteContainer.contentScrollable.mobile .siteFooter {
  display: none;
}

@media screen and (min-width: 768px) {
  .siteHeader .desktop {
    display: block;
  }
  .siteHeader .mobile {
    display: none;
  }
  .siteFooter .condensed,
  .siteFooter .full {
    margin: auto;
    max-width: 120rem;
  }
  .siteFooter .condensed {
    padding: 1rem 2rem;
  }
  .siteFooter .full {
    display: flex;
  }
  .siteFooter .full > p, .siteFooter .full > .links, .siteFooter .full > .socialMediaLinksAndBtns {
    flex: 1;
  }
  .siteFooter .full > p, .siteFooter .full > .links {
    margin: 0;
  }
  .siteFooter .full > .links {
    text-align: center;
  }
  .siteFooter .full > .links ul {
    display: inline-block;
    text-align: left;
  }
  .siteFooter .full > .socialMediaLinksAndBtns .socialMediaLinks {
    justify-content: flex-end;
    margin-top: 0;
  }
  .siteFooter .full > .socialMediaLinksAndBtns .footerBtns li {
    display: flex;
    justify-content: flex-end;
  }
  .siteFooter .full > .socialMediaLinksAndBtns .footerBtns li a {
    max-width: 30rem;
  }
}
.listItemWithImage.listItem .listItemContainer {
  border-top: #E5E7EB solid 0.1rem;
  color: #1F2937;
  display: flex;
  padding: 1rem 2rem;
}
.listItemWithImage.listItem .listItemContainer .imgContainer {
  align-items: center;
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  display: flex;
  height: 10rem;
  justify-content: center;
  margin-right: 2rem;
  overflow: hidden;
  position: relative;
  width: 10rem;
}
.listItemWithImage.listItem .listItemContainer .imgContainer img {
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 10rem;
}
.listItemWithImage.listItem .listItemContainer .imgContainer .banner {
  background: #DC2626;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.listItemWithImage.listItem .listItemContainer .meta {
  flex: 1;
}
.listItemWithImage.listItem:last-child .listItemContainer {
  border-bottom: #E5E7EB solid 0.1rem;
}

@media screen and (min-width: 768px) {
  .listItemWithImage {
    flex-basis: 50%;
  }
  .listItemWithImage.listItem .listItemContainer {
    margin-right: 2rem;
  }
  .listItemWithImage.listItem:nth-last-child(2) .listItemContainer {
    border-bottom: #E5E7EB solid 0.1rem;
  }
}
.listItemWithLinkAndImage.listItem .link {
  border-top: #E5E7EB solid 0.1rem;
  color: #1F2937;
  display: flex;
  padding: 1rem 2rem;
}
.listItemWithLinkAndImage.listItem .link .imgContainer {
  align-items: center;
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  display: flex;
  height: 10rem;
  justify-content: center;
  margin-right: 2rem;
  overflow: hidden;
  position: relative;
  width: 10rem;
}
.listItemWithLinkAndImage.listItem .link .imgContainer img {
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 10rem;
}
.listItemWithLinkAndImage.listItem .link .imgContainer .banner {
  background: #DC2626;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.listItemWithLinkAndImage.listItem .link .meta {
  flex: 1;
}
.listItemWithLinkAndImage.listItem:last-child .link {
  border-bottom: #E5E7EB solid 0.1rem;
}

@media screen and (min-width: 768px) {
  .listItemWithLinkAndImage {
    flex-basis: 50%;
  }
  .listItemWithLinkAndImage.listItem .link {
    margin-right: 2rem;
  }
  .listItemWithLinkAndImage.listItem:nth-last-child(2) .link {
    border-bottom: #E5E7EB solid 0.1rem;
  }
}
.rating {
  color: #F59E0B;
  display: flex;
  font-size: 2rem;
  margin: -0.8rem 0 -0.5rem;
  width: 8.335rem;
}
.rating .starFractionBottom {
  position: relative;
}
.rating .starFractionTop {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.report .reportBtns {
  display: flex;
  margin: 2rem 0;
}
.report .reportBtns li {
  margin-right: 2rem;
}
.report .reportBtns li:last-child {
  margin-right: 0;
}
.report .reportFilters {
  margin: 2rem 0;
}
.report .reportFilters > form .filtersContainer {
  border: #9CA3AF solid 0.1rem;
  border-radius: 0.2rem 0.2rem 0 0;
  border-width: 0.1rem 0.1rem 0;
  padding: 1.5rem 0 0 1.5rem;
}
.report .reportFilters > form .filtersContainer > ul {
  display: flex;
  flex-wrap: wrap;
}
.report .reportFilters > form .filtersContainer > ul > li {
  flex-basis: 25%;
}
.report .reportFilters > form .filtersContainer > ul > li > div {
  margin: 0;
  padding: 0 1.5rem 1.5rem 0;
}
.report .reportFilters > form .filtersContainer > ul > li > div > label, .report .reportFilters > form .filtersContainer > ul > li > div > p {
  font-size: 1.4rem;
}
.report .reportFilters > form .footer {
  background: #F9FAFB;
  border: #6B7280 solid 0.1rem;
  border-radius: 0 0 0.2rem 0.2rem;
  display: flex;
  font-size: 1.4rem;
  padding: 1.5rem;
}
.report .reportFilters > form .footer button {
  margin-right: 2rem;
}
.report .reportFilters > form .footer button:last-child {
  margin-right: 0;
}
.report > .reportAdditionalBtns {
  margin: 2rem 0;
}
.report .reportAdditionalBtns {
  display: flex;
  font-size: 1.4rem;
}
.report .reportAdditionalBtns a {
  margin-right: 2rem;
}
.report .reportAdditionalBtns a:last-child {
  margin-right: 0;
}
.report .reportExportToCsvBtnLink {
  display: flex;
  margin: 2rem 0;
}
.report .reportPagination {
  font-size: 1.4rem;
  margin: 2rem 0;
}
.report .reportPagination:last-child {
  margin-bottom: 0;
}
.report .reportPagination ul {
  display: flex;
  margin-top: 1rem;
}
.report .reportPagination ul li a {
  border: #6B7280 solid 0.1rem;
  border-width: 0.1rem 0.1rem 0.1rem 0;
  color: #1F2937;
  display: block;
  padding: 1rem 1.5rem;
}
.report .reportPagination ul li a:hover, .report .reportPagination ul li a.currPage {
  background: #3B82F6;
  color: #FFFFFF;
}
.report .reportPagination ul li:first-child a {
  border-radius: 0.2rem 0 0 0.2rem;
  border-width: 0.1rem;
}
.report .reportPagination ul li:last-child a {
  border-radius: 0 0.2rem 0.2rem 0;
}
.report .reportPagination ul li:first-child:last-child a {
  border-radius: 0.2rem;
}
.report .reportTable {
  font-size: 1.4rem;
}
.report .reportTable table {
  width: 100%;
}
.report .reportTable table thead tr th {
  border: #9CA3AF solid 0.1rem;
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
}
.report .reportTable table thead tr th:hover {
  background: #EC4899;
  color: #FFFFFF;
  cursor: pointer;
}
.report .reportTable table thead tr th.noSorting {
  background: transparent;
  color: #1F2937;
  cursor: default;
}
.report .reportTable table thead tr th .currSort {
  display: flex;
  justify-content: space-between;
}
.report .reportTable table tbody tr:nth-child(2n+1) {
  background: #F8FAFC;
}
.report .reportTable table tbody tr.deleted {
  background: #FEE2E2;
}
.report .reportTable table tbody tr.expandChild {
  background: #FEF3C7;
}
.report .reportTable table tbody tr td {
  border: #9CA3AF solid 0.1rem;
  padding: 0.5rem;
  vertical-align: top;
}
.report .reportTable table tbody tr td .center {
  text-align: center;
}
.report .reportTable table tbody tr td .html.body ol {
  list-style: none;
}
.report .reportTable table tbody tr td .icons {
  display: flex;
  justify-content: flex-end;
}
.report .reportTable table tbody tr td .icons.alignLeft {
  justify-content: flex-start;
}
.report .reportTable table tbody tr td .icons a {
  margin-right: 1rem;
}
.report .reportTable table tbody tr td .icons a:last-child {
  margin-right: 0;
}
.report .reportTable table tbody tr td .icons a.expand, .report .reportTable table tbody tr td .icons a.collapse, .report .reportTable table tbody tr td .icons a.giveSubscription {
  color: #EC4899;
}
.report .reportTable table tbody tr td .icons a.expand:hover, .report .reportTable table tbody tr td .icons a.collapse:hover, .report .reportTable table tbody tr td .icons a.giveSubscription:hover {
  color: #BE185D;
}
.report .reportTable table tbody tr td .icons a.view, .report .reportTable table tbody tr td .icons a.addManualTransaction, .report .reportTable table tbody tr td .icons a.impersonateUser {
  color: #10B981;
}
.report .reportTable table tbody tr td .icons a.view:hover, .report .reportTable table tbody tr td .icons a.addManualTransaction:hover, .report .reportTable table tbody tr td .icons a.impersonateUser:hover {
  color: #059669;
}
.report .reportTable table tbody tr td .icons a.edit {
  color: #3B82F6;
}
.report .reportTable table tbody tr td .icons a.edit:hover {
  color: #1E40AF;
}
.report .reportTable table tbody tr td .icons a.delete, .report .reportTable table tbody tr td .icons a.cancelSubscription {
  color: #DC2626;
}
.report .reportTable table tbody tr td .icons a.delete:hover, .report .reportTable table tbody tr td .icons a.cancelSubscription:hover {
  color: #B91C1C;
}
.report .reportTable table tbody tr td .icons a.sendGiftCard {
  color: #F97316;
}
.report .reportTable table tbody tr td .icons a.sendGiftCard:hover {
  color: #EA580C;
}
.report .reportTable table tbody tr td .image a {
  display: inline-block;
}
.report .reportTable table tbody tr td .image a img {
  height: 10rem;
}
.report .reportTable table tbody tr td .right {
  text-align: right;
}
.report .reportTable table tbody tr td .yesNo {
  text-align: center;
}
.report .reportTable table tbody tr td .yesNo .yes {
  color: #10B981;
}
.report .reportTable table tbody tr td .yesNo .no {
  color: #DC2626;
}
.report .reportNoResults {
  margin-top: 2rem;
}

.subscriptionPrompt {
  margin: 2rem;
}
.subscriptionPrompt .introduction {
  margin-bottom: 1rem;
}
.subscriptionPrompt ul {
  list-style-type: square;
  margin-left: 2rem;
  margin-bottom: 1rem;
}
.subscriptionPrompt .bookingFeeAmount {
  margin-bottom: 1rem;
}
.subscriptionPrompt .planAmount {
  color: #EC4899;
}

.accountApprovalPending {
  padding: 2rem;
}
.accountApprovalPending > p {
  margin: 2rem 0;
}
.accountApprovalPending > p:first-child {
  margin-top: 0;
}
.accountApprovalPending > p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .accountApprovalPending {
    margin: auto;
    max-width: 100rem;
  }
}
.addPassword {
  padding: 2rem;
}
.addPassword p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .addPassword {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAccounts {
  padding: 2rem 2rem 0;
}
.adminAccounts .serviceAreaInputContainer {
  width: 50rem;
  margin: auto;
  text-align: center;
}
.adminAccounts .serviceAreaInputContainer .selectInputWithLabel {
  margin-top: 0;
}
.adminAccounts .charts > li {
  padding-bottom: 2rem;
}

.adminAccountPromoCodesCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAccountPromoCodesCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAccountPromoCodesEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAccountPromoCodesEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAdminUsersCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAdminUsersCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAdminUsersEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAdminUsersEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAlertsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAlertsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAlertsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAlertsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAnnouncementsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAnnouncementsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminAnnouncementsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminAnnouncementsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminBlogCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminBlogCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminBlogEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminBlogEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminBookingsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminBookingsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminBookingsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminBookingsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminBookingsBookingSitterCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminBookingsBookingSitterCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminBookingsBookingSitterEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminBookingsBookingSitterEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminCustomNotificationCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminCustomNotificationCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminEmailBroadcastsCreate {
  padding: 2rem;
}
.adminEmailBroadcastsCreate > .form > .pageSubheader {
  color: #EC4899;
  font-size: 2rem;
  margin: 2rem 0;
}
.adminEmailBroadcastsCreate > .form > .numEmailsSentThisMonth, .adminEmailBroadcastsCreate > .form > .numUsersToReceive {
  margin: 2rem 0;
}
.adminEmailBroadcastsCreate > .form > .numEmailsSentThisMonth > em, .adminEmailBroadcastsCreate > .form > .numUsersToReceive > em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}
.adminEmailBroadcastsCreate > .form > .submitBtnWithContainer {
  display: flex;
}
.adminEmailBroadcastsCreate > .form > .submitBtnWithContainer > button {
  flex: 1;
}
.adminEmailBroadcastsCreate > .form > .submitBtnWithContainer > button:first-child {
  margin-right: 1rem;
}
.adminEmailBroadcastsCreate > .form > .submitBtnWithContainer > button:last-child {
  margin-left: 1rem;
}

@media screen and (min-width: 768px) {
  .adminEmailBroadcastsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminFamiliesAddEditNotes {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminFamiliesAddEditNotes {
    margin: auto;
    max-width: 100rem;
  }
}
.adminFamiliesEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminFamiliesEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminFaqsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminFaqsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminFaqsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminFaqsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupAccountsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminGroupAccountsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupAdminsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminGroupAdminsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupAdminsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminGroupAdminsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupsAddManualTransaction {
  padding: 2rem;
}
.adminGroupsAddManualTransaction > form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .adminGroupsAddManualTransaction {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminGroupsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminGroupsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupsGiveSubscription {
  padding: 2rem;
}
.adminGroupsGiveSubscription > form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .adminGroupsGiveSubscription {
    margin: auto;
    max-width: 100rem;
  }
}
.adminGroupsSendGiftCard {
  padding: 2rem;
}
.adminGroupsSendGiftCard > form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .adminGroupsSendGiftCard {
    margin: auto;
    max-width: 100rem;
  }
}
.adminHome {
  padding: 2rem 2rem 0;
}
.adminHome .serviceAreaInputContainer {
  width: 50rem;
  margin: auto;
  text-align: center;
}
.adminHome .serviceAreaInputContainer .selectInputWithLabel {
  margin-top: 0;
}
.adminHome .charts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.adminHome .charts > li {
  flex-basis: 49%;
  padding-bottom: 2rem;
}
.adminHome .noChartData {
  margin: 10rem;
  text-align: center;
  color: #EC4899;
}

.adminImpersonateUser {
  padding: 2rem;
}
.adminImpersonateUser > * {
  margin: 2rem 0;
}
.adminImpersonateUser > *:first-child {
  margin-top: 0;
}
.adminImpersonateUser > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .adminImpersonateUser {
    margin: auto;
    max-width: 100rem;
  }
}
.adminPaymentsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminPaymentsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminPaymentsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminPaymentsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminPreferredServiceAreas {
  padding: 2rem;
}
.adminPreferredServiceAreas > * {
  margin: 2rem 0;
}
.adminPreferredServiceAreas > *:first-child {
  margin-top: 0;
}
.adminPreferredServiceAreas > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .adminPreferredServiceAreas {
    margin: auto;
    max-width: 100rem;
  }
}
.adminPromoCodesCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminPromoCodesCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminPromoCodesEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminPromoCodesEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminReferralCodesCreate {
  padding: 2rem;
}
.adminReferralCodesCreate #nullPromo {
  margin-bottom: 0.75rem;
}
.adminReferralCodesCreate #tenOffPromo {
  margin-bottom: 0.75rem;
}
.adminReferralCodesCreate #bookingFeePromo {
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 768px) {
  .adminReferralCodesCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminReferralCodesEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminReferralCodesEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminReports {
  padding: 2rem;
}
.adminReports ul li {
  margin: 1rem 0;
}
.adminReports ul li:last-child {
  margin-bottom: 0;
}
.adminReports ul li a:hover {
  color: #EC4899;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .adminReports {
    margin: auto;
    max-width: 100rem;
  }
}
.adminReviewsCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminReviewsCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminReviewsEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminReviewsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminServiceAreasCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminServiceAreasCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminServiceAreasEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminServiceAreasEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSettings {
  padding: 2rem;
}
.adminSettings ul li {
  margin: 1rem 0;
}
.adminSettings ul li:last-child {
  margin-bottom: 0;
}
.adminSettings ul li a:hover {
  color: #EC4899;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .adminSettings {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSittersAddEditNotes {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminSittersAddEditNotes {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSittersEdit {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminSittersEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSittersTransferCreate {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .adminSittersTransferCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSurgePricesCreate {
  padding: 2rem;
}
.adminSurgePricesCreate > .form > p {
  margin: 2rem 0;
}
.adminSurgePricesCreate > .form > .dateTimeRanges {
  margin: 2rem 0;
}
.adminSurgePricesCreate > .form > .dateTimeRanges ul {
  margin: 2rem 0;
}
.adminSurgePricesCreate > .form > .dateTimeRanges ul li {
  margin: 2rem 0;
}
.adminSurgePricesCreate > .form > .dateTimeRanges ul li h3 {
  color: #EC4899;
  font-size: 1.8rem;
  margin: 2rem 0;
}
.adminSurgePricesCreate > .form > .dateTimeRanges ul li h3 a {
  color: #3B82F6;
  margin-left: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
}
.adminSurgePricesCreate > .form > .dateTimeRanges ul li h3 a:hover {
  color: #EC4899;
}

@media screen and (min-width: 768px) {
  .adminSurgePricesCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSurgePricesEdit {
  padding: 2rem;
}
.adminSurgePricesEdit > .form > p {
  margin: 2rem 0;
}
.adminSurgePricesEdit > .form > .dateTimeRanges {
  margin: 2rem 0;
}
.adminSurgePricesEdit > .form > .dateTimeRanges ul {
  margin: 2rem 0;
}
.adminSurgePricesEdit > .form > .dateTimeRanges ul li {
  margin: 2rem 0;
}
.adminSurgePricesEdit > .form > .dateTimeRanges ul li h3 {
  color: #EC4899;
  font-size: 1.8rem;
  margin: 2rem 0;
}
.adminSurgePricesEdit > .form > .dateTimeRanges ul li h3 a {
  color: #3B82F6;
  margin-left: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
}
.adminSurgePricesEdit > .form > .dateTimeRanges ul li h3 a:hover {
  color: #EC4899;
}

@media screen and (min-width: 768px) {
  .adminSurgePricesEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.adminSystemSettings {
  padding: 2rem;
}
.adminSystemSettings > * {
  margin: 2rem 0;
}
.adminSystemSettings > *:first-child {
  margin-top: 0;
}
.adminSystemSettings > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .adminSystemSettings {
    margin: auto;
    max-width: 100rem;
  }
}
.agreeToNewTermsAndConditions {
  padding: 2rem;
}
.agreeToNewTermsAndConditions > * {
  margin: 2rem 0;
}
.agreeToNewTermsAndConditions > *:first-child {
  margin-top: 0;
}
.agreeToNewTermsAndConditions > *:last-child {
  margin-bottom: 0;
}
.agreeToNewTermsAndConditions .termsAndConditions {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .agreeToNewTermsAndConditions {
    margin: auto;
    max-width: 100rem;
  }
}
.availability {
  padding: 2rem;
}
.availability > div > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .availability {
    margin: auto;
    max-width: 100rem;
  }
}
.blog {
  padding: 3.2rem;
}
.blog .pageHeader {
  margin: 0 0 4.8rem 0;
  color: #1F2937;
}
.blog > ul {
  display: grid;
  gap: 4rem;
}
.blog > ul > li > div {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.8rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 200ms ease-in-out;
}
.blog > ul > li > div:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.blog > ul > li > div .img {
  background-position: center;
  background-size: cover;
  height: 20rem;
  width: 100%;
  border-radius: 0;
}
.blog > ul > li > div .date {
  color: #6B7280;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 3.2rem 3.2rem 1.6rem 3.2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.blog > ul > li > div .title {
  margin: 0 3.2rem 3.2rem 3.2rem;
}
.blog > ul > li > div .title .link {
  color: #1F2937;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}
.blog > ul > li > div .title .link:hover {
  color: #EC4899;
}

@media screen and (min-width: 768px) {
  .blog {
    margin: auto;
    max-width: 120rem;
    padding: 4.8rem;
  }
  .blog .pageHeader {
    margin-bottom: 6.4rem;
    font-size: 3.6rem;
  }
  .blog > ul {
    grid-template-columns: repeat(auto-fit, minmax(45rem, 1fr));
    gap: 4.8rem;
  }
  .blog > ul > li > div .img {
    height: 24rem;
  }
  .blog > ul > li > div .date {
    margin: 4rem 4rem 2.4rem 4rem;
    font-size: 1.6rem;
  }
  .blog > ul > li > div .title {
    margin: 0 4rem 4rem 4rem;
  }
  .blog > ul > li > div .title .link {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  .blog > ul {
    grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
  }
}
.blogPost {
  padding: 2rem;
}
.blogPost > p {
  color: #3B82F6;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.blogPost > h2 {
  color: #EC4899;
  margin: 1rem 0 2rem;
}
.blogPost > div *:last-child {
  margin-bottom: 0;
}
.blogPost > div h3 {
  color: #EC4899;
  font-size: 2rem;
  margin: 2rem 0;
}
.blogPost > div h3.center {
  text-align: center;
}
.blogPost > div p {
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin: 2rem 0;
  text-align: justify;
}
.blogPost > div img {
  display: block;
  margin: 2rem auto;
  max-width: 100%;
}
.blogPost > div .imgAndCaption {
  margin: 2rem 0;
}
.blogPost > div .imgAndCaption img {
  margin-bottom: 0.5rem;
}
.blogPost > div .imgAndCaption p {
  color: #9CA3AF;
  margin-top: 0.5rem;
}
.blogPost > div ul {
  list-style-type: disc;
  margin-left: 3rem;
}
.blogPost > div ul li {
  margin: 1rem 0;
}
.blogPost > div a {
  color: #EC4899;
}
.blogPost > div a:hover {
  text-decoration: underline;
}
.blogPost > div em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}
.blogPost > div .quote {
  color: #06B6D4;
  margin: 2rem 0;
}
.blogPost > div .quote p:nth-child(1) {
  margin-bottom: 0;
}
.blogPost > div .quote p:nth-child(2) {
  font-weight: bold;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .blogPost {
    margin: auto;
    max-width: 80rem;
  }
  .blogPost > div > img {
    max-width: 60%;
  }
}
.bookingDetails {
  padding: 2rem;
}
.bookingDetails .profilePicContainer .profilePic {
  align-items: center;
  display: flex;
  height: 15rem;
  justify-content: center;
  margin: 2rem auto;
  position: relative;
  width: 15rem;
}
.bookingDetails .profilePicContainer .profilePic > div {
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.bookingDetails .profilePicContainer .profilePic > div img {
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
}
.bookingDetails .profilePicContainer .profilePic > div .banner {
  background: #DC2626;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.bookingDetails .profilePicContainer .profilePic .favoriteHeartLink {
  left: 0;
  position: absolute;
  top: 0;
}
.bookingDetails .profilePicContainer .profilePic .favoriteHeartLink .favoriteHeart {
  color: #EC4899;
  display: block;
  font-size: 3.9rem;
}
.bookingDetails .profilePicContainer .rating {
  margin-left: auto;
  margin-right: auto;
}
.bookingDetails .profilePicContainer .viewReviews {
  font-size: 1.6rem;
  margin: 1rem 0;
  text-align: center;
}
.bookingDetails .profilePicContainer .viewFamilyDetails {
  font-size: 1.6rem;
  margin: 1rem 0;
  text-align: center;
}
.bookingDetails .link {
  margin: 2rem 0;
}
.bookingDetails .actions p {
  color: #EC4899;
  margin: 2rem 0;
}
.bookingDetails .actions .siteBtnLink {
  margin: 2rem 0;
}
.bookingDetails .actions > *:last-child {
  margin-bottom: 0;
}
.bookingDetails .specialNotes,
.bookingDetails .reoccurring {
  color: #EC4899;
}
.bookingDetails .specialNotes ul,
.bookingDetails .reoccurring ul {
  list-style-type: square;
  margin-left: 2rem;
}
.bookingDetails .showAllReoccurringSeriesListItems {
  margin: -1rem 0 2rem;
}
.bookingDetails .requestsContainer {
  margin: 2rem 0;
}
.bookingDetails .requestsContainer > ul {
  margin: 2rem -2rem 0;
}
.bookingDetails .requestsContainer .sitter .listItemContainer {
  position: relative;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .name {
  margin-bottom: 0.7rem;
  vertical-align: middle;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .name i {
  color: #10B981;
  font-size: 1.8rem;
  margin-left: 1rem;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .numJobsCompleted {
  color: #6B7280;
  margin-top: 0.7rem;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .favoriteHeart {
  color: #EC4899;
  font-size: 2.6rem;
  left: 2rem;
  position: absolute;
  top: 1rem;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .acceptDecline {
  align-items: center;
  display: flex;
  margin-top: 0.7rem;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .acceptDecline .acceptSitter {
  color: #10B981;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .acceptDecline .declineSitter {
  color: #DC2626;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .remove {
  align-items: center;
  display: flex;
  margin-top: 0.7rem;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .remove .removeSitter {
  color: #DC2626;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .sitterDetailsLink {
  font-weight: bold;
  margin-top: 0.7rem;
}
.bookingDetails .requestsContainer .sitter .listItemContainer .acceptDeclineAllExplanation {
  color: #EC4899;
  margin-top: 0.7rem;
}
.bookingDetails .explanatoryTxt {
  color: #EC4899;
  margin: 2rem 0;
}
.bookingDetails .siteBtnLink {
  margin: 2rem 0;
}
.bookingDetails .siteBtnLink:last-child {
  margin-bottom: 0;
}
.bookingDetails .reoccurringSeriesContainer .expandReoccurringSeries {
  margin: 2rem 0;
  text-align: center;
}
.bookingDetails .reoccurringSeriesContainer > ul {
  margin: 2rem -2rem 0;
}
.bookingDetails .reoccurringSeriesContainer .booking .link {
  margin-bottom: 0;
  margin-top: 0;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li {
  margin: 0.5rem 0;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li:first-child {
  margin-top: 0;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li:last-child {
  margin-bottom: 0;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li.emphasis {
  color: #EC4899;
  font-weight: bold;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li .bookingStatus.blueLight {
  color: #3B82F6;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li .bookingStatus.green {
  color: #10B981;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li .bookingStatus.orange {
  color: #F97316;
}
.bookingDetails .reoccurringSeriesContainer .booking .link .meta > li .bookingStatus.pink {
  color: #EC4899;
}
.bookingDetails .reoccurringSeriesContainer .booking.currentBooking .link {
  background: #FFFBEB;
}

@media screen and (min-width: 768px) {
  .bookingDetails {
    margin: auto;
    max-width: 100rem;
  }
  .bookingDetails .reoccurringSeriesContainer > ul,
  .bookingDetails .requestsContainer > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
  }
  .bookingDetails .form .btns {
    display: flex;
  }
  .bookingDetails .form .btns .siteBtnLink {
    margin: 0;
  }
  .bookingDetails .form .btns .siteBtnLink:first-child {
    margin-right: 1rem;
  }
  .bookingDetails .form .btns .siteBtnLink:last-child {
    margin-left: 1rem;
  }
}
.bookings .countAndSort {
  margin: 2rem;
}
.bookings > .siteBtnLink {
  margin: 2rem 0;
}
.bookings .bookingsList {
  margin: 2rem 0;
}
.bookings .bookingsList .booking .meta li {
  margin: 0.5rem 0;
}
.bookings .bookingsList .booking .meta li:first-child {
  margin-top: 0;
}
.bookings .bookingsList .booking .meta li:last-child {
  margin-bottom: 0;
}
.bookings .bookingsList .booking .meta li.emphasis {
  color: #EC4899;
  font-weight: bold;
}
.bookings .bookingsList .booking .meta li .bookingStatus.blueLight {
  color: #3B82F6;
}
.bookings .bookingsList .booking .meta li .bookingStatus.green {
  color: #10B981;
}
.bookings .bookingsList .booking .meta li .bookingStatus.orange {
  color: #F97316;
}
.bookings .bookingsList .booking .meta li .bookingStatus.pink {
  color: #EC4899;
}
.bookings .noBookings {
  margin: 2rem;
}

@media screen and (min-width: 768px) {
  .bookings {
    margin: auto;
    max-width: 100rem;
    padding: 2rem;
  }
  .bookings .pageHeader,
  .bookings .countAndSort,
  .bookings .filters,
  .bookings .bookingsList,
  .bookings .noBookings {
    margin: 2rem 0;
  }
  .bookings .pageHeader:first-child,
  .bookings .countAndSort:first-child,
  .bookings .filters:first-child,
  .bookings .bookingsList:first-child,
  .bookings .noBookings:first-child {
    margin-top: 0;
  }
  .bookings .pageHeader:last-child,
  .bookings .countAndSort:last-child,
  .bookings .filters:last-child,
  .bookings .bookingsList:last-child,
  .bookings .noBookings:last-child {
    margin-bottom: 0;
  }
  .bookings .bookingsList {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
  }
}
.bookingsEdit {
  padding: 2rem;
}
.bookingsEdit .deactivatedWarning {
  margin-top: 2rem;
}
.bookingsEdit .editingReoccurringBookingWarning {
  color: #EC4899;
  margin-top: 2rem;
}
.bookingsEdit .editingReoccurringBookingWarning > em {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .bookingsEdit {
    margin: auto;
    max-width: 100rem;
  }
}
.cancelBooking {
  padding: 2rem;
}
.cancelBooking .form > p,
.cancelBooking .form .familyCancellationPenalty > p {
  margin: 2rem 0;
}
.cancelBooking .form > p em,
.cancelBooking .form .familyCancellationPenalty > p em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .cancelBooking {
    margin: auto;
    max-width: 100rem;
  }
}
.changePassword {
  padding: 2rem;
}
.changePassword p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .changePassword {
    margin: auto;
    max-width: 100rem;
  }
}
.confirmHoursAndTransporationCosts {
  padding: 2rem;
}
.confirmHoursAndTransporationCosts .form > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .confirmHoursAndTransporationCosts {
    margin: auto;
    max-width: 100rem;
  }
}
.confirmPayment {
  padding: 2rem;
}
.confirmPayment > p {
  margin-top: 2rem;
}
.confirmPayment h3 {
  font-size: 1.8rem;
  margin: 2rem 0 1rem;
}
.confirmPayment h3.total {
  font-size: 2.4rem;
}
.confirmPayment h3 span {
  color: #EC4899;
}
.confirmPayment p.desc {
  color: #6B7280;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.confirmPayment hr {
  background: #EC4899;
  margin: 2rem 0;
}
.confirmPayment .sitterPaymentDetails ul li {
  margin-top: 1rem;
}
.confirmPayment .form > ul {
  display: flex;
  margin-top: -1rem;
}
.confirmPayment .form > ul li {
  margin-right: 1rem;
}
.confirmPayment .form h3 {
  margin: 2rem 0;
}
.confirmPayment .form p.desc {
  margin-top: -1.5rem;
}

@media screen and (min-width: 768px) {
  .confirmPayment {
    margin: auto;
    max-width: 100rem;
  }
}
.contactUs {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .contactUs {
    margin: auto;
    max-width: 100rem;
  }
}
.conversation {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-y: auto;
}
.conversation > .btns {
  border-bottom: #6B7280 solid 0.1rem;
  display: flex;
  padding: 2rem;
}
.conversation > .btns > div {
  flex: 1;
}
.conversation > .btns > div:first-child {
  padding-right: 1rem;
}
.conversation > .btns > div:last-child {
  padding-left: 1rem;
}
.conversation > .btns > div > button, .conversation > .btns > div > div {
  height: 100%;
}
.conversation > .btns > div > button > a, .conversation > .btns > div > div > a {
  height: 100%;
}
.conversation > .btns > div > button > a > button, .conversation > .btns > div > div > a > button {
  height: 100%;
}
.conversation > .btns > div .messageImg a {
  display: block;
}
.conversation > form {
  border-bottom: #6B7280 solid 0.1rem;
  padding: 2rem;
}
.conversation > form > div {
  display: flex;
  margin-top: 2rem;
}
.conversation > form > div > div {
  flex: 1;
}
.conversation > form > div > div:first-child {
  padding-right: 1rem;
}
.conversation > form > div > div:last-child {
  padding-left: 1rem;
}
.conversation > p {
  border-bottom: #6B7280 solid 0.1rem;
  padding: 2rem;
}
.conversation > .conversationMessages {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  font-size: 1.4rem;
  overflow-y: auto;
  width: 100%;
}
.conversation > .conversationMessages > div {
  padding: 2rem;
}
.conversation > .conversationMessages > div > ul {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.conversation > .conversationMessages > div > ul > li {
  margin: 2rem 0;
}
.conversation > .conversationMessages > div > ul > li.myMessage {
  text-align: right;
}
.conversation > .conversationMessages > div > ul > li:first-child {
  margin-top: 0;
}
.conversation > .conversationMessages > div > ul > li:last-child {
  margin-bottom: 0;
}
.conversation > .conversationMessages > div > ul > li .user {
  display: inline-block;
}
.conversation > .conversationMessages > div > ul > li .user > div {
  align-items: center;
  display: flex;
}
.conversation > .conversationMessages > div > ul > li .user > div .profilePicImg {
  align-items: center;
  background: #F9FAFB;
  border-radius: 100%;
  display: flex;
  height: 3rem;
  justify-content: center;
  margin-right: 1rem;
  overflow: hidden;
  width: 3rem;
}
.conversation > .conversationMessages > div > ul > li .user > div .profilePicImg > img {
  height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 3rem;
}
.conversation > .conversationMessages > div > ul > li .user > div .nameAndSentAt p {
  color: #6B7280;
}
.conversation > .conversationMessages > div > ul > li .user > div .nameAndSentAt p > a {
  color: #EF4444;
}
.conversation > .conversationMessages > div > ul > li .user > div .nameAndSentAt p > a:hover {
  color: #DC2626;
}
.conversation > .conversationMessages > div > ul > li .content {
  margin-top: 0.5rem;
}
.conversation > .conversationMessages > div > ul > li .content > div {
  background: #F9FAFB;
  border: #9CA3AF solid 0.1rem;
  border-radius: 1rem;
  display: inline-block;
  max-width: 80%;
  padding: 1rem;
}
.conversation > .conversationMessages > div > ul > li .content > div .image {
  max-width: 100%;
}
.conversation > .conversationMessages > div > .noMsgs {
  color: #6B7280;
  font-size: 1.6rem;
  text-align: center;
}

.mobile .conversation {
  display: block;
  overflow-y: visible;
}
.mobile .conversation > .conversationMessages {
  display: block;
  overflow-y: visible;
}
.mobile .conversation > .conversationMessages > div > ul {
  display: block;
}

@media screen and (min-width: 768px) {
  .conversation {
    margin: auto;
    width: 60rem;
  }
  .conversation > .btns, .conversation > form {
    padding: 2rem 0;
  }
}
.familyDetails {
  padding: 2rem;
}
.familyDetails .profilePic {
  align-items: center;
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  display: flex;
  height: 15rem;
  justify-content: center;
  margin: 2rem auto;
  overflow: hidden;
  position: relative;
  width: 15rem;
}
.familyDetails .profilePic img {
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
}
.familyDetails .profilePic .banner {
  background: #DC2626;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.familyDetails .rating {
  margin-left: auto;
  margin-right: auto;
}
.familyDetails .viewReviews {
  font-size: 1.6rem;
  margin: 1rem 0;
  text-align: center;
}
.familyDetails .actions p {
  color: #EC4899;
  margin: 2rem 0;
}
.familyDetails .actions .siteBtnLink {
  margin: 2rem 0;
}
.familyDetails .actions > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .familyDetails {
    margin: auto;
    max-width: 100rem;
  }
}
.faqs {
  padding: 3.2rem;
}
.faqs .pageHeader {
  color: #1F2937;
  margin-bottom: 6.4rem;
  text-align: center;
}
.faqs h3 {
  font-size: 3rem;
  font-weight: 700;
  margin: 6.4rem 0 4.8rem 0;
  text-align: center;
  position: relative;
  padding-bottom: 2.4rem;
}
.faqs h3:first-of-type {
  margin-top: 4.8rem;
}
.faqs h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6rem;
  height: 0.3rem;
  border-radius: 0.4rem;
}
.faqs h3.family {
  color: #06B6D4;
}
.faqs h3.family::after {
  background: #06B6D4;
}
.faqs h3.sitter {
  color: #F97316;
}
.faqs h3.sitter::after {
  background: #F97316;
}
.faqs .faqList {
  margin-bottom: 6.4rem;
  display: grid;
  gap: 3.2rem;
}
.faqs .faqList:last-child {
  margin-bottom: 0;
}
.faqs .faqList > li {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0.8rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 200ms ease-in-out;
}
.faqs .faqList > li:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.faqs .faqList > li > a {
  background: #F9FAFB;
  color: #1F2937;
  display: block;
  font-weight: 600;
  font-size: 1.8rem;
  padding: 3.2rem 4rem;
  text-decoration: none;
  transition: all 150ms ease-in-out;
  border-bottom: 1px solid #E5E7EB;
  position: relative;
}
.faqs .faqList > li > a:hover {
  background: rgba(59, 130, 246, 0.05);
  color: #3B82F6;
}
.faqs .faqList > li > a:focus {
  outline: 2px solid #3B82F6;
  outline-offset: -2px;
}
.faqs .faqList > li > a::after {
  content: "+";
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: 700;
  color: #9CA3AF;
  transition: all 150ms ease-in-out;
}
.faqs .faqList > li > a:hover::after {
  color: #3B82F6;
  transform: translateY(-50%) scale(1.1);
}
.faqs .faqList > li > div {
  background: #FFFFFF;
  padding: 4rem;
  line-height: 1.6;
  color: #374151;
}
.faqs .faqList > li > div a {
  color: #3B82F6;
  font-weight: 500;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}
.faqs .faqList > li > div a:hover {
  color: #1E40AF;
  text-decoration: underline;
}
.faqs .faqList > li > div em {
  color: #EC4899;
  font-style: normal;
  font-weight: 600;
}
.faqs .faqList > li > div h4:first-child,
.faqs .faqList > li > div hr:first-child,
.faqs .faqList > li > div li:first-child,
.faqs .faqList > li > div p:first-child,
.faqs .faqList > li > div ul:first-child {
  margin-top: 0;
}
.faqs .faqList > li > div h4:last-child,
.faqs .faqList > li > div hr:last-child,
.faqs .faqList > li > div li:last-child,
.faqs .faqList > li > div p:last-child,
.faqs .faqList > li > div ul:last-child {
  margin-bottom: 0;
}
.faqs .faqList > li > div h4 {
  color: #1F2937;
  font-size: 2rem;
  font-weight: 600;
  margin: 3.2rem 0 1.6rem 0;
}
.faqs .faqList > li > div p {
  font-size: 1.6rem;
  margin: 2.4rem 0;
}
.faqs .faqList > li > div hr {
  border: none;
  height: 0.2rem;
  background: linear-gradient(90deg, #EC4899, rgba(236, 72, 153, 0.3));
  border-radius: 0.4rem;
  margin: 3.2rem 0;
}
.faqs .faqList > li > div ul {
  list-style: none;
  margin: 2.4rem 0;
  padding: 0;
}
.faqs .faqList > li > div ul li {
  margin: 1.6rem 0;
  padding-left: 3.2rem;
  position: relative;
}
.faqs .faqList > li > div ul li::before {
  content: "•";
  color: #3B82F6;
  font-weight: 700;
  position: absolute;
  left: 0;
}

@media screen and (min-width: 768px) {
  .faqs {
    margin: auto;
    max-width: 120rem;
    padding: 4.8rem;
  }
  .faqs .pageHeader {
    font-size: 3.6rem;
    margin-bottom: 8rem;
  }
  .faqs h3 {
    font-size: 3.6rem;
    margin: 8rem 0 6.4rem 0;
  }
  .faqs h3::after {
    width: 8rem;
    height: 0.4rem;
  }
  .faqs .faqList {
    margin-bottom: 8rem;
    gap: 4rem;
  }
  .faqs .faqList > li > a {
    font-size: 2rem;
    padding: 4rem 4.8rem;
  }
  .faqs .faqList > li > a::after {
    right: 4.8rem;
    font-size: 2.4rem;
  }
  .faqs .faqList > li > div {
    padding: 4.8rem;
  }
  .faqs .faqList > li > div h4 {
    font-size: 2.4rem;
    margin: 4rem 0 2.4rem 0;
  }
  .faqs .faqList > li > div p {
    font-size: 1.8rem;
    margin: 3.2rem 0;
  }
  .faqs .faqList > li > div ul li {
    font-size: 1.8rem;
    margin: 2.4rem 0;
    padding-left: 4rem;
  }
}
.findASitter .pageHeader {
  margin: 2rem;
}
.findASitter .explanatoryTxt {
  color: #EC4899;
  margin: 2rem;
}
.findASitter .count {
  margin: 2rem;
}
.findASitter .filters {
  margin: 2rem;
}
.findASitter .sittersContainer {
  margin: 2rem 0;
}
.findASitter .sittersContainer .sitter .link {
  height: 100%;
  position: relative;
}
.findASitter .sittersContainer .sitter .link .name {
  margin-bottom: 0.7rem;
  vertical-align: middle;
}
.findASitter .sittersContainer .sitter .link .name i {
  color: #10B981;
  font-size: 1.8rem;
  margin-left: 1rem;
}
.findASitter .sittersContainer .sitter .link .location,
.findASitter .sittersContainer .sitter .link .numJobsCompleted {
  color: #6B7280;
}
.findASitter .sittersContainer .sitter .link .location {
  margin: 0.7rem 0;
}
.findASitter .sittersContainer .sitter .link .numJobsCompleted,
.findASitter .sittersContainer .sitter .link .numFriends {
  margin-top: 0.7rem;
}
.findASitter .sittersContainer .sitter .link .numFriends {
  color: #EC4899;
}
.findASitter .sittersContainer .sitter .link .favoriteHeart {
  color: #EC4899;
  font-size: 2.6rem;
  left: 2rem;
  position: absolute;
  top: 1rem;
}
.findASitter .sittersContainer .showMoreSittersBtnContainer {
  margin: 2rem;
}
.findASitter .noSitters {
  margin: 2rem;
}

@media screen and (min-width: 768px) {
  .findASitter {
    margin: auto;
    max-width: 100rem;
    padding: 2rem;
  }
  .findASitter .pageHeader,
  .findASitter .explanatoryTxt,
  .findASitter .count,
  .findASitter .filters,
  .findASitter .sittersContainer,
  .findASitter .sittersContainer .showMoreSittersBtnContainer,
  .findASitter .noSitters {
    margin: 2rem 0;
  }
  .findASitter .pageHeader:first-child,
  .findASitter .explanatoryTxt:first-child,
  .findASitter .count:first-child,
  .findASitter .filters:first-child,
  .findASitter .sittersContainer:first-child,
  .findASitter .sittersContainer .showMoreSittersBtnContainer:first-child,
  .findASitter .noSitters:first-child {
    margin-top: 0;
  }
  .findASitter .pageHeader:last-child,
  .findASitter .explanatoryTxt:last-child,
  .findASitter .count:last-child,
  .findASitter .filters:last-child,
  .findASitter .sittersContainer:last-child,
  .findASitter .sittersContainer .showMoreSittersBtnContainer:last-child,
  .findASitter .noSitters:last-child {
    margin-bottom: 0;
  }
  .findASitter .sittersContainer > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
  }
}
.forgotPassword {
  padding: 2rem;
}
.forgotPassword .explanation {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .forgotPassword {
    margin: auto;
    max-width: 100rem;
  }
}
.friendRequest {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .friendRequest {
    margin: auto;
    max-width: 100rem;
  }
}
.giftCards {
  padding: 2rem;
}
.giftCards > p {
  margin: 2rem 0;
}
.giftCards > form {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .giftCards {
    margin: auto;
    max-width: 100rem;
  }
}
.groupAdminHome {
  padding: 2rem;
}
.groupAdminHome > * {
  margin: 2rem 0;
}
.groupAdminHome > *:first-child {
  margin-top: 0;
}
.groupAdminHome > *:last-child {
  margin-bottom: 0;
}
.groupAdminHome > p > em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
}
.groupAdminHome > p > .underThreshold {
  color: #DC2626;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .groupAdminHome {
    margin: auto;
    max-width: 100rem;
  }
}
.groupAdminSendGiftCard {
  padding: 2rem;
}
.groupAdminSendGiftCard > form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .groupAdminSendGiftCard {
    margin: auto;
    max-width: 100rem;
  }
}
.groupAdminSettings {
  padding: 2rem;
}
.groupAdminSettings ul li {
  margin: 1rem 0;
}
.groupAdminSettings ul li:last-child {
  margin-bottom: 0;
}
.groupAdminSettings ul li a:hover {
  color: #EC4899;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .groupAdminSettings {
    margin: auto;
    max-width: 100rem;
  }
}
.groupAdminSubscription {
  padding: 2rem;
}
.groupAdminSubscription > form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .groupAdminSubscription {
    margin: auto;
    max-width: 100rem;
  }
}
.groupAdminUsersCreate {
  padding: 2rem;
}
.groupAdminUsersCreate > form .error {
  color: #DC2626;
  font-weight: bold;
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .groupAdminUsersCreate {
    margin: auto;
    max-width: 100rem;
  }
}
.homeFamily {
  padding: 2rem;
}
.homeFamily > * {
  margin: 2rem 0;
}
.homeFamily > *:first-child {
  margin-top: 0;
}
.homeFamily > *:last-child {
  margin-bottom: 0;
}
.homeFamily > * .alerts,
.homeFamily > * .announcements {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .homeFamily {
    margin: auto;
    max-width: 100rem;
  }
}
.homeNoUser .topSection {
  background-size: cover;
}
.homeNoUser .topSection > div > div {
  background: #FFFFFF;
  border-radius: 1.2rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 6.4rem;
  border: 1px solid #E5E7EB;
}
.homeNoUser .topSection > div > div h2 {
  color: #1F2937;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 3.2rem;
}
.homeNoUser .topSection > div > div em {
  color: #EC4899;
  font-style: normal;
  font-weight: 600;
}
.homeNoUser .topSection > div > div p {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 4rem;
  color: #374151;
}
.homeNoUser .topSection > div > div h3 {
  color: #1F2937;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}
.homeNoUser .topSection > div ul li {
  margin-top: 2rem;
}
.homeNoUser .topSection > div ul li a i {
  margin-left: 1.5rem;
}
.homeNoUser .servicesSection > div {
  padding: 8rem 0;
  text-align: center;
}
.homeNoUser .servicesSection > div h2 {
  font-size: 3.6rem;
  font-weight: normal;
  margin-bottom: 6rem;
  text-decoration: underline;
}
.homeNoUser .servicesSection > div ul li {
  margin-top: 6rem;
}
.homeNoUser .servicesSection > div ul li img {
  height: 16rem;
  width: 16rem;
}
.homeNoUser .servicesSection > div ul li h3 {
  font-size: 2.4rem;
  font-weight: normal;
  margin-top: 2rem;
}
.homeNoUser .servicesSection > div ul li h3:last-child {
  margin-bottom: 0;
}
.homeNoUser .whatIsJuggleSection {
  background-size: cover;
}
.homeNoUser .whatIsJuggleSection > div > div {
  background: #FFFFFF;
  border: #10B981 solid 1rem;
  padding: 6rem;
}
.homeNoUser .whatIsJuggleSection > div > div h2 {
  color: #10B981;
  font-size: 4.4rem;
  font-weight: normal;
  line-height: 5.4rem;
  margin-bottom: 4rem;
}
.homeNoUser .whatIsJuggleSection > div > div p {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 3rem;
}
.homeNoUser .whatIsJuggleSection > div > div h3 {
  color: #10B981;
  font-size: 2rem;
  font-weight: normal;
  line-height: 2.6rem;
}
.homeNoUser .howItWorksSection > div {
  padding: 8rem 0;
  text-align: center;
}
.homeNoUser .howItWorksSection > div > h2 {
  font-size: 3.6rem;
  font-weight: normal;
  margin-bottom: 6rem;
  text-decoration: underline;
}
.homeNoUser .howItWorksSection > div > ul .step {
  border: #1F2937 solid 0.3rem;
  border-radius: 100%;
  display: block;
  height: 34rem;
  margin: 4rem auto;
  width: 34rem;
}
.homeNoUser .howItWorksSection > div > ul .step:last-child {
  margin-bottom: 0;
}
.homeNoUser .howItWorksSection > div > ul .step h2 {
  font-size: 3.6rem;
  line-height: 4.5rem;
  margin: 2rem 0 1.5rem;
}
.homeNoUser .howItWorksSection > div > ul .step h3 {
  font-size: 2rem;
  line-height: 2.6rem;
  margin: 2rem 0 1rem;
}
.homeNoUser .howItWorksSection > div > ul .step p {
  font-size: 1, 6rem;
  line-height: 2.4rem;
  margin: 1rem auto 2rem;
  width: 28rem;
}
.homeNoUser .howItWorksSection > div > ul .step.step1 {
  border-color: #EC4899;
}
.homeNoUser .howItWorksSection > div > ul .step.step1 h2,
.homeNoUser .howItWorksSection > div > ul .step.step1 h3,
.homeNoUser .howItWorksSection > div > ul .step.step1 i {
  color: #EC4899;
}
.homeNoUser .howItWorksSection > div > ul .step.step2 {
  border-color: #06B6D4;
}
.homeNoUser .howItWorksSection > div > ul .step.step2 h2,
.homeNoUser .howItWorksSection > div > ul .step.step2 h3,
.homeNoUser .howItWorksSection > div > ul .step.step2 i {
  color: #06B6D4;
}
.homeNoUser .howItWorksSection > div > ul .step.step3 {
  border-color: #F97316;
}
.homeNoUser .howItWorksSection > div > ul .step.step3 h2,
.homeNoUser .howItWorksSection > div > ul .step.step3 h3,
.homeNoUser .howItWorksSection > div > ul .step.step3 i {
  color: #F97316;
}
.homeNoUser .videoSection {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 55rem;
  position: relative;
}
.homeNoUser .videoSection a {
  background-size: 10rem 10rem;
  display: block;
  height: 10rem;
  left: 50%;
  margin: -5rem 0 0 -5rem;
  position: absolute;
  top: 50%;
  width: 10rem;
}
.homeNoUser .featuresSection > div {
  padding: 8rem 0;
}
.homeNoUser .featuresSection > div > img {
  display: none;
}
.homeNoUser .featuresSection > div > div h2 {
  font-size: 3.6rem;
  font-weight: normal;
  margin-bottom: 6rem;
  text-align: center;
  text-decoration: underline;
}
.homeNoUser .featuresSection > div > div ul {
  margin-top: 6rem;
}
.homeNoUser .featuresSection > div > div ul li {
  align-items: center;
  display: flex;
  font-size: 1.8rem;
  margin: 6rem 4rem;
}
.homeNoUser .featuresSection > div > div ul li:last-child {
  margin-bottom: 0;
}
.homeNoUser .featuresSection > div > div ul li img {
  margin-right: 2rem;
  width: 5rem;
}
.homeNoUser .ourStorySection {
  background-size: cover;
}
.homeNoUser .ourStorySection > div {
  text-align: center;
}
.homeNoUser .ourStorySection > div > div {
  background: #FFFFFF;
}
.homeNoUser .ourStorySection > div > div a {
  background: #06B6D4;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1rem 2rem;
  text-align: center;
}
.homeNoUser .customerTestimonialsSection > div {
  padding: 8rem 7rem;
  text-align: center;
}
.homeNoUser .customerTestimonialsSection > div h2 {
  color: #F97316;
  font-size: 8rem;
}
.homeNoUser .customerTestimonialsSection > div ul {
  margin-bottom: 3rem;
}
.homeNoUser .customerTestimonialsSection > div ul h3 {
  color: #F97316;
  font-size: 4.4rem;
  line-height: 5.4rem;
}
.homeNoUser .customerTestimonialsSection > div ul p {
  line-height: 2.4rem;
  margin: 3rem 0;
}
.homeNoUser .customerTestimonialsSection > div ul h4 {
  color: #F97316;
  font-size: 2rem;
}
.homeNoUser .customerTestimonialsSection > div > div {
  display: flex;
  justify-content: center;
}
.homeNoUser .customerTestimonialsSection > div > div a {
  display: block;
  margin-right: 3rem;
}
.homeNoUser .customerTestimonialsSection > div > div a:last-child {
  margin-right: 0;
}
.homeNoUser .customerTestimonialsSection > div > div a i {
  color: #F97316;
  font-size: 4.4rem;
}
.homeNoUser .howToJoinSection {
  background-size: cover;
}
.homeNoUser .howToJoinSection > div > div {
  background: #FFFFFF;
  border: #EC4899 solid 1rem;
  padding: 6rem;
  text-align: center;
}
.homeNoUser .howToJoinSection > div > div h2 {
  color: #EC4899;
  font-size: 4.4rem;
  font-weight: normal;
  line-height: 5.4rem;
  margin-bottom: 4rem;
}
.homeNoUser .howToJoinSection > div > div p {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 3rem;
}
.homeNoUser .howToJoinSection > div > div a {
  background: #EC4899;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1rem 2rem;
  text-align: center;
}
.homeNoUser .currentSitterTestimonialsSection {
  background: #F8FAFC;
}
.homeNoUser .currentSitterTestimonialsSection > div {
  padding: 8rem 4rem;
}
.homeNoUser .currentSitterTestimonialsSection > div h2 {
  font-size: 3.6rem;
  font-weight: normal;
  line-height: 6.4rem;
  margin-bottom: 6rem;
  text-align: center;
  text-decoration: underline;
}
.homeNoUser .currentSitterTestimonialsSection > div ul li {
  background: #FFFFFF;
  border-bottom: #3B82F6 solid 1.5rem;
  margin-top: 6rem;
  padding: 5rem;
  text-align: center;
}
.homeNoUser .currentSitterTestimonialsSection > div ul li img {
  border-radius: 100%;
  display: inline-block;
  height: 12.5rem;
  margin-bottom: 4rem;
  width: 12.5rem;
}
.homeNoUser .currentSitterTestimonialsSection > div ul li p {
  color: #4B5563;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 3rem;
}
.homeNoUser .currentSitterTestimonialsSection > div ul li h3 {
  color: #3B82F6;
  font-size: 1.8rem;
}
.homeNoUser .featuredInSection > div {
  padding: 8rem;
  text-align: center;
}
.homeNoUser .featuredInSection > div h2 {
  color: #3B82F6;
  font-size: 2rem;
  text-transform: uppercase;
}
.homeNoUser .featuredInSection > div ul li {
  margin-top: 6rem;
}
.homeNoUser .featuredInSection > div ul li a {
  display: inline-block;
}
.homeNoUser .featuredInSection > div ul li a img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .homeNoUser .topSection > div {
    display: flex;
    margin-left: 12rem;
    max-width: 110rem;
    padding: 4rem 2rem;
  }
  .homeNoUser .topSection > div > div {
    margin-right: 8rem;
    width: 48rem;
  }
  .homeNoUser .topSection > div > ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 61.9rem;
  }
  .homeNoUser .topSection > div > ul li.img1 {
    flex-basis: 100%;
    margin-top: 0;
    text-align: right;
  }
  .homeNoUser .topSection > div > ul li.img1 img {
    width: 33.6rem;
  }
  .homeNoUser .topSection > div > ul li.img2 {
    margin-right: 8rem;
  }
  .homeNoUser .topSection > div > ul li.img2 img {
    width: 33.6rem;
  }
  .homeNoUser .topSection > div > ul li.img3 {
    display: block;
  }
  .homeNoUser .topSection > div > ul li.img3 img {
    width: 20.3rem;
  }
  .homeNoUser .servicesSection {
    background: #F8FAFC;
  }
  .homeNoUser .servicesSection > div ul {
    display: flex;
    justify-content: center;
  }
  .homeNoUser .servicesSection > div ul li {
    margin-right: 6rem;
    margin-top: 0;
  }
  .homeNoUser .servicesSection > div ul li:last-child {
    margin-right: 0;
  }
  .homeNoUser .servicesSection > div ul li h3 {
    font-size: 2rem;
  }
  .homeNoUser .whatIsJuggleSection > div {
    margin: auto;
    max-width: 120rem;
    padding: 7rem 2rem;
  }
  .homeNoUser .whatIsJuggleSection > div > div {
    border: 0;
    padding: 8rem 6rem;
    width: 48rem;
  }
  .homeNoUser .howItWorksSection > div {
    margin: auto;
    max-width: 120rem;
    padding: 8rem 2rem;
  }
  .homeNoUser .howItWorksSection > div > ul {
    display: flex;
    justify-content: space-between;
  }
  .homeNoUser .videoSection {
    background-size: cover;
  }
  .homeNoUser .featuresSection > div {
    align-items: center;
    display: flex;
    margin: auto;
    max-width: 120rem;
    padding: 8rem 2rem;
  }
  .homeNoUser .featuresSection > div > img {
    display: block;
  }
  .homeNoUser .featuresSection > div > div {
    margin-left: 8rem;
  }
  .homeNoUser .featuresSection > div > div h2 {
    text-align: left;
  }
  .homeNoUser .featuresSection > div > div ul li {
    margin-left: 2rem;
  }
  .homeNoUser .ourStorySection > div {
    margin: auto;
    max-width: 120rem;
    padding: 40rem 2rem 2rem;
  }
  .homeNoUser .ourStorySection > div > div {
    border: 0;
    display: inline-block;
    padding: 0.5rem;
  }
  .homeNoUser .customerTestimonialsSection > div {
    margin: auto;
    max-width: 80rem;
    padding: 8rem 2rem;
  }
  .homeNoUser .howToJoinSection > div {
    display: flex;
    justify-content: flex-end;
    margin: auto;
    max-width: 120rem;
    padding: 7rem 2rem;
  }
  .homeNoUser .howToJoinSection > div > div {
    border: 0;
    padding: 8rem 6rem;
    width: 48rem;
  }
  .homeNoUser .currentSitterTestimonialsSection > div {
    margin: auto;
    max-width: 120rem;
    padding: 8rem 2rem;
  }
  .homeNoUser .currentSitterTestimonialsSection > div ul {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
  }
  .homeNoUser .currentSitterTestimonialsSection > div ul li {
    margin-top: 0;
    width: 30%;
  }
  .homeNoUser .featuredInSection > div {
    margin: auto;
    max-width: 120rem;
    padding: 8rem 2rem;
  }
  .homeNoUser .featuredInSection > div ul {
    align-items: center;
    display: flex;
    margin-top: 6rem;
  }
  .homeNoUser .featuredInSection > div ul li {
    flex: 1;
    margin-top: 0;
  }
}
.homeSitter {
  padding: 2rem;
}
.homeSitter > * {
  margin: 2rem 0;
}
.homeSitter > *:first-child {
  margin-top: 0;
}
.homeSitter > *:last-child {
  margin-bottom: 0;
}
.homeSitter > * .alerts,
.homeSitter > * .announcements {
  margin-top: 2rem;
}
.homeSitter .stripe-alerts {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  padding: 2rem;
}
.homeSitter .stripe-alerts > p {
  margin: 1em;
}

@media screen and (min-width: 768px) {
  .homeSitter {
    margin: auto;
    max-width: 100rem;
  }
}
.homeStripeRedirect {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .homeStripeRedirect {
    margin: auto;
    max-width: 100rem;
  }
}
.howToJoin {
  padding: 3.2rem;
}
.howToJoin .pageHeader {
  color: #1F2937;
  margin-bottom: 4.8rem;
}
.howToJoin > p {
  color: #374151;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 4.8rem;
  text-align: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}
.howToJoin .expandCollapse:last-child {
  margin-bottom: 0;
}
.howToJoin .expandCollapse > div > p {
  color: #374151;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 3.2rem;
}
.howToJoin .expandCollapse > div > p:first-child {
  margin-top: 0;
}
.howToJoin .expandCollapse > div > p:last-child {
  margin-bottom: 0;
}
.howToJoin .expandCollapse > div > p a {
  color: #3B82F6;
  font-weight: 500;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}
.howToJoin .expandCollapse > div > p a:hover {
  color: #1E40AF;
  text-decoration: underline;
}
.howToJoin .expandCollapse > div > ul {
  list-style: none;
  margin: 3.2rem 0;
  padding: 0;
}
.howToJoin .expandCollapse > div > ul:first-child {
  margin-top: 0;
}
.howToJoin .expandCollapse > div > ul:last-child {
  margin-bottom: 0;
}
.howToJoin .expandCollapse > div > ul > li {
  color: #374151;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 2.4rem;
  padding-left: 3.2rem;
  position: relative;
}
.howToJoin .expandCollapse > div > ul > li:before {
  content: "✓";
  color: #10B981;
  font-weight: 700;
  font-size: 1.8rem;
  position: absolute;
  left: 0;
  top: 0;
}
.howToJoin .expandCollapse > div > ul > li:last-child {
  margin-bottom: 0;
}
.howToJoin .expandCollapse > div > ul > li strong {
  color: #1F2937;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .howToJoin {
    margin: auto;
    max-width: 120rem;
    padding: 4.8rem;
  }
  .howToJoin .pageHeader {
    font-size: 3.6rem;
    margin-bottom: 6.4rem;
    text-align: center;
  }
  .howToJoin > p {
    font-size: 2rem;
    margin-bottom: 6.4rem;
  }
  .howToJoin .expandCollapse {
    margin-bottom: 4.8rem;
  }
  .howToJoin .expandCollapse > a {
    padding: 4rem 4.8rem;
    font-size: 2.4rem;
  }
  .howToJoin .expandCollapse > div {
    padding: 4.8rem;
  }
  .howToJoin .expandCollapse > div > p {
    font-size: 1.8rem;
    margin-bottom: 4rem;
  }
  .howToJoin .expandCollapse > div > ul > li {
    font-size: 1.8rem;
    margin-bottom: 3.2rem;
    padding-left: 4rem;
  }
  .howToJoin .expandCollapse > div > ul > li:before {
    font-size: 2rem;
  }
}
.invalidPage {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .invalidPage {
    margin: auto;
    max-width: 100rem;
  }
}
.leaveAReview {
  padding: 2rem;
}
.leaveAReview > div > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .leaveAReview {
    margin: auto;
    max-width: 100rem;
  }
}
.locations {
  padding: 4rem;
}
.locations h3 {
  color: #EC4899;
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 4rem;
  margin-bottom: 4rem;
}
.locations .state {
  border-top: #F8FAFC solid 0.3rem;
}
.locations .state > p {
  font-size: 1.8rem;
  margin: 1.2rem 0;
  text-transform: uppercase;
}
.locations .state .location {
  margin: 1.2rem 0;
}
.locations .state .location > a {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}
.locations .state .location .locationDetails {
  margin-top: 2.5rem;
}
.locations .state .location .locationDetails .contactImg {
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  height: 12.5rem;
  margin-bottom: 2.5rem;
  width: 12.5rem;
}
.locations .state .location .locationDetails .contactImg.centerImg {
  background-position: 50%;
}
.locations .state .location .locationDetails > div p {
  line-height: 2.4rem;
  margin-bottom: 2.5rem;
}
.locations .state .location .locationDetails > div p:last-child {
  margin-bottom: 0;
}
.locations .state .location > p {
  font-size: 1.8rem;
  font-weight: bold;
}
.locations .state:last-child .location:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .locations {
    margin: auto;
    max-width: 100rem;
    padding: 2rem;
  }
}
.logIn {
  padding: 2rem;
}
.logIn .siteBtnLink,
.logIn .logInWithFbLinkContainer {
  margin-top: 2rem;
}
.logIn .noAccountLink {
  margin: 2rem 0;
}
.logIn .forgotPasswordLink {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .logIn {
    margin: auto;
    max-width: 100rem;
  }
}
.messages .counts,
.messages .newConversation {
  margin: 2rem;
}
.messages .conversations {
  margin: 2rem 0;
}
.messages .conversations .conversationItem .link {
  position: relative;
}
.messages .conversations .conversationItem .link .name {
  line-height: 2.8rem;
  margin-bottom: 0.7rem;
}
.messages .conversations .conversationItem .link .lastMessage {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.6rem;
  -webkit-line-clamp: 2;
  line-height: 1.9rem;
  margin-top: 0.7rem;
  max-height: 3.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.messages .conversations .conversationItem .link .date {
  font-size: 1.6rem;
  margin-top: 0.7rem;
}
.messages .conversations .conversationItem .link .numUnreadMsgs {
  background: #EC4899;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: bold;
  height: 3.2rem;
  left: 2rem;
  line-height: 2.2rem;
  padding: 0.5rem;
  position: absolute;
  text-align: center;
  top: 1rem;
  width: 3.2rem;
}
.messages .noMessages {
  margin: 2rem;
}

@media screen and (min-width: 768px) {
  .messages {
    margin: auto;
    max-width: 100rem;
    padding: 2rem;
  }
  .messages .pageHeader,
  .messages .counts,
  .messages .newConversation,
  .messages .conversations,
  .messages .noMessages {
    margin: 2rem 0;
  }
  .messages .pageHeader:first-child,
  .messages .counts:first-child,
  .messages .newConversation:first-child,
  .messages .conversations:first-child,
  .messages .noMessages:first-child {
    margin-top: 0;
  }
  .messages .pageHeader:last-child,
  .messages .counts:last-child,
  .messages .newConversation:last-child,
  .messages .conversations:last-child,
  .messages .noMessages:last-child {
    margin-bottom: 0;
  }
  .messages .conversations {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
  }
}
.myProfile {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .myProfile {
    margin: auto;
    max-width: 100rem;
  }
}
.notifications {
  padding: 3.2rem;
}
.notifications .month-group {
  background: #FFFFFF;
  border-radius: 0.8rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E5E7EB;
  margin-bottom: 2.4rem;
  overflow: hidden;
}
.notifications .month-group:last-child {
  margin-bottom: 0;
}
.notifications .month-header {
  background: #F9FAFB;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem;
  transition: background-color 150ms ease-in-out;
  border-bottom: 1px solid #E5E7EB;
}
.notifications .month-header:hover {
  background: rgba(59, 130, 246, 0.05);
}
.notifications .month-header.is-open {
  background: rgba(59, 130, 246, 0.1);
}
.notifications .month-header h3 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #1F2937;
  margin: 0;
}
.notifications .month-header .month-meta {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.notifications .month-header .month-meta .count {
  font-size: 1.4rem;
  color: #6B7280;
  font-weight: 500;
}
.notifications .month-header .month-meta .toggle-icon {
  color: #9CA3AF;
  font-size: 1.2rem;
  transition: transform 150ms ease-in-out;
}
.notifications .month-header.is-open .toggle-icon {
  transform: rotate(180deg);
}
.notifications .month-content {
  padding: 0;
}
.notifications .month-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.notifications .month-content ul li {
  border-bottom: 1px solid #E5E7EB;
  padding: 3.2rem;
  transition: background-color 150ms ease-in-out;
}
.notifications .month-content ul li:last-child {
  border-bottom: none;
}
.notifications .month-content ul li:hover {
  background: #F9FAFB;
}
.notifications .month-content ul li .body {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #1F2937;
  margin-bottom: 1.6rem;
}
.notifications .month-content ul li .createdAt {
  color: #6B7280;
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.notifications .month-content ul li .siteLink {
  color: #3B82F6;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0.8rem 1.6rem;
  border-radius: 0.4rem;
  background: rgba(59, 130, 246, 0.1);
  display: inline-block;
  transition: all 150ms ease-in-out;
}
.notifications .month-content ul li .siteLink:hover {
  background: rgba(59, 130, 246, 0.2);
  color: #1E40AF;
}
.notifications > p {
  margin-top: 3.2rem;
  text-align: center;
  color: #6B7280;
  font-style: italic;
  padding: 6.4rem;
  background: #F9FAFB;
  border-radius: 0.8rem;
  border: 2px dashed #E5E7EB;
}

@media screen and (min-width: 768px) {
  .notifications {
    margin: auto;
    max-width: 100rem;
    padding: 4.8rem;
  }
  .notifications .month-header {
    padding: 4rem 4.8rem;
  }
  .notifications .month-header h3 {
    font-size: 2rem;
  }
  .notifications .month-header .month-meta {
    gap: 3.2rem;
  }
  .notifications .month-header .month-meta .count {
    font-size: 1.6rem;
  }
  .notifications .month-content ul li {
    padding: 4rem 4.8rem;
  }
  .notifications .month-content ul li .body {
    font-size: 1.8rem;
  }
  .notifications .month-content ul li .createdAt {
    font-size: 1.6rem;
  }
  .notifications .month-content ul li .siteLink {
    font-size: 1.6rem;
    padding: 1.6rem 2.4rem;
  }
}
.openJobs .pageHeader {
  margin: 2rem;
}
.openJobs .count {
  margin: 2rem;
}
.openJobs .filters {
  margin: 2rem;
}
.openJobs .filters > a {
  margin: 2rem 0;
}
.openJobs .jobsContainer {
  margin: 2rem 0;
}
.openJobs .jobsContainer .job .type,
.openJobs .jobsContainer .job .location,
.openJobs .jobsContainer .job .startDatetime,
.openJobs .jobsContainer .job .numJobsCompleted,
.openJobs .jobsContainer .job .estimatedPayout,
.openJobs .jobsContainer .job .reoccurringDotws,
.openJobs .jobsContainer .job .reoccurringUntilDate {
  color: #6B7280;
}
.openJobs .jobsContainer .job .name,
.openJobs .jobsContainer .job .type,
.openJobs .jobsContainer .job .location,
.openJobs .jobsContainer .job .startDatetime {
  margin-bottom: 0.7rem;
}
.openJobs .jobsContainer .job .payoutNumber {
  color: #10B981;
}
.openJobs .jobsContainer .job .closeOut {
  color: #EC4899;
  font-size: 1.8rem;
  font-weight: bolder;
  float: right;
}
.openJobs .jobsContainer .job .numJobsCompleted,
.openJobs .jobsContainer .job .estimatedPayout,
.openJobs .jobsContainer .job .reoccurringDotws,
.openJobs .jobsContainer .job .reoccurringUntilDate,
.openJobs .jobsContainer .job .numApplicants {
  margin-top: 0.7rem;
}
.openJobs .jobsContainer .job .emphasis {
  color: #EC4899;
  font-weight: bold;
  margin-top: 0.7rem;
}
.openJobs .jobsContainer .job .applicationInfo {
  margin-top: 0.7rem;
}
.openJobs .jobsContainer .job .applicationInfo .numApplicants {
  margin: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.openJobs .jobsContainer .job .applicationInfo .numApplicants .competitionIndicator {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
.openJobs .jobsContainer .job .applicationInfo .competitionLevel {
  margin: 0.2rem 0 0 0;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.openJobs .jobsContainer .job .applicationInfo .competition-low {
  color: #22c55e;
}
.openJobs .jobsContainer .job .applicationInfo .competition-low .competitionIndicator {
  color: #22c55e;
}
.openJobs .jobsContainer .job .applicationInfo .competition-medium {
  color: #f59e0b;
}
.openJobs .jobsContainer .job .applicationInfo .competition-medium .competitionIndicator {
  color: #f59e0b;
}
.openJobs .jobsContainer .job .applicationInfo .competition-high {
  color: #ef4444;
}
.openJobs .jobsContainer .job .applicationInfo .competition-high .competitionIndicator {
  color: #ef4444;
}
.openJobs .jobsContainer .showMoreJobsBtnContainer {
  margin: 2rem;
}
.openJobs .noJobs {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .openJobs {
    margin: auto;
    max-width: 100rem;
    padding: 2rem;
  }
  .openJobs .pageHeader,
  .openJobs .count,
  .openJobs .filters,
  .openJobs .jobsContainer,
  .openJobs .jobsContainer .showMoreJobsBtnContainer,
  .openJobs .noJobs {
    margin: 2rem 0;
  }
  .openJobs .pageHeader:first-child,
  .openJobs .count:first-child,
  .openJobs .filters:first-child,
  .openJobs .jobsContainer:first-child,
  .openJobs .jobsContainer .showMoreJobsBtnContainer:first-child,
  .openJobs .noJobs:first-child {
    margin-top: 0;
  }
  .openJobs .pageHeader:last-child,
  .openJobs .count:last-child,
  .openJobs .filters:last-child,
  .openJobs .jobsContainer:last-child,
  .openJobs .jobsContainer .showMoreJobsBtnContainer:last-child,
  .openJobs .noJobs:last-child {
    margin-bottom: 0;
  }
  .openJobs .jobsContainer > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
  }
}
.ourStory .headerImg {
  background-position: 50%;
  background-size: cover;
  height: 20rem;
}
.ourStory .headerImg h1 {
  display: none;
}
.ourStory .topSection {
  background: #F8FAFC;
}
.ourStory .topSection > div {
  padding: 4rem;
}
.ourStory .topSection > div > div h3 {
  font-size: 3.2rem;
  font-weight: normal;
  margin-bottom: 2rem;
}
.ourStory .topSection > div > div p {
  font-size: 2rem;
  margin-bottom: 3rem;
}
.ourStory .topSection > div > div p:last-child {
  margin-bottom: 0;
}
.ourStory .topSection > div > div p .link {
  font-weight: bold;
}
.ourStory > ul li {
  border-bottom: #F8FAFC solid 0.5rem;
  padding: 8rem 4rem;
}
.ourStory > ul li:last-child {
  border: 0;
}
.ourStory > ul li img {
  display: block;
  height: 22.6rem;
  margin: 0 auto 6rem;
  width: 22.6rem;
}
.ourStory > ul li > div .nameAndTitle {
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 4rem;
  margin: 6rem 0 2rem;
}
.ourStory > ul li > div p {
  line-height: 2.8rem;
  margin-bottom: 3rem;
}
.ourStory > ul li > div p:last-child {
  margin-bottom: 0;
}
.ourStory > ul li.emily > div .nameAndTitle, .ourStory > ul li.greg > div .nameAndTitle {
  color: #06B6D4;
}
.ourStory > ul li.annie > div .nameAndTitle, .ourStory > ul li.chad > div .nameAndTitle {
  color: #F97316;
}
.ourStory > ul li.amber > div .nameAndTitle, .ourStory > ul li.jon > div .nameAndTitle {
  color: #3B82F6;
}
.ourStory > ul li.ashlee > div .nameAndTitle {
  color: #EC4899;
}

@media screen and (min-width: 768px) {
  .ourStory .headerImg {
    background-position: 0% 20%;
    height: 55rem;
  }
  .ourStory .headerImg h1 {
    display: block;
    font-size: 4.4rem;
    margin: auto;
    max-width: 120rem;
    padding: 17.5rem 2rem 0;
    text-align: left;
  }
  .ourStory .topSection > div {
    display: flex;
    margin: auto;
    max-width: 120rem;
    padding: 4rem 2rem;
  }
  .ourStory .topSection > div > div:first-child {
    width: 36rem;
  }
  .ourStory .topSection > div > div:first-child h3 {
    margin: 0;
  }
  .ourStory .topSection > div > div:last-child {
    flex: 1;
    margin-left: 4rem;
  }
  .ourStory > ul {
    margin: auto;
    max-width: 120rem;
    padding: 0 2rem;
  }
  .ourStory > ul li {
    display: flex;
  }
  .ourStory > ul li img {
    height: 36rem;
    margin: 0;
    width: 36rem;
  }
  .ourStory > ul li > div {
    flex: 1;
    margin-left: 4rem;
  }
  .ourStory > ul li > div .nameAndTitle {
    margin-top: 0;
  }
  .ourStory > ul li.annie, .ourStory > ul li.ashlee, .ourStory > ul li.chad {
    flex-direction: row-reverse;
  }
  .ourStory > ul li.annie > div, .ourStory > ul li.ashlee > div, .ourStory > ul li.chad > div {
    margin-left: 0;
    margin-right: 4rem;
  }
}
.paymentsFamily {
  padding: 2rem;
}
.paymentsFamily .rates {
  text-align: center;
}
.paymentsFamily .rates h3 {
  margin-bottom: 2rem;
}
.paymentsFamily .rates h4 {
  color: #3B82F6;
  margin: 2rem 0;
}
.paymentsFamily .rates > ul {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
.paymentsFamily .rates > ul > li {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  flex: 1;
  margin-right: 1rem;
  padding: 1rem;
}
.paymentsFamily .rates > ul > li:last-child {
  margin-right: 0;
}
.paymentsFamily .rates > ul > li h5 {
  color: #3B82F6;
  margin-bottom: 1rem;
}
.paymentsFamily .rates > ul > li h5.green {
  color: #10B981;
}
.paymentsFamily .rates > ul > li h5.orange {
  color: #F97316;
}
.paymentsFamily .rates > ul > li h5.pink {
  color: #EC4899;
}
.paymentsFamily .rates > ul > li h5.red {
  color: #DC2626;
}
.paymentsFamily .rates > ul > li h6 {
  font-size: 1.6rem;
  margin: 1rem 0;
}
.paymentsFamily .rates > ul > li p {
  color: #6B7280;
  margin-top: 1rem;
  font-size: 1.2rem;
}
.paymentsFamily .rates > p {
  font-size: 1.6rem;
  margin: 2rem auto;
  max-width: 60rem;
}
.paymentsFamily .rates .surgePrices > p {
  font-size: 1.6rem;
  margin: 2rem auto;
  max-width: 60rem;
}
.paymentsFamily .rates .surgePrices > ul {
  text-align: left;
}
.paymentsFamily .rates .surgePrices > ul > li {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  display: flex;
  margin-top: 2rem;
  padding: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges {
  flex: 1;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges h5 {
  color: #3B82F6;
  margin-bottom: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > p {
  font-size: 1.2rem;
  margin: 1rem 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges h6 {
  color: #3B82F6;
  font-size: 1.3rem;
  margin: 1rem 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul {
  margin-top: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  margin: 1rem 0;
  padding: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li:last-child {
  margin-bottom: 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li p {
  margin: 0.5rem 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li p:first-child {
  margin-top: 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li p:last-child {
  margin-bottom: 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt {
  margin-left: 1rem;
  text-align: center;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt > div {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  margin: 1rem 0;
  padding: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt > div:first-child {
  margin-top: 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt > div:last-child {
  margin-bottom: 0;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt > div h5 {
  color: #3B82F6;
  margin-bottom: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt > div h6 {
  font-size: 1.6rem;
  margin-top: 1rem;
}
.paymentsFamily .rates .surgePrices > ul > li > div.amt > div p {
  color: #6B7280;
  margin-top: 1rem;
  font-size: 1.4rem;
}
.paymentsFamily .managePaymentMethods .addNewPaymentMethodContainer {
  margin-bottom: 2rem;
}
.paymentsFamily .managePaymentMethods .addNewPaymentMethodContainer a:hover {
  color: #EC4899;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer h3 {
  color: #EC4899;
  margin: 2rem 0;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table {
  margin-top: 2rem;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr {
  border: #E5E7EB solid 0.1rem;
  border-width: 0.1rem 0;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th {
  font-size: 1.4rem;
  padding: 1rem;
  text-align: left;
  vertical-align: middle;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td:first-child,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th:first-child,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td:first-child,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th:first-child {
  padding-left: 0;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td:last-child,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th:last-child,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td:last-child,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th:last-child {
  padding-right: 0;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td.ccIcon,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th.ccIcon,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td.ccIcon,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th.ccIcon {
  font-size: 2.4rem;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td.center,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th.center,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td.center,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th.center {
  text-align: center;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td.right,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th.right,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td.right,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th.right {
  text-align: right;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td .fas.fa-star,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th .fas.fa-star,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td .fas.fa-star,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th .fas.fa-star {
  color: #EC4899;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td .setDefault,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td .delete,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th .setDefault,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th .delete,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td .setDefault,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td .delete,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th .setDefault,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th .delete {
  color: #1F2937;
}
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td .setDefault:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td .delete:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th .setDefault:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th .delete:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td .setDefault:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td .delete:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th .setDefault:hover,
.paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th .delete:hover {
  color: #EC4899;
}
.paymentsFamily .manageSubscription > div p {
  margin: 2rem 0;
}
.paymentsFamily .manageSubscription > div p:first-child {
  margin-top: 0;
}
.paymentsFamily .manageSubscription > div p em {
  color: #EC4899;
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
}
.paymentsFamily .manageSubscription > div ul {
  margin: -1rem 0 2rem 4rem;
  list-style: disc;
}
.paymentsFamily .manageSubscription > div .siteBtnLink {
  margin-top: 2rem;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer h3 {
  color: #EC4899;
  margin: 2rem 0;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table {
  margin-top: 2rem;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr {
  border: #E5E7EB solid 0.1rem;
  border-width: 0.1rem 0;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr th,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr th {
  white-space: nowrap;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr td,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr th,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr td,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr th {
  font-size: 1.4rem;
  padding: 1rem;
  text-align: left;
  vertical-align: top;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr td:first-child,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr th:first-child,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr td:first-child,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr th:first-child {
  padding-left: 0;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr td:last-child,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr th:last-child,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr td:last-child,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr th:last-child {
  padding-right: 0;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr td.right,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr th.right,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr td.right,
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr th.right {
  text-align: right;
}
.paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer p {
  margin-top: 2rem;
}
.paymentsFamily .transactions > div > p {
  margin-bottom: 2rem;
}
.paymentsFamily .transactions > div > ul > li {
  border-top: #9CA3AF solid 0.1rem;
  margin-top: 2rem;
  padding-top: 2rem;
}
.paymentsFamily .transactions > div > ul > li > * {
  margin: 0.5rem 0;
}
.paymentsFamily .transactions > div > ul > li > *:first-child {
  margin-top: 0;
}
.paymentsFamily .transactions > div > ul > li > *:last-child {
  margin-bottom: 0;
}
.paymentsFamily .transactions > div > ul > li > h3 {
  font-size: 1.8rem;
}
.paymentsFamily .transactions > div > ul > li > p {
  font-size: 1.6rem;
}
.paymentsFamily .transactions > div > .siteBtnLink {
  margin-top: 2rem;
}
.paymentsFamily > * {
  margin: 2rem 0;
}
.paymentsFamily > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .paymentsFamily {
    margin: auto;
    max-width: 100rem;
  }
  .paymentsFamily .rates > ul > li.width15rem {
    flex: none;
    width: 15rem;
  }
  .paymentsFamily .rates > ul > li.width30rem {
    flex: none;
    width: 30rem;
  }
  .paymentsFamily .rates > ul > li h6 {
    font-size: 2rem;
  }
  .paymentsFamily .rates > ul > li p {
    font-size: 1.4rem;
  }
  .paymentsFamily .rates .surgePrices > ul {
    margin: auto;
    max-width: 60rem;
  }
  .paymentsFamily .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges p {
    font-size: 1.4rem;
  }
  .paymentsFamily .rates .surgePrices > ul > li > div.amt > div h6 {
    font-size: 2rem;
  }
  .paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr td,
  .paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table tbody tr th,
  .paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr td,
  .paymentsFamily .managePaymentMethods .existingPaymentMethodsContainer table thead tr th {
    font-size: 1.6rem;
    padding: 1rem 2rem;
  }
  .paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr td,
  .paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table tbody tr th,
  .paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr td,
  .paymentsFamily .managePromoCodesGiftCards .existingPromoCodesGiftCardsContainer table thead tr th {
    font-size: 1.6rem;
    padding: 1rem 2rem;
  }
}
.paymentsSitter {
  padding: 2rem;
}
.paymentsSitter .rates {
  text-align: center;
}
.paymentsSitter .rates h3 {
  margin-bottom: 2rem;
}
.paymentsSitter .rates h4 {
  color: #3B82F6;
  margin: 2rem 0;
}
.paymentsSitter .rates > ul {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
.paymentsSitter .rates > ul > li {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  flex: 1;
  margin-right: 1rem;
  padding: 1rem;
}
.paymentsSitter .rates > ul > li:last-child {
  margin-right: 0;
}
.paymentsSitter .rates > ul > li h5 {
  color: #3B82F6;
  margin-bottom: 1rem;
}
.paymentsSitter .rates > ul > li h5.green {
  color: #10B981;
}
.paymentsSitter .rates > ul > li h5.orange {
  color: #F97316;
}
.paymentsSitter .rates > ul > li h5.pink {
  color: #EC4899;
}
.paymentsSitter .rates > ul > li h5.red {
  color: #DC2626;
}
.paymentsSitter .rates > ul > li h6 {
  font-size: 1.6rem;
  margin: 1rem 0;
}
.paymentsSitter .rates > ul > li p {
  color: #6B7280;
  margin-top: 1rem;
  font-size: 1.2rem;
}
.paymentsSitter .rates > p {
  font-size: 1.6rem;
  margin: 2rem auto;
  max-width: 60rem;
}
.paymentsSitter .rates .surgePrices > p {
  font-size: 1.6rem;
  margin: 2rem auto;
  max-width: 60rem;
}
.paymentsSitter .rates .surgePrices > ul {
  text-align: left;
}
.paymentsSitter .rates .surgePrices > ul > li {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  display: flex;
  margin-top: 2rem;
  padding: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges {
  flex: 1;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges h5 {
  color: #3B82F6;
  margin-bottom: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > p {
  font-size: 1.2rem;
  margin: 1rem 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges h6 {
  color: #3B82F6;
  font-size: 1.3rem;
  margin: 1rem 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul {
  margin-top: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  margin: 1rem 0;
  padding: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li:last-child {
  margin-bottom: 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li p {
  margin: 0.5rem 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li p:first-child {
  margin-top: 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges > ul > li p:last-child {
  margin-bottom: 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt {
  margin-left: 1rem;
  text-align: center;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt > div {
  border: #6B7280 solid 0.1rem;
  border-radius: 0.4rem;
  margin: 1rem 0;
  padding: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt > div:first-child {
  margin-top: 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt > div:last-child {
  margin-bottom: 0;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt > div h5 {
  color: #3B82F6;
  margin-bottom: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt > div h6 {
  font-size: 1.6rem;
  margin-top: 1rem;
}
.paymentsSitter .rates .surgePrices > ul > li > div.amt > div p {
  color: #6B7280;
  margin-top: 1rem;
  font-size: 1.4rem;
}
.paymentsSitter .changeBankAccount > div p {
  margin: 2rem 0;
}
.paymentsSitter .changeBankAccount > div ul {
  margin: 2rem 0;
}
.paymentsSitter .changeBankAccount > div ul li {
  margin: 0.5rem 0;
}
.paymentsSitter .changeBankAccount > div ul li span {
  font-weight: bold;
}
.paymentsSitter .transactions > div > p {
  margin-bottom: 2rem;
}
.paymentsSitter .transactions > div > ul > li {
  border-top: #9CA3AF solid 0.1rem;
  margin-top: 2rem;
  padding-top: 2rem;
}
.paymentsSitter .transactions > div > ul > li > * {
  margin: 0.5rem 0;
}
.paymentsSitter .transactions > div > ul > li > *:first-child {
  margin-top: 0;
}
.paymentsSitter .transactions > div > ul > li > *:last-child {
  margin-bottom: 0;
}
.paymentsSitter .transactions > div > ul > li > h3 {
  font-size: 1.8rem;
}
.paymentsSitter .transactions > div > ul > li > p {
  font-size: 1.6rem;
}
.paymentsSitter .transactions > div > .siteBtnLink {
  margin-top: 2rem;
}
.paymentsSitter > * {
  margin: 2rem 0;
}
.paymentsSitter > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .paymentsSitter {
    margin: auto;
    max-width: 100rem;
  }
  .paymentsSitter .rates > ul > li.width15rem {
    flex: none;
    width: 15rem;
  }
  .paymentsSitter .rates > ul > li.width30rem {
    flex: none;
    width: 30rem;
  }
  .paymentsSitter .rates > ul > li h6 {
    font-size: 2rem;
  }
  .paymentsSitter .rates > ul > li p {
    font-size: 1.4rem;
  }
  .paymentsSitter .rates .surgePrices > ul {
    margin: auto;
    max-width: 60rem;
  }
  .paymentsSitter .rates .surgePrices > ul > li > div.nameDescAndDateTimeRanges p {
    font-size: 1.4rem;
  }
  .paymentsSitter .rates .surgePrices > ul > li > div.amt > div h6 {
    font-size: 2rem;
  }
}
.postAJob {
  padding: 2rem;
}
.postAJob .deactivatedWarning {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .postAJob {
    margin: auto;
    max-width: 100rem;
  }
}
.privacyPolicy {
  padding: 2rem;
}
.privacyPolicy a {
  font-weight: bold;
}
.privacyPolicy h2 {
  color: #1E40AF;
  margin-bottom: 1rem;
}
.privacyPolicy .lastModified {
  margin: 1rem 0 4rem;
}
.privacyPolicy h3 {
  border-top: #EC4899 solid 0.1rem;
  color: #EC4899;
  font-size: 2.6rem;
  font-weight: normal;
  margin: 2rem 0;
  padding-top: 2rem;
}
.privacyPolicy p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 2rem 0;
}
.privacyPolicy p:last-child {
  margin: 4rem 0 0;
}
.privacyPolicy ul {
  list-style: disc;
  margin: 2rem 0 2rem 3.5rem;
}
.privacyPolicy ul li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 1rem 0;
}
.privacyPolicy ul li:first-child {
  margin-top: 0;
}
.privacyPolicy ul li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .privacyPolicy {
    margin: auto;
    max-width: 100rem;
  }
}
.register {
  padding: 2rem;
}
.register > .siteBtnLink, .register > p {
  margin: 2rem 0;
}
.register > .siteBtnLink:last-child, .register > p:last-child {
  margin-bottom: 0;
}
.register > .or {
  align-items: center;
  display: flex;
  margin: 2rem 0;
}
.register > .or hr {
  background: #EC4899;
  flex: 1;
}
.register > .or span {
  color: #EC4899;
  margin: 0 1rem;
}
.register .form > div > p:last-child {
  margin-bottom: 0;
}
.register .form .registerWithFb .submitBtn {
  background: #4267B2;
}
.register .form .registerWithFb .submitBtn:hover {
  background: #365899;
}

@media screen and (min-width: 768px) {
  .register {
    margin: auto;
    max-width: 100rem;
  }
}
.reportPage {
  padding: 2rem;
}

.reviews .reviewList > ul {
  margin: 2rem 0;
}
.reviews .reviewList > ul .review .date {
  float: right;
  margin-left: 0.7rem;
}
.reviews .reviewList > ul .review .name {
  color: #6B7280;
  margin-bottom: 0.7rem;
}
.reviews .reviewList > ul .review .content {
  color: #6B7280;
  margin-top: 0.7rem;
}
.reviews .reviewList > p {
  margin: 2rem;
}

@media screen and (min-width: 768px) {
  .reviews {
    margin: auto;
    max-width: 100rem;
    padding: 2rem;
  }
  .reviews .pageHeader,
  .reviews .reviewList > ul,
  .reviews .reviewList > p {
    margin: 2rem 0;
  }
  .reviews .pageHeader:first-child,
  .reviews .reviewList > ul:first-child,
  .reviews .reviewList > p:first-child {
    margin-top: 0;
  }
  .reviews .pageHeader:last-child,
  .reviews .reviewList > ul:last-child,
  .reviews .reviewList > p:last-child {
    margin-bottom: 0;
  }
  .reviews .reviewList > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
  }
}
.setAccountInfoAndSitterApplication {
  padding: 2rem;
}
.setAccountInfoAndSitterApplication > p {
  margin: 2rem 0;
}
.setAccountInfoAndSitterApplication form > p {
  margin: 2rem 0;
}
.setAccountInfoAndSitterApplication form .profilePic {
  margin: 2rem auto;
}
.setAccountInfoAndSitterApplication form .profilePic > a {
  align-items: center;
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  color: #1F2937;
  display: flex;
  height: 15rem;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  width: 15rem;
}
.setAccountInfoAndSitterApplication form .profilePic > a img {
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
}
.setAccountInfoAndSitterApplication form .profilePic > a span {
  text-align: center;
}
.setAccountInfoAndSitterApplication form .removeProfilePic {
  margin: 2rem 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .setAccountInfoAndSitterApplication {
    margin: auto;
    max-width: 100rem;
  }
}
.setAccountInfoFamily {
  padding: 2rem;
}
.setAccountInfoFamily > p {
  margin: 2rem 0;
}
.setAccountInfoFamily form > p {
  margin: 2rem 0;
}
.setAccountInfoFamily form .profilePic {
  margin: 2rem auto;
}
.setAccountInfoFamily form .profilePic > a {
  align-items: center;
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  color: #1F2937;
  display: flex;
  height: 15rem;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  width: 15rem;
}
.setAccountInfoFamily form .profilePic > a img {
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
}
.setAccountInfoFamily form .profilePic > a span {
  text-align: center;
}
.setAccountInfoFamily form .removeProfilePic {
  margin: 2rem 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .setAccountInfoFamily {
    margin: auto;
    max-width: 100rem;
  }
}
.setStripeInfoFamily {
  padding: 2rem;
}
.setStripeInfoFamily .form > p {
  margin: 2rem 0;
}
.setStripeInfoFamily .form ol {
  margin-left: 2rem;
}

@media screen and (min-width: 768px) {
  .setStripeInfoFamily {
    margin: auto;
    max-width: 100rem;
  }
}
.setStripeBankAccountSitter {
  padding: 2rem;
}
.setStripeBankAccountSitter .form > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .setStripeBankAccountSitter {
    margin: auto;
    max-width: 100rem;
  }
}
.setStripeInfoSitter {
  padding: 2rem;
}
.setStripeInfoSitter .form > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .setStripeInfoSitter {
    margin: auto;
    max-width: 100rem;
  }
}
.setStripeSsnLast4Sitter {
  padding: 2rem;
}
.setStripeSsnLast4Sitter .form > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .setStripeSsnLast4Sitter {
    margin: auto;
    max-width: 100rem;
  }
}
.shareReferralCode {
  padding: 2rem;
}
.shareReferralCode .form > p, .shareReferralCode .form > div > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .shareReferralCode {
    margin: auto;
    max-width: 100rem;
  }
}
.showPage {
  padding: 2rem;
}
.showPage .banner {
  background: #EFF6FF;
  border: #BFDBFE solid 0.1rem;
  border-radius: 0.5rem;
  color: #2563EB;
  padding: 2rem;
}
.showPage .btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.showPage .btns li {
  margin: 0 2rem 2rem 0;
}
.showPage .btns li:last-child {
  margin-right: 0;
}
.showPage .btns li .siteBtnLink.red {
  background: #DC2626;
}
.showPage .btns li .siteBtnLink.red:hover {
  background: #B91C1C;
}
.showPage .btns li .siteBtnLink.orange {
  background: #F97316;
}
.showPage .btns li .siteBtnLink.orange:hover {
  background: #EA580C;
}
.showPage .btns li .siteBtnLink.green {
  background: #10B981;
}
.showPage .btns li .siteBtnLink.green:hover {
  background: #059669;
}
.showPage .data {
  margin-bottom: 2rem;
}
.showPage .data table tbody tr td {
  border: #9CA3AF 0.1rem solid;
  padding: 1rem;
  vertical-align: top;
}
.showPage .data table tbody tr td:first-child {
  width: 20rem;
}
.showPage .data table tbody tr td .img {
  max-height: 20rem;
}
.showPage .sections {
  margin-top: 2rem;
}
.showPage .sections .section {
  margin: 2rem 0;
}
.showPage .sections .section:last-child {
  margin-bottom: 0;
}
.showPage .sections .section .showAll {
  margin-bottom: 2rem;
}
.showPage .sections .section table {
  font-size: 1.4rem;
  width: 100%;
}
.showPage .sections .section table tbody tr td,
.showPage .sections .section table tbody tr th,
.showPage .sections .section table thead tr td,
.showPage .sections .section table thead tr th {
  border: #9CA3AF 0.1rem solid;
  padding: 1rem;
  text-align: left;
  vertical-align: top;
}
.showPage .sections .section table tbody tr td > div.right,
.showPage .sections .section table tbody tr th > div.right,
.showPage .sections .section table thead tr td > div.right,
.showPage .sections .section table thead tr th > div.right {
  text-align: right;
}
.showPage .sections .section table tbody tr td .icons,
.showPage .sections .section table tbody tr th .icons,
.showPage .sections .section table thead tr td .icons,
.showPage .sections .section table thead tr th .icons {
  display: flex;
  justify-content: center;
}
.showPage .sections .section table tbody tr td .icons a,
.showPage .sections .section table tbody tr th .icons a,
.showPage .sections .section table thead tr td .icons a,
.showPage .sections .section table thead tr th .icons a {
  margin-right: 1rem;
}
.showPage .sections .section table tbody tr td .icons a:last-child,
.showPage .sections .section table tbody tr th .icons a:last-child,
.showPage .sections .section table thead tr td .icons a:last-child,
.showPage .sections .section table thead tr th .icons a:last-child {
  margin-right: 0;
}
.showPage .sections .section table tbody tr td .icons a.view,
.showPage .sections .section table tbody tr th .icons a.view,
.showPage .sections .section table thead tr td .icons a.view,
.showPage .sections .section table thead tr th .icons a.view {
  color: #10B981;
}
.showPage .sections .section table tbody tr td .icons a.view:hover,
.showPage .sections .section table tbody tr th .icons a.view:hover,
.showPage .sections .section table thead tr td .icons a.view:hover,
.showPage .sections .section table thead tr th .icons a.view:hover {
  color: #059669;
}
.showPage .sections .section table tbody tr td .icons a.edit,
.showPage .sections .section table tbody tr th .icons a.edit,
.showPage .sections .section table thead tr td .icons a.edit,
.showPage .sections .section table thead tr th .icons a.edit {
  color: #3B82F6;
}
.showPage .sections .section table tbody tr td .icons a.edit:hover,
.showPage .sections .section table tbody tr th .icons a.edit:hover,
.showPage .sections .section table thead tr td .icons a.edit:hover,
.showPage .sections .section table thead tr th .icons a.edit:hover {
  color: #1E40AF;
}
.showPage .sections .section table tbody tr td .icons a.delete,
.showPage .sections .section table tbody tr th .icons a.delete,
.showPage .sections .section table thead tr td .icons a.delete,
.showPage .sections .section table thead tr th .icons a.delete {
  color: #DC2626;
}
.showPage .sections .section table tbody tr td .icons a.delete:hover,
.showPage .sections .section table tbody tr th .icons a.delete:hover,
.showPage .sections .section table thead tr td .icons a.delete:hover,
.showPage .sections .section table thead tr th .icons a.delete:hover {
  color: #B91C1C;
}
.showPage > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .showPage {
    margin: auto;
    max-width: 100rem;
  }
}
.sitterApplicationSubmitted {
  padding: 2rem;
}
.sitterApplicationSubmitted > p {
  margin: 2rem 0;
}
.sitterApplicationSubmitted > p:first-child {
  margin-top: 0;
}
.sitterApplicationSubmitted > p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .sitterApplicationSubmitted {
    margin: auto;
    max-width: 100rem;
  }
}
.sitterDetails {
  padding: 2rem;
}
.sitterDetails .profilePic {
  align-items: center;
  display: flex;
  height: 15rem;
  justify-content: center;
  margin: 2rem auto;
  position: relative;
  width: 15rem;
}
.sitterDetails .profilePic > div {
  background: #F9FAFB;
  border: #E5E7EB solid 0.1rem;
  border-radius: 100%;
  overflow: hidden;
}
.sitterDetails .profilePic > div img {
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
}
.sitterDetails .profilePic .favoriteHeartLink {
  left: 0;
  position: absolute;
  top: 0;
}
.sitterDetails .profilePic .favoriteHeartLink .favoriteHeart {
  color: #EC4899;
  display: block;
  font-size: 3.9rem;
}
.sitterDetails .profilePic .backgroundCheckCompleted {
  color: #10B981;
  display: block;
  font-size: 3.9rem;
  right: 0;
  position: absolute;
  top: 0;
}
.sitterDetails .rating {
  margin-left: auto;
  margin-right: auto;
}
.sitterDetails .viewReviews {
  font-size: 1.6rem;
  margin: 1rem 0;
  text-align: center;
}
.sitterDetails .friendsThatHaveBooked img {
  margin-top: 0.5rem;
  height: 7.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 7.5rem;
  border-radius: 50%;
  padding: 0.25rem;
}
.sitterDetails .friendsThatHaveBooked .numAdditionalFriends {
  font-size: 3rem;
  color: #3B82F6;
}
.sitterDetails .siteBtnLink {
  margin: 2rem 0;
}
.sitterDetails .siteBtnLink:last-child {
  margin-bottom: 0;
}
.sitterDetails .requestSitter .siteBtnLink {
  margin-bottom: 0;
}
.sitterDetails .requestSitter .noDateTimesWarning {
  color: #EC4899;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .sitterDetails {
    margin: auto;
    max-width: 100rem;
  }
}
.sitterGoals {
  padding: 2rem;
}
.sitterGoals h3 {
  font-size: 2.6rem;
  font-weight: normal;
  margin: 2rem 0;
}
.sitterGoals ol {
  list-style: decimal;
  margin: 2rem 0 0 3rem;
}
.sitterGoals ol li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 1rem 0;
}
.sitterGoals ol li:first-child {
  margin-top: 0;
}
.sitterGoals ol li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .sitterGoals {
    margin: auto;
    max-width: 100rem;
  }
}
.sitterSchedule {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .sitterSchedule {
    margin: auto;
    max-width: 100rem;
  }
}
.submitEmergencyBonus {
  padding: 2rem;
}
.submitEmergencyBonus .form > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .submitEmergencyBonus {
    margin: auto;
    max-width: 100rem;
  }
}
.submitTip {
  padding: 2rem;
}
.submitTip .form > p {
  margin: 2rem 0;
}

@media screen and (min-width: 768px) {
  .submitTip {
    margin: auto;
    max-width: 100rem;
  }
}
.termsAndConditions {
  padding: 2rem;
}
.termsAndConditions a {
  font-weight: bold;
}
.termsAndConditions h2 {
  color: #1E40AF;
  margin-bottom: 1rem;
}
.termsAndConditions h3 {
  border-top: #EC4899 solid 0.1rem;
  color: #EC4899;
  font-size: 2.6rem;
  font-weight: normal;
  margin: 2rem 0;
  padding-top: 2rem;
}
.termsAndConditions ol,
.termsAndConditions ul {
  margin: 2rem 0 2rem 3rem;
}
.termsAndConditions ol li,
.termsAndConditions ul li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 1rem 0;
}
.termsAndConditions ol li:first-child,
.termsAndConditions ul li:first-child {
  margin-top: 0;
}
.termsAndConditions ol li:last-child,
.termsAndConditions ul li:last-child {
  margin-bottom: 0;
}
.termsAndConditions ol {
  list-style: decimal;
}
.termsAndConditions ul {
  list-style: disc;
}
.termsAndConditions p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 2rem 0;
}
.termsAndConditions p:last-child {
  margin-bottom: 0;
}
.termsAndConditions .copyrightStatement {
  margin: 2rem 0;
}
.termsAndConditions .copyrightStatement ul {
  list-style: none;
  margin: 0 0 0 6rem;
}
.termsAndConditions .copyrightStatement ul li {
  margin: 0;
}
.termsAndConditions .addr {
  margin: 2rem 0;
}
.termsAndConditions .addr ul {
  list-style: none;
  margin: 0;
}
.termsAndConditions .addr ul li {
  margin: 0;
}
.termsAndConditions .addr2 {
  margin: 2rem 0;
}
.termsAndConditions .addr2 ul {
  list-style: none;
  margin: 0 0 0 3rem;
}
.termsAndConditions .addr2 ul li {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .termsAndConditions {
    margin: auto;
    max-width: 100rem;
  }
}
.unsubscribeToAllEmails {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .unsubscribeToAllEmails {
    margin: auto;
    max-width: 100rem;
  }
}
.verifyAccount {
  padding: 2rem;
}

@media screen and (min-width: 768px) {
  .verifyAccount {
    margin: auto;
    max-width: 100rem;
  }
}