.content-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
.content-container {
    max-width: 1280px;
}
}
@media (min-width: 1280px) {
.content-container {
    max-width: 1440px;
}
}
.dashboard-content {
  margin-top: 80px;
}
.title-page {
  font-size: 20px;
  font-weight: 500;
}

/* For WebKit browsers */
::-webkit-scrollbar {
  width: 10px; /* Adjust width as needed */
  height: 10px; /* For horizontal scrollbar */
}

/* Hide scrollbar arrows */
::-webkit-scrollbar-button {
  display: none; /* Removes the arrows */
}

/* Optional: Keep your transparent track and visible thumb */
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* For Firefox - arrows are automatically removed with 'thin' or 'none' */
html {
  scrollbar-width: thin; /* removes arrows in Firefox */
  scrollbar-color: #888 transparent;
}
.dp__theme_light .dp__cell_inner:not(.dp__cell_disabled) {
  color: #16c2d5;
}
.dp__theme_light .dp__cell_inner.dp__cell_offset {
  color: var(--dp-secondary-color);
}
.dp__theme_light .dp__cell_inner.dp__range_between_week, .dp__theme_light .dp__cell_inner.dp__active_date, .dp__theme_light .dp__cell_inner.dp__range_start, .dp__theme_light .dp__cell_inner.dp__range_end {
  color: #f3f3f3;
}
.dp__theme_light {
  --dp-primary-color: #16c2d5 !important;
  --dp-hover-color: #f3f3f3;
}
.title-and-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 20px;
}
.title-and-filter svg {
  margin-left: 4px;
}
.title-and-filter .title-datepicker-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.title-and-filter .datepicker-on-title {
  max-width: 40%;
}
.title-and-filter .datepicker-below-title {
  width: auto;
}
.title-and-filter .title-heading {
  font-size: 24px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.title-and-filter .date-navigation {
  display: flex;
  align-items: center;
  gap: 8px;
}
.title-and-filter .date-nav-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #333;
}
.title-and-filter .date-nav-button:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
.title-and-filter .date-nav-button:active {
  transform: scale(0.95);
}
.title-and-filter .date-nav-button svg {
  margin: 0;
}
.title-and-filter .date-picker-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  padding: 8px 12px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.title-and-filter .date-picker-trigger:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
.title-and-filter .date-picker-trigger svg {
  margin-left: 8px;
}
.card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e9ecef;
  min-width: 360px;
  width: 100%;
}
.card-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f3f4;
}
.card-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.card-title {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}
.card-content {
  font-size: 14px;
  color: #495057;
  line-height: 1.6;
}
.card-content > p {
  margin: 0;
  color: #495057;
}
.report-grid {
  display: flex;
  gap: 20px;
  padding-bottom: 48px;
}
.report-grid .overall-condition-grid {
  display: flex;
  flex-direction: column;
  width: 480px;
  min-width: 480px;
  flex-shrink: 0;
  gap: 20px;
}
.report-grid .overall-condition-grid .card {
  flex: 1 1 0%;
}
.report-grid .statistics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  flex-grow: 1;
  min-width: 0;
}
.report-grid .statistics-grid .engangement-card {
  grid-column: span 2;
}
.conditions-list {
  margin: 0;
}
.conditions-list .condition-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 0;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
  line-height: 1.5;
}
.conditions-list .condition-item:first-child {
  padding-top: 0;
}
.conditions-list .condition-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.conditions-list .condition-item .condition-name {
  font-weight: 700;
  color: #212529;
}
.conditions-list .condition-item .condition-value {
  font-weight: 400;
  color: #495057;
  line-height: 1.6;
}
.medication-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.medication-list .medication-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
  line-height: 1.5;
}
.medication-list .medication-item:first-child {
  padding-top: 0;
}
.medication-list .medication-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.medication-list .medication-item .medication-name {
  font-weight: 600;
  color: #212529;
}
.medication-list .medication-item .compliance-wrapper {
  display: flex;
  align-items: center;
}
.medication-list .medication-item .compliance-bar {
  width: 80px;
  height: 8px;
  background: #e9ecef;
  border-radius: 4px;
  overflow: hidden;
}
.medication-list .medication-item .compliance-bar .compliance-fill {
  height: 100%;
  background: #28a745;
  border-radius: 4px;
  transition: width 0.3s ease;
}
.medication-list .medication-item .compliance-text {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  min-width: 40px;
  margin-left: 10px;
  text-align: right;
}
.symptom-grid {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.symptom-grid .symptom-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
  line-height: 1.5;
}
.symptom-grid .symptom-item:first-child {
  padding-top: 0;
}
.symptom-grid .symptom-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.symptom-grid .symptom-item .symptom-name {
  font-weight: 600;
  color: #212529;
}
.symptom-grid .symptom-item .symptom-count {
  font-weight: 600;
  color: #495057;
  min-width: 30px;
  text-align: right;
}
.symptom-bubble-cloud {
  position: relative;
  margin: 0 auto;
  min-height: 200px;
  max-width: 100%;
  overflow: hidden;
}
.symptom-bubble {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  place-content: center;
  border-radius: 50%;
  color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease;
  cursor: default;
  box-sizing: border-box;
  padding: 10%;
  text-align: center;
}
.symptom-bubble:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.symptom-bubble .bubble-label {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}
.symptom-bubble .bubble-count {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-top: 4px;
  text-align: center;
}
.flagged-list {
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
  padding-right: 8px;
}
.flagged-list .flagged-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 0;
  font-size: 14px;
  line-height: 1.5;
}
.flagged-list .flagged-item:first-child {
  padding-top: 0;
}
.flagged-list .flagged-item:last-child {
  padding-bottom: 0;
}
.flagged-list .flagged-item .flagged-name {
  font-weight: 700;
  color: #212529;
}
.flagged-list .flagged-item .flagged-description {
  font-weight: 400;
  color: #495057;
  line-height: 1.6;
}
.notification-grid {
  display: flex;
  gap: 20px;
  padding-bottom: 48px;
}
.notification-grid .notifications-section {
  width: 550px;
  min-width: 550px;
  flex-shrink: 0;
  max-height: 72vh;
  overflow: auto;
}
.notification-grid .sidebar {
  flex-grow: 1;
  height: fit-content;
}
.notification-grid .sidebar-content {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.notification-grid .sidebar-content p {
  margin-bottom: 15px;
}
.notification-grid .sidebar-content .settings-info {
  font-size: 14px;
}
.notification-grid .sidebar-content .settings-link {
  color: #2196f3;
  text-decoration: underline;
  cursor: pointer;
}
.notification-grid .sidebar .footer-text {
  font-size: 12px;
  color: #666;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 4px;
  margin-top: 20px;
}
.notification-grid .sidebar .footer-button {
  text-align: right;
  margin-top: 24px;
}
.notification-wrapper {
  position: relative;
}
.notification-wrapper:last-child .notification {
  border-bottom: none;
}
.notification {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
  position: relative;
  cursor: pointer;
}
.notification:last-child {
  border-bottom: none;
}
.notification-date {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}
.notification-type {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.notification-type.alert {
  color: #d32f2f;
}
.notification-content {
  font-size: 14px;
  line-height: 1.4;
}
.notification-content .name,
.notification-content .condition,
.notification-content .medication {
  text-decoration: underline;
  color: #2196f3;
}
.notification-content .name {
  font-weight: bold;
}
@media (max-width: 728px) {
.report-grid,
  .notification-grid {
    flex-direction: column;
    gap: 12px;
    padding-bottom: 24px;
}
.report-grid .overall-condition-grid,
  .notification-grid .overall-condition-grid {
    gap: 12px;
}
.report-grid .statistics-grid,
  .notification-grid .statistics-grid {
    gap: 12px;
}
.report-grid .notifications-section,
  .notification-grid .notifications-section {
    min-width: unset;
}
.symptom-grid {
    grid-template-columns: 1fr;
}
}ion-content[data-v-56787b11] {
  --background: #0071bc;
  --color: #fff;
}
.container[data-v-56787b11] {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subtitle[data-v-56787b11] {
  margin-left: 20px;
  font-size: 18px;
}
.center[data-v-56787b11] {
  text-align: center;
}
.center ion-button[data-v-56787b11] {
  width: 250px;
  --border-radius: 0;
  --padding-top: 10px;
  --padding-bottom: 10px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.version[data-v-56787b11] {
  color: #16c2d5;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
ion-img[data-v-56787b11] {
  width: 440px;
}ion-content[data-v-d7aafb3e] {
  --background: #ffffff;
  --color: #333;
}
.container[data-v-d7aafb3e] {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subtitle[data-v-d7aafb3e] {
  margin-left: 20px;
  font-size: 18px;
}
.center[data-v-d7aafb3e] {
  text-align: center;
}
.center ion-button[data-v-d7aafb3e] {
  width: 250px;
  --border-radius: 0;
  --padding-top: 10px;
  --padding-bottom: 10px;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.sign-up[data-v-d7aafb3e] {
  color: #16c2d5;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
ion-img[data-v-d7aafb3e] {
  width: 440px;
}
ion-item[data-v-840a4615] {
  --padding-start: 0px;
}
ion-grid[data-v-840a4615] {
  --ion-grid-column-padding: 0px;
}
.regcard[data-v-840a4615] {
  display: flex;
  justify-content: center;
}
.linky[data-v-840a4615] {
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 14px;
}
.my-select[data-v-840a4615] {
  width: 100%;
}
.linky[data-v-840a4615]:hover {
  cursor: pointer;
}
.anerror[data-v-840a4615] {
  color: red;
  justify-content: center;
  display: flex;
  width: 100%;
}
.input-group {
&[data-v-840a4615] {
  position: relative;
  }
.icon[data-v-840a4615] {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
}
.account-type-section[data-v-840a4615] {
  margin-top: 20px;
}
.account-type-label[data-v-840a4615] {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
  display: block;
}
.account-type-group[data-v-840a4615] {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.account-type-card {
&[data-v-840a4615] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 2px solid var(--ion-color-medium, #92949c);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
  position: relative;
  }
&.selected[data-v-840a4615] {
    border-color: var(--ion-color-primary, #3880ff);
    background-color: rgba(56, 128, 255, 0.06);
}
}
.card-radio {
&[data-v-840a4615] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--ion-color-medium, #92949c);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s;
  }
&.checked[data-v-840a4615] {
    border-color: var(--ion-color-primary, #3880ff);
}
}
.card-radio-inner {
&[data-v-840a4615] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--ion-color-primary, #3880ff);
  transform: scale(0);
  transition: transform 0.2s;
  }
.checked &[data-v-840a4615] {
    transform: scale(1);
}
}
.card-content[data-v-840a4615] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}
.card-title[data-v-840a4615] {
  font-weight: 600;
  font-size: 15px;
}
.help-icon-wrapper[data-v-840a4615] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.help-icon {
ion-icon[data-v-840a4615] {
    font-size: 18px;
    color: #16c2d5;
    cursor: pointer;
}
}
.hover-popover {
&[data-v-840a4615] {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  z-index: 9999;
  background: #10217d;
  border-radius: 4px;
  padding: 16px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
  min-width: 250px;
  margin-left: 8px;
  }
&[data-v-840a4615]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 15px;
    background: transparent;
}
h4[data-v-840a4615] {
    text-align: center;
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: white;
    margin: 5px 0 10px 0;
}
p[data-v-840a4615] {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: white;
    display: block;
    margin: 4px 0;
}
}

ion-card {
  overflow: visible !important;
  contain: none !important;
}
ion-card-content {
  overflow: visible !important;
}

ion-item[data-v-9d340779] {
  --padding-start: 0px;
}
ion-grid[data-v-9d340779] {
  --ion-grid-column-padding: 0px;
}
ion-input[data-v-9d340779] {
  width: 360px;
}
.regcard[data-v-9d340779] {
  display: flex;
  justify-content: center;
}
.linky[data-v-9d340779] {
  font-size: 14px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.linky[data-v-9d340779]:hover {
  cursor: pointer;
}
.rederror[data-v-9d340779] {
  color: var(--ion-color-danger);
}
.input-group {
&[data-v-9d340779] {
  position: relative;
  }
.icon[data-v-9d340779] {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
}
ion-label[data-v-9e31fdcd] {
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
}
ion-item[data-v-9e31fdcd] {
  --min-height: 35px;
  border: 1px solid #7989A0;
  box-shadow: 4px 4px 4px rgba(16, 33, 125, 0.1);
  border-radius: 4px;
  --padding-start: 10px;
}
ion-item ion-input[data-v-9e31fdcd] {
  --padding-top: 1px;
  --padding-bottom: 1px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
}
ion-item ion-icon[data-v-9e31fdcd] {
  font-size: 16px;
}
textarea[data-v-9e31fdcd] {
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
}
ion-item[data-v-9e31fdcd]:has(textarea) {
  --min-height: unset;
  align-items: flex-start;
  height: auto;
}
textarea[data-v-9e31fdcd] {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  overflow: hidden;
  min-height: 35px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
  padding: 8px;
  box-sizing: border-box;
}ion-label[data-v-ef4af802] {
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
}
ion-item[data-v-ef4af802] {
  --min-height: 35px;
  border: 1px solid #7989A0;
  box-shadow: 4px 4px 4px rgba(16, 33, 125, 0.1);
  border-radius: 4px;
  --padding-start: 10px;
}
ion-item ion-input[data-v-ef4af802] {
  --padding-top: 1px;
  --padding-bottom: 1px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
}
ion-item ion-icon[data-v-ef4af802] {
  font-size: 16px;
}
textarea[data-v-ef4af802] {
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
}.addPhotoEllipse[data-v-ce4c9243] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.camera[data-v-ce4c9243] {
  position: absolute;
  background: #16c2d5;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  bottom: -5px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.camera ion-icon[data-v-ce4c9243] {
  font-size: 24px;
}
ion-avatar[data-v-ce4c9243] {
  width: 75px;
  height: 75px;
}
h2[data-v-ce4c9243] {
  text-align: center;
  margin-top: 30px;
}
p[data-v-ce4c9243] {
  margin: 10px 0 0 0;
}
.forgot-link[data-v-ce4c9243] {
  color: #5f6f86;
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}
.payment-info[data-v-ce4c9243] {
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  margin-top: 20px;
  color: black;
  cursor: pointer;
}
.btnContainer[data-v-ce4c9243] {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.saveBtn[data-v-ce4c9243] {
  --color: black;
  font-size: 16px;
  width: 150px;
  height: 40px;
}
.saveBtn[data-v-ce4c9243]::part(native) {
  width: 150px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.cancelBtn[data-v-ce4c9243] {
  --border-color: black;
  --color: black;
  --background: transparent;
  height: 40px;
  width: 150px;
}
.cancelBtn[data-v-ce4c9243]::part(native) {
  width: 150px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.button-group[data-v-ce4c9243] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  margin-right: 20px;
}.addPhotoEllipse[data-v-0c294725] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.camera[data-v-0c294725] {
  position: absolute;
  background: #16c2d5;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  bottom: -5px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.camera ion-icon[data-v-0c294725] {
  font-size: 24px;
}
ion-avatar[data-v-0c294725] {
  width: 75px;
  height: 75px;
}
h2[data-v-0c294725] {
  text-align: center;
  margin-top: 30px;
}
p[data-v-0c294725] {
  margin: 10px 0 0 0;
}
.forgot-link[data-v-0c294725] {
  color: #5f6f86;
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}
.payment-info[data-v-0c294725] {
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  margin-top: 20px;
  color: black;
  cursor: pointer;
}
.btnContainer[data-v-0c294725] {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.saveBtn[data-v-0c294725] {
  --color: black;
  font-size: 16px;
  width: 150px;
  height: 40px;
}
.saveBtn[data-v-0c294725]::part(native) {
  width: 150px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.cancelBtn[data-v-0c294725] {
  --border-color: black;
  --color: black;
  --background: transparent;
  height: 40px;
  width: 150px;
}
.cancelBtn[data-v-0c294725]::part(native) {
  width: 150px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.button-group[data-v-0c294725] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  margin-right: 20px;
}
.divider[data-v-0c294725] {
  width: 100%;
  padding-bottom: 4px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 20px;
  border-bottom: 1px solid black;
}
.readonly-label[data-v-0c294725] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #2d3137;
  margin-bottom: 4px;
}
.readonly-value[data-v-0c294725] {
  font-size: 16px;
  color: #6b7680;
  padding: 8px 0;
}
.logout[data-v-0c294725] {
  margin-left: 8px;
  margin-top: 12px;
  color: black;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}.profile-popover[data-v-3d3f9e19] {
  --min-width: 500px;
}
.navbarLink[data-v-3d3f9e19] {
  font-family: "Lato" !important;
  font-style: normal;
  font-size: 16px;
  color: #527c88;
}
.navbarLink.active[data-v-3d3f9e19] {
  font-weight: bold;
}
.navbarLink[data-v-3d3f9e19]:hover {
  cursor: pointer;
  color: #10217d;
}
.subNavbarLink[data-v-3d3f9e19] {
  font-family: "Lato" !important;
  font-style: normal;
  font-size: 16px;
  color: black;
}
.subNavbarLink[data-v-3d3f9e19]:hover {
  cursor: pointer;
  color: #10217d;
}
.profile[data-v-3d3f9e19] {
  margin-left: auto;
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.profile ion-icon[data-v-3d3f9e19] {
  font-size: 24px;
  margin-right: 8px;
}
.navbar-content[data-v-3d3f9e19] {
  display: flex;
  align-items: center;
  gap: 48px;
}
ion-item[data-v-fcd183e2] {
  --padding-start: 0px;
}
ion-grid[data-v-fcd183e2] {
  --ion-grid-column-padding: 0px;
}
.regcard[data-v-fcd183e2] {
  display: flex;
  justify-content: center;
}
.loading {
&[data-v-fcd183e2] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 440px;
  padding: 80px 0px;
  }
ion-spinner[data-v-fcd183e2] {
    width: 70px;
    height: 70px;
}
}
.input-group {
&[data-v-fcd183e2] {
  position: relative;
  }
.icon[data-v-fcd183e2] {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
}
.subheading[data-v-fcd183e2] {
  max-width: 400px;
  margin-bottom: 20px;
}
.forgot-link[data-v-fcd183e2] {
  color: var(--ion-color-primary, #3880ff);
  cursor: pointer;
  text-align: center;
  display: block;
}
ion-card[data-v-c6565d17] {
  width: 420px;
}
ion-item[data-v-c6565d17] {
  --padding-start: 0px;
}
ion-grid[data-v-c6565d17] {
  --ion-grid-column-padding: 0px;
}
ion-input[data-v-c6565d17] {
  width: 360px;
}
.regcard[data-v-c6565d17] {
  display: flex;
  justify-content: center;
}
.button-action[data-v-c6565d17] {
  margin-top: 30px;
}
.input-group[data-v-c6565d17] {
  position: relative;
}
.input-group .icon[data-v-c6565d17] {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.subheading[data-v-c6565d17] {
  max-width: 360px;
  margin-bottom: 20px;
}
.disabled-email[data-v-c6565d17] {
  opacity: 0.6;
}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding) !important}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transition: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-input-not-clearable-padding: 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
.loading-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
}
.loading-wrapper ion-spinner {
  height: 56px;
  width: 56px;
}.multiselect{align-items:center;background:var(--ms-bg,#fff);border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-font-size,1rem);justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{background:var(--ms-bg-disabled,#f3f4f6);cursor:default}.multiselect.is-active{border:var(--ms-border-width-active,var(--ms-border-width,1px)) solid var(--ms-border-color-active,var(--ms-border-color,#d1d5db));box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.188))}.multiselect-wrapper{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;margin:0 auto;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);outline:none;position:relative;width:100%}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:100%;left:0;line-height:var(--ms-line-height,1.375);max-width:100%;padding-left:var(--ms-px,.875rem);padding-right:calc(1.25rem + var(--ms-px, .875rem)*3);pointer-events:none;position:absolute;top:0}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-single-label-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ms-bg,#fff);border:0;border-radius:var(--ms-radius,4px);bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;height:100%;left:0;outline:none;padding-left:var(--ms-px,.875rem);position:absolute;right:0;top:0;width:100%}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem)}.multiselect-tag,.multiselect-tags{align-items:center;display:flex;min-width:0}.multiselect-tag{background:var(--ms-tag-bg,#10b981);border-radius:var(--ms-tag-radius,4px);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);font-weight:var(--ms-tag-font-weight,600);line-height:var(--ms-tag-line-height,1.25rem);margin-bottom:var(--ms-tag-my,.25rem);margin-right:var(--ms-tag-mx,.25rem);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);white-space:nowrap}.multiselect-tag.is-disabled{background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff);padding-right:var(--ms-tag-px,.5rem)}.multiselect-tag-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-tag-wrapper-break{white-space:normal;word-break:break-all}.multiselect-tag-remove{align-items:center;border-radius:var(--ms-tag-remove-radius,4px);display:flex;justify-content:center;margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.063)}.multiselect-tag-remove-icon{background-color:currentColor;display:inline-block;height:.75rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.8;width:.75rem}.multiselect-tags-search-wrapper{display:inline-block;flex-grow:1;flex-shrink:1;height:100%;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);position:relative}.multiselect-tags-search-copy{display:inline-block;height:1px;visibility:hidden;white-space:pre-wrap;width:100%}.multiselect-tags-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;bottom:0;box-sizing:border-box;font-family:inherit;font-size:inherit;left:0;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-inifite{align-items:center;display:flex;justify-content:center;min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2);width:100%}.multiselect-inifite-spinner,.multiselect-spinner{animation:multiselect-spin 1s linear infinite;background-color:var(--ms-spinner-color,#10b981);flex-grow:0;flex-shrink:0;height:1rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1rem;z-index:10}.multiselect-spinner{margin:0 var(--ms-px,.875rem) 0 0}.multiselect-clear{display:flex;flex-grow:0;flex-shrink:0;opacity:1;padding:0 var(--ms-px,.875rem) 0 0;position:relative;transition:.3s;z-index:10}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{background-color:var(--ms-clear-color,#999);display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");transition:.3s}.multiselect-caret,.multiselect-clear-icon{height:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem}.multiselect-caret{background-color:var(--ms-caret-color,#999);flex-grow:0;flex-shrink:0;margin:0 var(--ms-px,.875rem) 0 0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");pointer-events:none;position:relative;transform:rotate(0deg);transition:transform .3s;z-index:10}.multiselect-caret.is-open{pointer-events:auto;transform:rotate(180deg)}.multiselect-dropdown{-webkit-overflow-scrolling:touch;background:var(--ms-dropdown-bg,#fff);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);bottom:0;display:flex;flex-direction:column;left:calc(var(--ms-border-width, 1px)*-1);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:var(--ms-max-height,10rem);outline:none;overflow-y:scroll;position:absolute;right:calc(var(--ms-border-width, 1px)*-1);transform:translateY(100%);z-index:100}.multiselect-dropdown.is-top{border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0;bottom:auto;top:var(--ms-border-width,1px);transform:translateY(-100%)}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.multiselect-group{margin:0;padding:0}.multiselect-group-label{align-items:center;background:var(--ms-group-label-bg,#e5e7eb);box-sizing:border-box;color:var(--ms-group-label-color,#374151);cursor:default;display:flex;font-size:.875rem;font-weight:600;justify-content:flex-start;line-height:var(--ms-group-label-line-height,1.375);padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);text-align:left;text-decoration:none}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{margin:0;padding:0}.multiselect-option{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--ms-option-font-size,1rem);justify-content:flex-start;line-height:var(--ms-option-line-height,1.375);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);text-align:left;text-decoration:none}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{color:var(--ms-empty-color,#4b5563);padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem)}.multiselect-fake-input{background:transparent;border:0;bottom:-1px;font-size:0;height:1px;left:0;outline:none;padding:0;position:absolute;right:0;width:100%}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-assistive-text{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.multiselect-spacer{display:none}[dir=rtl] .multiselect-multiple-label,[dir=rtl] .multiselect-placeholder,[dir=rtl] .multiselect-single-label{left:auto;padding-left:calc(1.25rem + var(--ms-px, .875rem)*3);padding-right:var(--ms-px,.875rem);right:0}[dir=rtl] .multiselect-search{padding-left:0;padding-right:var(--ms-px,.875rem)}[dir=rtl] .multiselect-tags{padding-left:0;padding-right:var(--ms-py,.5rem)}[dir=rtl] .multiselect-tag{margin-left:var(--ms-tag-mx,.25rem);margin-right:0;padding:var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem) var(--ms-tag-py,.125rem) 0}[dir=rtl] .multiselect-tag.is-disabled{padding-left:var(--ms-tag-px,.5rem)}[dir=rtl] .multiselect-caret,[dir=rtl] .multiselect-spinner{margin:0 0 0 var(--ms-px,.875rem)}[dir=rtl] .multiselect-clear{padding:0 0 0 var(--ms-px,.875rem)}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */
audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */
.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */
.ion-align-content-start{align-content:flex-start !important}.ion-align-content-end{align-content:flex-end !important}.ion-align-content-center{align-content:center !important}.ion-align-content-between{align-content:space-between !important}.ion-align-content-around{align-content:space-around !important}.ion-align-content-stretch{align-content:stretch !important}@media(min-width: 576px){.ion-align-content-sm-start{align-content:flex-start !important}.ion-align-content-sm-end{align-content:flex-end !important}.ion-align-content-sm-center{align-content:center !important}.ion-align-content-sm-between{align-content:space-between !important}.ion-align-content-sm-around{align-content:space-around !important}.ion-align-content-sm-stretch{align-content:stretch !important}}@media(min-width: 768px){.ion-align-content-md-start{align-content:flex-start !important}.ion-align-content-md-end{align-content:flex-end !important}.ion-align-content-md-center{align-content:center !important}.ion-align-content-md-between{align-content:space-between !important}.ion-align-content-md-around{align-content:space-around !important}.ion-align-content-md-stretch{align-content:stretch !important}}@media(min-width: 992px){.ion-align-content-lg-start{align-content:flex-start !important}.ion-align-content-lg-end{align-content:flex-end !important}.ion-align-content-lg-center{align-content:center !important}.ion-align-content-lg-between{align-content:space-between !important}.ion-align-content-lg-around{align-content:space-around !important}.ion-align-content-lg-stretch{align-content:stretch !important}}@media(min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start !important}.ion-align-content-xl-end{align-content:flex-end !important}.ion-align-content-xl-center{align-content:center !important}.ion-align-content-xl-between{align-content:space-between !important}.ion-align-content-xl-around{align-content:space-around !important}.ion-align-content-xl-stretch{align-content:stretch !important}}.ion-align-items-start{align-items:start !important}.ion-align-items-end{align-items:end !important}.ion-align-items-center{align-items:center !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}@media(min-width: 576px){.ion-align-items-sm-start{align-items:start !important}.ion-align-items-sm-end{align-items:end !important}.ion-align-items-sm-center{align-items:center !important}.ion-align-items-sm-stretch{align-items:stretch !important}.ion-align-items-sm-baseline{align-items:baseline !important}}@media(min-width: 768px){.ion-align-items-md-start{align-items:start !important}.ion-align-items-md-end{align-items:end !important}.ion-align-items-md-center{align-items:center !important}.ion-align-items-md-stretch{align-items:stretch !important}.ion-align-items-md-baseline{align-items:baseline !important}}@media(min-width: 992px){.ion-align-items-lg-start{align-items:start !important}.ion-align-items-lg-end{align-items:end !important}.ion-align-items-lg-center{align-items:center !important}.ion-align-items-lg-stretch{align-items:stretch !important}.ion-align-items-lg-baseline{align-items:baseline !important}}@media(min-width: 1200px){.ion-align-items-xl-start{align-items:start !important}.ion-align-items-xl-end{align-items:end !important}.ion-align-items-xl-center{align-items:center !important}.ion-align-items-xl-stretch{align-items:stretch !important}.ion-align-items-xl-baseline{align-items:baseline !important}}.ion-align-self-start{align-self:start !important}.ion-align-self-end{align-self:end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}@media(min-width: 576px){.ion-align-self-sm-start{align-self:start !important}.ion-align-self-sm-end{align-self:end !important}.ion-align-self-sm-center{align-self:center !important}.ion-align-self-sm-stretch{align-self:stretch !important}.ion-align-self-sm-baseline{align-self:baseline !important}.ion-align-self-sm-auto{align-self:auto !important}}@media(min-width: 768px){.ion-align-self-md-start{align-self:start !important}.ion-align-self-md-end{align-self:end !important}.ion-align-self-md-center{align-self:center !important}.ion-align-self-md-stretch{align-self:stretch !important}.ion-align-self-md-baseline{align-self:baseline !important}.ion-align-self-md-auto{align-self:auto !important}}@media(min-width: 992px){.ion-align-self-lg-start{align-self:start !important}.ion-align-self-lg-end{align-self:end !important}.ion-align-self-lg-center{align-self:center !important}.ion-align-self-lg-stretch{align-self:stretch !important}.ion-align-self-lg-baseline{align-self:baseline !important}.ion-align-self-lg-auto{align-self:auto !important}}@media(min-width: 1200px){.ion-align-self-xl-start{align-self:start !important}.ion-align-self-xl-end{align-self:end !important}.ion-align-self-xl-center{align-self:center !important}.ion-align-self-xl-stretch{align-self:stretch !important}.ion-align-self-xl-baseline{align-self:baseline !important}.ion-align-self-xl-auto{align-self:auto !important}}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-evenly{justify-content:space-evenly !important}@media(min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start !important}.ion-justify-content-sm-end{justify-content:flex-end !important}.ion-justify-content-sm-center{justify-content:center !important}.ion-justify-content-sm-between{justify-content:space-between !important}.ion-justify-content-sm-around{justify-content:space-around !important}.ion-justify-content-sm-evenly{justify-content:space-evenly !important}}@media(min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start !important}.ion-justify-content-md-end{justify-content:flex-end !important}.ion-justify-content-md-center{justify-content:center !important}.ion-justify-content-md-between{justify-content:space-between !important}.ion-justify-content-md-around{justify-content:space-around !important}.ion-justify-content-md-evenly{justify-content:space-evenly !important}}@media(min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start !important}.ion-justify-content-lg-end{justify-content:flex-end !important}.ion-justify-content-lg-center{justify-content:center !important}.ion-justify-content-lg-between{justify-content:space-between !important}.ion-justify-content-lg-around{justify-content:space-around !important}.ion-justify-content-lg-evenly{justify-content:space-evenly !important}}@media(min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start !important}.ion-justify-content-xl-end{justify-content:flex-end !important}.ion-justify-content-xl-center{justify-content:center !important}.ion-justify-content-xl-between{justify-content:space-between !important}.ion-justify-content-xl-around{justify-content:space-around !important}.ion-justify-content-xl-evenly{justify-content:space-evenly !important}}.ion-flex-row{flex-direction:row !important}.ion-flex-row-reverse{flex-direction:row-reverse !important}.ion-flex-column{flex-direction:column !important}.ion-flex-column-reverse{flex-direction:column-reverse !important}@media(min-width: 576px){.ion-flex-sm-row{flex-direction:row !important}.ion-flex-sm-row-reverse{flex-direction:row-reverse !important}.ion-flex-sm-column{flex-direction:column !important}.ion-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 768px){.ion-flex-md-row{flex-direction:row !important}.ion-flex-md-row-reverse{flex-direction:row-reverse !important}.ion-flex-md-column{flex-direction:column !important}.ion-flex-md-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 992px){.ion-flex-lg-row{flex-direction:row !important}.ion-flex-lg-row-reverse{flex-direction:row-reverse !important}.ion-flex-lg-column{flex-direction:column !important}.ion-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media(min-width: 1200px){.ion-flex-xl-row{flex-direction:row !important}.ion-flex-xl-row-reverse{flex-direction:row-reverse !important}.ion-flex-xl-column{flex-direction:column !important}.ion-flex-xl-column-reverse{flex-direction:column-reverse !important}}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-flex-wrap{flex-wrap:wrap !important}.ion-flex-nowrap{flex-wrap:nowrap !important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse !important}@media(min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap !important}.ion-flex-sm-nowrap{flex-wrap:nowrap !important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap !important}.ion-flex-md-nowrap{flex-wrap:nowrap !important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap !important}.ion-flex-lg-nowrap{flex-wrap:nowrap !important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}}@media(min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap !important}.ion-flex-xl-nowrap{flex-wrap:nowrap !important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}}.ion-flex-1{flex:1 !important}.ion-flex-auto{flex:auto !important}.ion-flex-initial{flex:initial !important}.ion-flex-none{flex:none !important}@media(min-width: 576px){.ion-flex-sm-1{flex:1 !important}.ion-flex-sm-auto{flex:auto !important}.ion-flex-sm-initial{flex:initial !important}.ion-flex-sm-none{flex:none !important}}@media(min-width: 768px){.ion-flex-md-1{flex:1 !important}.ion-flex-md-auto{flex:auto !important}.ion-flex-md-initial{flex:initial !important}.ion-flex-md-none{flex:none !important}}@media(min-width: 992px){.ion-flex-lg-1{flex:1 !important}.ion-flex-lg-auto{flex:auto !important}.ion-flex-lg-initial{flex:initial !important}.ion-flex-lg-none{flex:none !important}}@media(min-width: 1200px){.ion-flex-xl-1{flex:1 !important}.ion-flex-xl-auto{flex:auto !important}.ion-flex-xl-initial{flex:initial !important}.ion-flex-xl-none{flex:none !important}}.ion-flex-grow-0{flex-grow:0 !important}.ion-flex-grow-1{flex-grow:1 !important}.ion-flex-shrink-0{flex-shrink:0 !important}.ion-flex-shrink-1{flex-shrink:1 !important}@media(min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0 !important}.ion-flex-sm-grow-1{flex-grow:1 !important}.ion-flex-sm-shrink-0{flex-shrink:0 !important}.ion-flex-sm-shrink-1{flex-shrink:1 !important}}@media(min-width: 768px){.ion-flex-md-grow-0{flex-grow:0 !important}.ion-flex-md-grow-1{flex-grow:1 !important}.ion-flex-md-shrink-0{flex-shrink:0 !important}.ion-flex-md-shrink-1{flex-shrink:1 !important}}@media(min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0 !important}.ion-flex-lg-grow-1{flex-grow:1 !important}.ion-flex-lg-shrink-0{flex-shrink:0 !important}.ion-flex-lg-shrink-1{flex-shrink:1 !important}}@media(min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0 !important}.ion-flex-xl-grow-1{flex-grow:1 !important}.ion-flex-xl-shrink-0{flex-shrink:0 !important}.ion-flex-xl-shrink-1{flex-shrink:1 !important}}.ion-order-first{order:-1 !important}.ion-order-0{order:0 !important}.ion-order-1{order:1 !important}.ion-order-2{order:2 !important}.ion-order-3{order:3 !important}.ion-order-4{order:4 !important}.ion-order-5{order:5 !important}.ion-order-6{order:6 !important}.ion-order-7{order:7 !important}.ion-order-8{order:8 !important}.ion-order-9{order:9 !important}.ion-order-10{order:10 !important}.ion-order-11{order:11 !important}.ion-order-12{order:12 !important}.ion-order-last{order:13 !important}@media(min-width: 576px){.ion-order-sm-first{order:-1 !important}.ion-order-sm-0{order:0 !important}.ion-order-sm-1{order:1 !important}.ion-order-sm-2{order:2 !important}.ion-order-sm-3{order:3 !important}.ion-order-sm-4{order:4 !important}.ion-order-sm-5{order:5 !important}.ion-order-sm-6{order:6 !important}.ion-order-sm-7{order:7 !important}.ion-order-sm-8{order:8 !important}.ion-order-sm-9{order:9 !important}.ion-order-sm-10{order:10 !important}.ion-order-sm-11{order:11 !important}.ion-order-sm-12{order:12 !important}.ion-order-sm-last{order:13 !important}}@media(min-width: 768px){.ion-order-md-first{order:-1 !important}.ion-order-md-0{order:0 !important}.ion-order-md-1{order:1 !important}.ion-order-md-2{order:2 !important}.ion-order-md-3{order:3 !important}.ion-order-md-4{order:4 !important}.ion-order-md-5{order:5 !important}.ion-order-md-6{order:6 !important}.ion-order-md-7{order:7 !important}.ion-order-md-8{order:8 !important}.ion-order-md-9{order:9 !important}.ion-order-md-10{order:10 !important}.ion-order-md-11{order:11 !important}.ion-order-md-12{order:12 !important}.ion-order-md-last{order:13 !important}}@media(min-width: 992px){.ion-order-lg-first{order:-1 !important}.ion-order-lg-0{order:0 !important}.ion-order-lg-1{order:1 !important}.ion-order-lg-2{order:2 !important}.ion-order-lg-3{order:3 !important}.ion-order-lg-4{order:4 !important}.ion-order-lg-5{order:5 !important}.ion-order-lg-6{order:6 !important}.ion-order-lg-7{order:7 !important}.ion-order-lg-8{order:8 !important}.ion-order-lg-9{order:9 !important}.ion-order-lg-10{order:10 !important}.ion-order-lg-11{order:11 !important}.ion-order-lg-12{order:12 !important}.ion-order-lg-last{order:13 !important}}@media(min-width: 1200px){.ion-order-xl-first{order:-1 !important}.ion-order-xl-0{order:0 !important}.ion-order-xl-1{order:1 !important}.ion-order-xl-2{order:2 !important}.ion-order-xl-3{order:3 !important}.ion-order-xl-4{order:4 !important}.ion-order-xl-5{order:5 !important}.ion-order-xl-6{order:6 !important}.ion-order-xl-7{order:7 !important}.ion-order-xl-8{order:8 !important}.ion-order-xl-9{order:9 !important}.ion-order-xl-10{order:10 !important}.ion-order-xl-11{order:11 !important}.ion-order-xl-12{order:12 !important}.ion-order-xl-last{order:13 !important}}/*# sourceMappingURL=flex-utils.css.map */
.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}.ion-display-none{display:none !important}@media(min-width: 576px){.ion-display-sm-none{display:none !important}}@media(min-width: 768px){.ion-display-md-none{display:none !important}}@media(min-width: 992px){.ion-display-lg-none{display:none !important}}@media(min-width: 1200px){.ion-display-xl-none{display:none !important}}.ion-display-inline{display:inline !important}@media(min-width: 576px){.ion-display-sm-inline{display:inline !important}}@media(min-width: 768px){.ion-display-md-inline{display:inline !important}}@media(min-width: 992px){.ion-display-lg-inline{display:inline !important}}@media(min-width: 1200px){.ion-display-xl-inline{display:inline !important}}.ion-display-inline-block{display:inline-block !important}@media(min-width: 576px){.ion-display-sm-inline-block{display:inline-block !important}}@media(min-width: 768px){.ion-display-md-inline-block{display:inline-block !important}}@media(min-width: 992px){.ion-display-lg-inline-block{display:inline-block !important}}@media(min-width: 1200px){.ion-display-xl-inline-block{display:inline-block !important}}.ion-display-block{display:block !important}@media(min-width: 576px){.ion-display-sm-block{display:block !important}}@media(min-width: 768px){.ion-display-md-block{display:block !important}}@media(min-width: 992px){.ion-display-lg-block{display:block !important}}@media(min-width: 1200px){.ion-display-xl-block{display:block !important}}.ion-display-flex{display:flex !important}@media(min-width: 576px){.ion-display-sm-flex{display:flex !important}}@media(min-width: 768px){.ion-display-md-flex{display:flex !important}}@media(min-width: 992px){.ion-display-lg-flex{display:flex !important}}@media(min-width: 1200px){.ion-display-xl-flex{display:flex !important}}.ion-display-inline-flex{display:inline-flex !important}@media(min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.ion-display-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex !important}}.ion-display-grid{display:grid !important}@media(min-width: 576px){.ion-display-sm-grid{display:grid !important}}@media(min-width: 768px){.ion-display-md-grid{display:grid !important}}@media(min-width: 992px){.ion-display-lg-grid{display:grid !important}}@media(min-width: 1200px){.ion-display-xl-grid{display:grid !important}}.ion-display-inline-grid{display:inline-grid !important}@media(min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid !important}}@media(min-width: 768px){.ion-display-md-inline-grid{display:inline-grid !important}}@media(min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid !important}}@media(min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid !important}}.ion-display-table{display:table !important}@media(min-width: 576px){.ion-display-sm-table{display:table !important}}@media(min-width: 768px){.ion-display-md-table{display:table !important}}@media(min-width: 992px){.ion-display-lg-table{display:table !important}}@media(min-width: 1200px){.ion-display-xl-table{display:table !important}}.ion-display-table-cell{display:table-cell !important}@media(min-width: 576px){.ion-display-sm-table-cell{display:table-cell !important}}@media(min-width: 768px){.ion-display-md-table-cell{display:table-cell !important}}@media(min-width: 992px){.ion-display-lg-table-cell{display:table-cell !important}}@media(min-width: 1200px){.ion-display-xl-table-cell{display:table-cell !important}}.ion-display-table-row{display:table-row !important}@media(min-width: 576px){.ion-display-sm-table-row{display:table-row !important}}@media(min-width: 768px){.ion-display-md-table-row{display:table-row !important}}@media(min-width: 992px){.ion-display-lg-table-row{display:table-row !important}}@media(min-width: 1200px){.ion-display-xl-table-row{display:table-row !important}}/*# sourceMappingURL=display.css.map */
ion-modal {
  --border-radius: 10px;
  --width: 75%;
  --height: 85%;
}

ion-button {
  --border-radius: 5px;
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  --background: #16c2d5;
  --background-hover: #89dee2;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

ion-segment-button {
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}

ion-label {
  font-family: "Lato" !important;
  font-style: normal;
}

.input-font {
  font-family: "Lato" !important;
  font-style: normal;
  font-size: 14px;
}

p,
h2 {
  font-family: "Lato" !important;
  font-style: normal;
}

.custom-popover ion-select-popover ion-list {
  background: #4550f5;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #b5bdca;
  box-shadow: 4px 4px 4px rgba(16, 33, 125, 0.1);
  border-radius: 4px;
}

.custom-popover ion-select-popover ion-item {
  /* --background: #45fe32; */
  --inner-border-width: 0;
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  --background: white !important;
  --background-focused: white !important;
  --background-hover: white !important;
  --background-activated: white !important;
  --min-height: 35px;
}
.custom-popover ion-select-popover ion-item ion-checkbox {
  margin: 10px;
}

ion-menu-toggle {
  text-align: center;
  margin-bottom: 30px;
}
ion-menu-toggle ion-button {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 40px;
}
ion-menu-toggle .addBtn {
  --background: #16c2d5;
  margin-right: 15px;
  --color: black;
}
ion-menu-toggle .cancelBtn {
  --background: white !important;
  --color: black;
  --border-color: black;
  --border-width: 1px;
  margin-left: 15px;
}

.custom-popover ion-select-popover ion-item:hover {
  --color: #10217d;
}

.custom-popover {
  --min-width: 250px;
  --width: auto;
}

.custom {
  --width: 550px;
}

.noExistText {
  font-family: "Lato" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.trashBtn {
  --background: transparent;
}

ion-text.error {
  font-size: 12px;
}

.checkboxes-container {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.checkboxes-container ion-item.date {
  width: 120px;
}
.checkboxes-container.med {
  gap: 0px;
}

label.checkbox {
  cursor: pointer;
  margin-right: 1rem;
  padding-left: 1.75rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
label.checkbox input[type=checkbox]:focus ~ span {
  border: 2px solid rgb(169.75, 175.95, 185.25);
}
label.checkbox input[type=checkbox]:focus:checked ~ span {
  border: 2px solid rgb(0, 84.8442211055, 234.5);
}
label.checkbox input[type=checkbox]:checked ~ span {
  color: #ffffff;
  background: #3880ff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;
  border: 2px solid #3880ff;
}
label.checkbox span {
  border-radius: 3px;
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: white;
  border: 2px solid rgb(211.825, 214.965, 219.675);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */

/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;

  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;

  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;

  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;

  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;

  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;

  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;

  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;

  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}
.my-custom-class .modal-wrapper {
  background: #222;
}

ion-modal.poppy {
  --width: 520px;
  --border-radius: 12px;
  --background: #ffffff;
  --box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

ion-modal.poppy-invite {
  --height: 80%;
}

ion-modal.poppy-edit {
  --height: 650px;
}

ion-modal.poppy ion-content {
  --padding-top: 24px;
  --padding-bottom: 24px;
  --padding-start: 24px;
  --padding-end: 24px;
  --background: #ffffff;
}


@media (prefers-color-scheme: dark) {
  /*
   * Dark Colors
   * -------------------------------------------
   */

  body {
    --ion-color-primary: #428cff;
    --ion-color-primary-rgb: 66,140,255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #3a7be0;
    --ion-color-primary-tint: #5598ff;

    --ion-color-secondary: #50c8ff;
    --ion-color-secondary-rgb: 80,200,255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #46b0e0;
    --ion-color-secondary-tint: #62ceff;

    --ion-color-tertiary: #6a64ff;
    --ion-color-tertiary-rgb: 106,100,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #5d58e0;
    --ion-color-tertiary-tint: #7974ff;

    --ion-color-success: #2fdf75;
    --ion-color-success-rgb: 47,223,117;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0,0,0;
    --ion-color-success-shade: #29c467;
    --ion-color-success-tint: #44e283;

    --ion-color-warning: #ffd534;
    --ion-color-warning-rgb: 255,213,52;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0,0,0;
    --ion-color-warning-shade: #e0bb2e;
    --ion-color-warning-tint: #ffd948;

    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb: 255,73,97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;

    --ion-color-dark: #f4f5f8;
    --ion-color-dark-rgb: 244,245,248;
    --ion-color-dark-contrast: #000000;
    --ion-color-dark-contrast-rgb: 0,0,0;
    --ion-color-dark-shade: #d7d8da;
    --ion-color-dark-tint: #f5f6f9;

    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb: 152,154,162;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0,0,0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;

    --ion-color-light: #222428;
    --ion-color-light-rgb: 34,36,40;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb: 255,255,255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
  }

  /*
   * iOS Dark Theme
   * -------------------------------------------
   * Note: Ionic 8 generates --ion-background-color-step-* and
   * --ion-text-color-step-* automatically from the two values below; the
   * explicit --ion-color-step-* overrides (removed in the v8 migration) are no
   * longer needed.
   */

  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0,0,0;

    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;

    --ion-item-background: #000000;

    --ion-card-background: #1c1c1d;
  }

  .ios ion-modal {
    --ion-background-color: var(--ion-background-color-step-100);
    --ion-toolbar-background: var(--ion-background-color-step-150);
    --ion-toolbar-border-color: var(--ion-background-color-step-250);
  }


  /*
   * Material Design Dark Theme
   * -------------------------------------------
   */

  .md body {
    --ion-background-color: #121212;
    --ion-background-color-rgb: 18,18,18;

    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;

    --ion-border-color: #222222;

    --ion-item-background: #1e1e1e;

    --ion-toolbar-background: #1f1f1f;

    --ion-tab-bar-background: #1f1f1f;

    --ion-card-background: #1e1e1e;
  }
}
@font-face {
  font-family: 'Lato';
  /* Files under public/ are served from the root path, so reference the font
     via /assets/... rather than a relative path into the public directory
     (which triggers a Vite warning and breaks in production builds). */
  src: url('/assets/fonts/LatoRegular.ttf');
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html:not(#dv) {
  --dv-font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --dv-font-display: var(--dv-font);
  --dv-font-features: "tnum" 0, "ss01" 0;
  --dv-tracking-tight: -0.006em;
  --dv-tracking-display: -0.016em;
  --dv-h1-size: 26px;
  --dv-h1-weight: 600;
  --dv-h2-size: 21px;
  --dv-h2-weight: 600;
  --dv-label-weight: 500;
  --dv-canvas: #f5f7fa;
  --dv-canvas-rgb: 245, 247, 250;
  --dv-surface: #ffffff;
  --dv-surface-2: #f8fafd;
  --dv-surface-3: #eef2f5;
  --dv-border: #e2eaef;
  --dv-border-strong: #d3dde2;
  --dv-field-bg: #ffffff;
  --dv-field-hover-border: #b3c2cb;
  --dv-placeholder: #7989a0;
  --dv-text: #2d3137;
  --dv-text-rgb: 45, 49, 55;
  --dv-text-2: #4f5b66;
  --dv-text-3: #6b7680;
  --dv-heading: #10217d;
  --dv-accent: #16c2d5;
  --dv-accent-rgb: 22, 194, 213;
  --dv-accent-hover: #14b1c2;
  --dv-accent-soft: #e4f7fa;
  --dv-accent-ink: #10217d;
  --dv-on-accent: #10217d;
  --dv-danger: #d0364b;
  --dv-danger-rgb: 208, 54, 75;
  --dv-danger-soft: #fdecee;
  --dv-warning: #9a5b0b;
  --dv-warning-soft: #fbf1e3;
  --dv-success: #1d7148;
  --dv-success-soft: #e7f3ec;
  --dv-info: #2b5b88;
  --dv-info-soft: #e8f0f8;
  --dv-tag-bg: #e4f7fa;
  --dv-tag-fg: #10217d;
  --dv-toast-bg: #10217d;
  --dv-toast-fg: #ffffff;
  --dv-tooltip-bg: #10217d;
  --dv-tooltip-fg: #ffffff;
  --dv-scrim: rgba(12, 22, 70, 0.32);
  --dv-role-owner-fg: #ffffff;
  --dv-role-owner-bg: #9370db;
  --dv-role-admin-fg: #ffffff;
  --dv-role-admin-bg: #4caf50;
  --dv-role-family-fg: #ffffff;
  --dv-role-family-bg: #ff9800;
  --dv-role-friend-fg: #ffffff;
  --dv-role-friend-bg: #00bcd4;
  --dv-role-pro-fg: #ffffff;
  --dv-role-pro-bg: #607d8b;
  --dv-role-patient-fg: #ffffff;
  --dv-role-patient-bg: #2196f3;
  --dv-radius-sm: 6px;
  --dv-radius-md: 8px;
  --dv-radius-lg: 10px;
  --dv-radius-pill: 999px;
  --dv-radius-chip: 6px;
  --dv-shadow-sm: 0 1px 2px rgba(16, 33, 60, 0.05);
  --dv-shadow-md: 0 4px 16px rgba(16, 33, 60, 0.07);
  --dv-shadow-lg: 0 12px 40px rgba(16, 33, 60, 0.14), 0 2px 6px rgba(16, 33, 60, 0.06);
  --dv-card-shadow: none;
  --dv-auth-shadow: 0 1px 2px rgba(16, 33, 60, 0.04);
  --dv-btn-bg: var(--dv-accent);
  --dv-btn-bg-hover: var(--dv-accent-hover);
  --dv-btn-shadow: none;
  --dv-focus: 0 0 0 3px rgba(22, 194, 213, 0.3);
  --dv-ease: cubic-bezier(0.2, 0, 0, 1);
  --dv-control-h: 40px;
  --dv-nav-h: 64px;
  --dv-nav-bg: rgba(255, 255, 255, 0.94);
  --dv-nav-fg: #2d3137;
  --dv-nav-border: #e2eaef;
  --dv-nav-link: #527c88;
  --dv-nav-link-hover: #10217d;
  --dv-nav-link-active: #10217d;
  --dv-subnav-bg: rgba(245, 247, 250, 0.94);
  --dv-subnav-h: 49px;
  --dv-page-max: 1200px;
  --dv-record-max: 1160px;
  --dv-page-pad: 32px;
  --dv-page-top: 36px;
}
html:not(#dv),
html:not(#dv) body {
  --ion-font-family: var(--dv-font);
  --ion-background-color: var(--dv-canvas);
  --ion-background-color-rgb: var(--dv-canvas-rgb);
  --ion-text-color: var(--dv-text);
  --ion-text-color-rgb: var(--dv-text-rgb);
  --ion-item-background: transparent;
  --ion-card-background: var(--dv-surface);
  --ion-toolbar-background: var(--dv-surface);
  --ion-border-color: var(--dv-border);
  --ion-tab-bar-background: var(--dv-surface);
  --ion-color-step-50: var(--dv-surface-2);
  --ion-color-step-100: var(--dv-surface-3);
  --ion-color-step-150: var(--dv-border);
  --ion-color-primary: var(--dv-accent);
  --ion-color-primary-rgb: var(--dv-accent-rgb);
  --ion-color-primary-contrast: var(--dv-on-accent);
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: var(--dv-accent-hover);
  --ion-color-primary-tint: var(--dv-accent-hover);
  --ion-color-secondary: var(--dv-surface);
  --ion-color-secondary-rgb: 255, 255, 255;
  --ion-color-secondary-contrast: var(--dv-text);
  --ion-color-secondary-contrast-rgb: var(--dv-text-rgb);
  --ion-color-secondary-shade: var(--dv-surface-2);
  --ion-color-secondary-tint: var(--dv-surface-2);
  --ion-color-danger: var(--dv-danger);
  --ion-color-danger-rgb: var(--dv-danger-rgb);
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-shade: var(--dv-danger);
  --ion-color-danger-tint: var(--dv-danger);
  --ion-color-success: var(--dv-success);
  --ion-color-warning: var(--dv-warning);
  --ion-color-medium: var(--dv-text-3);
  --ion-color-medium-rgb: var(--dv-text-rgb);
  --ion-color-light: var(--dv-surface-2);
}
html:not(#dv) {
  color-scheme: light;
  background: var(--dv-canvas);
}
html:not(#dv) body {
  background: var(--dv-canvas);
  color: var(--dv-text);
  font-family: var(--dv-font);
  font-size: 15px;
  font-feature-settings: var(--dv-font-features, normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
html:not(#dv) * {
  font-family: inherit !important;
}
html:not(#dv) body {
  font-family: var(--dv-font) !important;
}
html:not(#dv) h1,
html:not(#dv) h2,
html:not(#dv) h3,
html:not(#dv) h4 {
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-tight);
}
html:not(#dv) a {
  color: var(--dv-link, var(--dv-accent));
}
html:not(#dv) ::selection {
  background: color-mix(in srgb, var(--dv-accent) 22%, transparent);
}
html:not(#dv) ::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--dv-text-3) 45%, transparent);
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 99px;
}
html:not(#dv) ::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--dv-text-3) 70%, transparent);
  background-clip: content-box;
}
html:not(#dv) {
  scrollbar-color: color-mix(in srgb, var(--dv-text-3) 45%, transparent) transparent;
}
html:not(#dv) ion-content {
  --background: var(--dv-canvas);
  --color: var(--dv-text);
}
html:not(#dv) ion-spinner {
  color: var(--dv-accent);
}
html:not(#dv) ion-button {
  --border-radius: var(--dv-radius-sm);
  --padding-start: 16px;
  --padding-end: 16px;
  --padding-top: 0;
  --padding-bottom: 0;
  --box-shadow: none;
  --transition: background-color 140ms var(--dv-ease), border-color 140ms var(--dv-ease),
    box-shadow 140ms var(--dv-ease), color 140ms var(--dv-ease);
  --background-hover-opacity: 1;
  --background-focused-opacity: 1;
  --background-activated-opacity: 1;
  height: var(--dv-control-h);
  min-height: 0;
  width: auto;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--dv-button-tracking, 0);
  text-transform: none;
  color: var(--color);
}
html:not(#dv) ion-button ion-icon {
  font-size: 17px;
}
html:not(#dv) ion-button ion-spinner {
  width: 18px;
  height: 18px;
  color: currentColor;
}
html:not(#dv) ion-button.button-small {
  --padding-start: 12px;
  --padding-end: 12px;
  height: 34px;
  font-size: 13px;
}
html:not(#dv) ion-button.button-small ion-icon {
  font-size: 16px;
}
html:not(#dv) ion-button.button-block {
  width: 100%;
}
html:not(#dv) ion-button.button-disabled {
  opacity: 0.45;
}
html:not(#dv) ion-button::part(native) {
  font-weight: inherit;
  gap: 6px;
}
html:not(#dv) ion-button.ion-focused::part(native), html:not(#dv) ion-button:focus-visible::part(native) {
  box-shadow: var(--dv-focus);
}
html:not(#dv) ion-button.button-solid:not(.ion-color-secondary):not(.ion-color-danger) {
  --background: var(--dv-btn-bg);
  --background-hover: var(--dv-btn-bg-hover);
  --background-focused: var(--dv-btn-bg-hover);
  --background-activated: var(--dv-btn-bg-hover);
  --color: var(--dv-on-accent);
  --color-hover: var(--dv-on-accent);
  --box-shadow: var(--dv-btn-shadow);
}
html:not(#dv) ion-button.button-solid.button-disabled:not(.ion-color-secondary) {
  --background: var(--dv-surface-3);
  --color: var(--dv-text-3);
  --box-shadow: none;
  opacity: 1;
}
html:not(#dv) ion-button.button-outline,
html:not(#dv) ion-button.button-solid.ion-color-secondary {
  --background: var(--dv-surface);
  --background-hover: var(--dv-surface-2);
  --background-focused: var(--dv-surface-2);
  --background-activated: var(--dv-surface-3);
  --color: var(--dv-text);
  --color-hover: var(--dv-heading);
  --border-color: var(--dv-border-strong);
  --border-width: 1px;
  --border-style: solid;
  --box-shadow: var(--dv-btn-secondary-shadow, none);
  --ion-color-base: var(--dv-surface) !important;
  --ion-color-contrast: var(--dv-text) !important;
}
html:not(#dv) ion-button.button-solid.ion-color-secondary::part(native) {
  border: 1px solid var(--dv-border-strong);
}
html:not(#dv) ion-button.button-solid.ion-color-secondary:hover::part(native) {
  background: var(--dv-surface-2);
}
html:not(#dv) ion-button.button-outline:hover,
html:not(#dv) ion-button.button-clear:hover {
  opacity: 1;
}
html:not(#dv) ion-button.button-clear {
  --background: transparent;
  --background-hover: var(--dv-accent-soft);
  --background-focused: var(--dv-accent-soft);
  --background-activated: var(--dv-accent-soft);
  --color: var(--dv-accent-ink);
  --color-hover: var(--dv-accent-ink);
  --padding-start: 10px;
  --padding-end: 10px;
}
html:not(#dv) ion-button.button-clear.ion-color-danger {
  --ion-color-base: var(--dv-danger) !important;
  --background-hover: var(--dv-danger-soft);
  --background-focused: var(--dv-danger-soft);
  --color: var(--dv-danger);
}
html:not(#dv) ion-button.button-clear.ion-color-danger::part(native) {
  color: var(--dv-danger);
}
html:not(#dv) ion-button.button-clear.ion-color-danger:hover::part(native) {
  background: var(--dv-danger-soft);
}
html:not(#dv) ion-label:has(+ ion-item),
html:not(#dv) ion-label:has(+ ion-select),
html:not(#dv) .time-field label,
html:not(#dv) .readonly-label,
html:not(#dv) .account-type-label {
  display: block;
  margin: 14px 0 6px;
  font-size: 13px;
  font-weight: var(--dv-label-weight, 600);
  line-height: 1.35;
  letter-spacing: 0.005em;
  color: var(--dv-text-2);
  text-transform: none;
}
html:not(#dv) ion-item.item-lines-none:has(> ion-input),
html:not(#dv) ion-item.item-lines-none:has(> textarea) {
  background: var(--dv-field-bg);
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-sm);
  box-shadow: none;
  transition: border-color 140ms var(--dv-ease), box-shadow 140ms var(--dv-ease), background-color 140ms var(--dv-ease);
  --background: transparent;
  --background-hover: transparent;
  --background-focused: transparent;
  --min-height: var(--dv-control-h);
  --padding-start: 12px;
  --inner-padding-end: 10px;
  --border-radius: var(--dv-radius-sm);
  --color: var(--dv-text);
  overflow: hidden;
}
html:not(#dv) ion-item.item-lines-none:has(> ion-input):hover,
html:not(#dv) ion-item.item-lines-none:has(> textarea):hover {
  border-color: var(--dv-field-hover-border);
}
html:not(#dv) ion-item.item-lines-none:has(> ion-input):focus-within,
html:not(#dv) ion-item.item-lines-none:has(> textarea):focus-within {
  border-color: var(--dv-accent);
  box-shadow: var(--dv-focus);
}
html:not(#dv) ion-item.item-lines-none:has(> ion-input) ion-icon,
html:not(#dv) ion-item.item-lines-none:has(> textarea) ion-icon {
  font-size: 16px;
  color: var(--dv-text-3);
}
html:not(#dv) ion-item.item-lines-none:has(> textarea) {
  --padding-start: 12px;
}
html:not(#dv) ion-input {
  --color: var(--dv-text);
  --placeholder-color: var(--dv-placeholder);
  --placeholder-opacity: 1;
  --padding-top: 0;
  --padding-bottom: 0;
  font-size: 14.5px;
  font-weight: 400;
  min-height: calc(var(--dv-control-h) - 2px) !important;
}
html:not(#dv) input:-webkit-autofill,
html:not(#dv) input:-webkit-autofill:hover,
html:not(#dv) input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--dv-field-bg) inset;
  -webkit-text-fill-color: var(--dv-text);
  caret-color: var(--dv-text);
  transition: background-color 9999s ease-out 0s;
}
html:not(#dv) textarea {
  background: transparent;
  color: var(--dv-text);
  font-size: 14.5px;
  line-height: 1.55;
  padding: 10px 0 !important;
}
html:not(#dv) textarea::placeholder {
  color: var(--dv-placeholder);
  opacity: 1;
}
html:not(#dv) ion-select {
  background: var(--dv-field-bg);
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-sm);
  box-shadow: none;
  transition: border-color 140ms var(--dv-ease), box-shadow 140ms var(--dv-ease), background-color 140ms var(--dv-ease);
  --color: var(--dv-text);
  --placeholder-color: var(--dv-placeholder);
  --placeholder-opacity: 1;
  height: var(--dv-control-h);
  min-height: var(--dv-control-h);
  padding: 0 12px;
  font-size: 14.5px;
  color: var(--dv-text);
}
html:not(#dv) ion-select:hover {
  border-color: var(--dv-field-hover-border);
}
html:not(#dv) ion-select.has-focus, html:not(#dv) ion-select.select-expanded, html:not(#dv) ion-select:focus-visible {
  border-color: var(--dv-accent);
  box-shadow: var(--dv-focus);
}
html:not(#dv) ion-select::part(icon) {
  color: var(--dv-text-3);
  opacity: 1;
}
html:not(#dv) .ob-datetime__input,
html:not(#dv) .time-field .time-input,
html:not(#dv) input.dv-field {
  background: var(--dv-field-bg);
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-sm);
  box-shadow: none;
  transition: border-color 140ms var(--dv-ease), box-shadow 140ms var(--dv-ease), background-color 140ms var(--dv-ease);
  min-height: var(--dv-control-h);
  height: var(--dv-control-h);
  color: var(--dv-text);
  font-size: 14.5px;
}
html:not(#dv) .ob-datetime__input:hover,
html:not(#dv) .time-field .time-input:hover,
html:not(#dv) input.dv-field:hover {
  border-color: var(--dv-field-hover-border);
}
html:not(#dv) .ob-datetime__input:focus, html:not(#dv) .ob-datetime__input:focus-visible,
html:not(#dv) .time-field .time-input:focus,
html:not(#dv) .time-field .time-input:focus-visible,
html:not(#dv) input.dv-field:focus,
html:not(#dv) input.dv-field:focus-visible {
  border-color: var(--dv-accent);
  box-shadow: var(--dv-focus);
}
html:not(#dv) .ob-datetime__input:disabled,
html:not(#dv) .time-field .time-input:disabled,
html:not(#dv) input.dv-field:disabled {
  background: var(--dv-surface-2);
  color: var(--dv-text-3);
}
html:not(#dv) .ob-datetime__icon {
  color: var(--dv-text-3);
}
html:not(#dv) .ob-datetime__overlay {
  color: var(--dv-text);
  font-size: 14.5px;
}
html:not(#dv) .ob-datetime__overlay.is-empty {
  color: var(--dv-placeholder);
}
html:not(#dv) .multiselect {
  background: var(--dv-field-bg);
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-sm);
  box-shadow: none;
  transition: border-color 140ms var(--dv-ease), box-shadow 140ms var(--dv-ease), background-color 140ms var(--dv-ease);
  --ms-font-size: 14.5px;
  --ms-line-height: 1.4;
  --ms-bg: var(--dv-field-bg);
  --ms-border-color: transparent;
  --ms-border-width: 0;
  --ms-radius: var(--dv-radius-sm);
  --ms-py: 7px;
  --ms-px: 12px;
  --ms-ring-width: 0;
  --ms-ring-color: transparent;
  --ms-placeholder-color: var(--dv-placeholder);
  --ms-caret-color: var(--dv-text-3);
  --ms-clear-color: var(--dv-text-3);
  --ms-clear-color-hover: var(--dv-text);
  --ms-tag-font-size: 12.5px;
  --ms-tag-line-height: 18px;
  --ms-tag-font-weight: 600;
  --ms-tag-bg: var(--dv-tag-bg) !important;
  --ms-tag-color: var(--dv-tag-fg);
  --ms-tag-radius: var(--dv-radius-tag, var(--dv-radius-pill));
  --ms-tag-py: 2px;
  --ms-tag-px: 9px;
  --ms-tag-mx: 3px;
  --ms-tag-my: 3px;
  --ms-dropdown-bg: var(--dv-surface);
  --ms-dropdown-border-color: var(--dv-border);
  --ms-dropdown-border-width: 1px;
  --ms-dropdown-radius: var(--dv-radius-md);
  --ms-option-font-size: 14px;
  --ms-option-bg-pointed: var(--dv-surface-2);
  --ms-option-color-pointed: var(--dv-heading);
  --ms-option-bg-selected: var(--dv-accent-soft);
  --ms-option-color-selected: var(--dv-accent-ink);
  --ms-option-bg-selected-pointed: var(--dv-accent-soft);
  --ms-option-color-selected-pointed: var(--dv-accent-ink);
  --ms-option-py: 9px;
  --ms-option-px: 12px;
  min-height: var(--dv-control-h);
  margin-top: 0;
}
html:not(#dv) .multiselect:hover {
  border-color: var(--dv-field-hover-border);
}
html:not(#dv) .multiselect.is-active {
  border-color: var(--dv-accent);
  box-shadow: var(--dv-focus);
}
html:not(#dv) .multiselect .multiselect-dropdown {
  box-shadow: var(--dv-shadow-lg);
  margin-top: 4px;
  transform: translateY(100%);
}
html:not(#dv) .multiselect .add-custom {
  color: var(--dv-text-3);
}
html:not(#dv) ion-item.item-lines-none:has(~ ion-text.error),
html:not(#dv) ion-select:has(~ ion-text.error),
html:not(#dv) .regcard ion-item:has(~ ion-text.error) ion-input {
  border-color: var(--dv-danger) !important;
}
html:not(#dv) ion-text.error {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--dv-danger);
}
html:not(#dv) .checkboxes-container {
  gap: 8px;
}
html:not(#dv) .checkboxes-container label.checkbox,
html:not(#dv) .checkboxes-container .checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 7px 12px 7px 10px;
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-chip, var(--dv-radius-sm));
  background: var(--dv-surface);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--dv-text);
  cursor: pointer;
  transition: border-color 140ms var(--dv-ease), background 140ms var(--dv-ease);
}
html:not(#dv) .checkboxes-container label.checkbox:hover,
html:not(#dv) .checkboxes-container .checkbox:hover {
  border-color: var(--dv-field-hover-border);
}
html:not(#dv) .checkboxes-container label.checkbox:has(input:checked),
html:not(#dv) .checkboxes-container .checkbox:has(input:checked) {
  border-color: var(--dv-accent);
  background: var(--dv-accent-soft);
  color: var(--dv-accent-ink);
}
html:not(#dv) .checkboxes-container label.checkbox:has(input:focus-visible),
html:not(#dv) .checkboxes-container .checkbox:has(input:focus-visible) {
  box-shadow: var(--dv-focus);
}
html:not(#dv) .checkboxes-container label.checkbox input[type=checkbox],
html:not(#dv) .checkboxes-container .checkbox input[type=checkbox] {
  position: static;
  opacity: 1;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--dv-accent);
}
html:not(#dv) .checkboxes-container label.checkbox span.indicator,
html:not(#dv) .checkboxes-container .checkbox span.indicator {
  display: none;
}
html:not(#dv) ion-checkbox {
  --size: 18px;
  --border-radius: 4px;
  --border-width: 1.5px;
  --border-color: var(--dv-border-strong);
  --border-color-checked: var(--dv-accent);
  --checkbox-background: var(--dv-surface);
  --checkbox-background-checked: var(--dv-accent);
  --checkmark-color: var(--dv-on-accent);
}
html:not(#dv) ion-toggle {
  --track-background: var(--dv-surface-3);
  --track-background-checked: var(--dv-accent);
  --handle-background: #ffffff;
  --handle-background-checked: #ffffff;
  --handle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.12);
}
html:not(#dv) ion-toggle::part(track) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dv-text) 8%, transparent);
}
html:not(#dv) ion-toggle.ion-focused::part(track) {
  box-shadow: var(--dv-focus);
}
html:not(#dv) ion-toast {
  --background: var(--dv-toast-bg);
  --color: var(--dv-toast-fg);
  --border-radius: var(--dv-radius-md);
  --box-shadow: var(--dv-shadow-lg);
  --max-width: 440px;
}
html:not(#dv) ion-toast::part(container) {
  padding: 4px 6px;
}
html:not(#dv) ion-toast::part(message) {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}
html:not(#dv) ion-modal {
  --border-radius: var(--dv-radius-lg);
  --box-shadow: var(--dv-shadow-xl, var(--dv-shadow-lg));
  --backdrop-opacity: 1;
}
html:not(#dv) ion-modal::part(backdrop) {
  background: var(--dv-scrim);
}
html:not(#dv) ion-modal::part(content) {
  border: 1px solid var(--dv-border);
}
html:not(#dv) ion-modal ion-content {
  --background: var(--dv-surface);
}
html:not(#dv) ion-popover {
  --background: var(--dv-surface);
  --box-shadow: var(--dv-shadow-lg);
  --backdrop-opacity: 0.12;
}
html:not(#dv) ion-popover::part(content) {
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
}
html:not(#dv) ion-popover::part(arrow) {
  display: none;
}
html:not(#dv) ion-popover ion-content {
  --background: var(--dv-surface);
}
html:not(#dv) .custom-popover {
  --min-width: 260px;
}
html:not(#dv) .custom-popover ion-select-popover ion-list {
  background: var(--dv-surface);
  border: 0;
  border-radius: var(--dv-radius-md);
  box-shadow: none;
  padding: 4px;
}
html:not(#dv) .custom-popover ion-select-popover ion-item {
  --background: transparent !important;
  --background-hover: var(--dv-surface-2) !important;
  --background-hover-opacity: 1;
  --background-focused: var(--dv-surface-2) !important;
  --color: var(--dv-text) !important;
  --min-height: 38px;
  --border-radius: var(--dv-radius-sm);
  --inner-border-width: 0;
  color: var(--dv-text) !important;
  font-size: 14px;
  border-radius: var(--dv-radius-sm);
}
html:not(#dv) .custom-popover ion-select-popover ion-item.item-radio-checked {
  --color: var(--dv-accent-ink) !important;
  color: var(--dv-accent-ink) !important;
  font-weight: 600;
  --background: var(--dv-accent-soft) !important;
}
html:not(#dv) .custom-popover ion-radio {
  --color-checked: var(--dv-accent);
}
html:not(#dv) ion-menu {
  --background: var(--dv-surface);
  --width: min(560px, 100vw);
}
html:not(#dv) ion-menu::part(container) {
  border-left: 1px solid var(--dv-border);
  box-shadow: var(--dv-shadow-lg);
}
html:not(#dv) ion-menu::part(backdrop) {
  background: var(--dv-scrim);
}
html:not(#dv) ion-menu ion-content {
  --background: var(--dv-surface);
}
html:not(#dv) ion-alert {
  --background: var(--dv-surface);
}
html:not(#dv) ion-alert .alert-wrapper {
  border-radius: var(--dv-radius-lg);
  box-shadow: var(--dv-shadow-lg);
}
html:not(#dv) ion-alert .alert-title {
  color: var(--dv-heading);
  font-weight: 600;
}
html:not(#dv) ion-alert .alert-message {
  color: var(--dv-text-2);
}
html:not(#dv) ion-alert .alert-button {
  color: var(--dv-accent-ink);
  font-weight: 600;
}
html:not(#dv) .dp__theme_light {
  --dp-primary-color: var(--dv-accent) !important;
  --dp-primary-text-color: var(--dv-on-accent);
  --dp-hover-color: var(--dv-surface-2);
  --dp-hover-text-color: var(--dv-heading);
  --dp-border-color: var(--dv-border);
  --dp-menu-border-color: var(--dv-border);
  --dp-text-color: var(--dv-text);
  --dp-secondary-color: var(--dv-text-3);
  --dp-background-color: var(--dv-surface);
  --dp-range-between-dates-background-color: var(--dv-accent-soft);
  --dp-range-between-dates-text-color: var(--dv-accent-ink);
  --dp-highlight-color: var(--dv-accent-soft);
  --dp-font-family: var(--dv-font);
  --dp-border-radius: var(--dv-radius-md);
  --dp-cell-border-radius: var(--dv-radius-sm);
  --dp-font-size: 14px;
}
html:not(#dv) .dp__theme_light .dp__cell_inner:not(.dp__cell_disabled) {
  color: var(--dv-text);
}
html:not(#dv) .dp__theme_light .dp__cell_inner.dp__cell_disabled {
  color: var(--dv-text-3);
  opacity: 0.45;
}
html:not(#dv) .dp__theme_light .dp__cell_inner.dp__range_between_week, html:not(#dv) .dp__theme_light .dp__cell_inner.dp__range_between {
  color: var(--dv-accent-ink);
}
html:not(#dv) .dp__theme_light .dp__cell_inner.dp__active_date, html:not(#dv) .dp__theme_light .dp__cell_inner.dp__range_start, html:not(#dv) .dp__theme_light .dp__cell_inner.dp__range_end {
  color: var(--dv-on-accent);
}
html:not(#dv) .dp__menu {
  border-radius: var(--dv-radius-md);
  box-shadow: var(--dv-shadow-lg);
  border: 1px solid var(--dv-border);
}
html:not(#dv) .card {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  box-shadow: var(--dv-card-shadow);
  min-width: 0;
  padding: 22px 24px;
}
html:not(#dv) .card-header {
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--dv-border);
}
html:not(#dv) .card-icon {
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: var(--dv-radius-sm);
  background: var(--dv-accent-soft) !important;
  color: var(--dv-accent-ink);
}
html:not(#dv) .card-icon ion-icon {
  font-size: 16px;
}
html:not(#dv) .card-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-tight);
}
html:not(#dv) .card-content, html:not(#dv) .card-content > p {
  color: var(--dv-text-2);
  font-size: 14px;
  line-height: 1.6;
}
html:not(#dv) ion-card {
  --background: var(--dv-surface);
  --color: var(--dv-text);
  background: var(--dv-surface);
  color: var(--dv-text);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  box-shadow: var(--dv-card-shadow);
}
html:not(#dv) .loading-wrapper,
html:not(#dv) .loading,
html:not(#dv) .pi-shell__loading,
html:not(#dv) .ob-shell__loading {
  color: var(--dv-text-3);
}
html:not(#dv) .loading-wrapper ion-spinner,
html:not(#dv) .loading ion-spinner,
html:not(#dv) .pi-shell__loading ion-spinner,
html:not(#dv) .ob-shell__loading ion-spinner {
  width: 32px;
  height: 32px;
}
html:not(#dv) .noExistText,
html:not(#dv) .ob-empty,
html:not(#dv) .ob-empty-inline,
html:not(#dv) .pi-overview__empty,
html:not(#dv) .ob-review__empty {
  color: var(--dv-text-3);
  font-style: normal;
}
html:not(#dv) .ob-empty {
  border: 1px dashed var(--dv-border-strong);
  border-radius: var(--dv-radius-md);
  background: var(--dv-surface);
  padding: 36px 16px;
}
html:not(#dv) .ob-empty p {
  font-size: 14.5px;
}
html:not(#dv) ion-header {
  box-shadow: none;
}
html:not(#dv) ion-header::after {
  display: none;
}
html:not(#dv) ion-header ion-toolbar {
  --background: var(--dv-nav-bg);
  --color: var(--dv-nav-fg);
  --border-width: 0;
  --border-color: transparent;
  --min-height: var(--dv-nav-h);
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --opacity: 1;
  border-bottom: 1px solid var(--dv-nav-border);
}
html:not(#dv) .navbar-content {
  height: var(--dv-nav-h);
  max-width: var(--dv-page-max);
  padding: 0 var(--dv-page-pad);
  gap: var(--dv-nav-gap, 4px);
}
html:not(#dv) .navbarLink {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--dv-nav-link);
  text-decoration: none;
  white-space: nowrap;
  transition: color 140ms var(--dv-ease), background-color 140ms var(--dv-ease);
}
html:not(#dv) .navbarLink:hover {
  color: var(--dv-nav-link-hover);
}
html:not(#dv) .navbarLink.active {
  font-weight: 600;
  color: var(--dv-nav-link-active);
}
html:not(#dv) .navbarLink:focus-visible {
  outline: 2px solid var(--dv-accent);
  outline-offset: -2px;
  border-radius: var(--dv-radius-sm);
}
html:not(#dv) .navbarLink.profile {
  margin-right: 0;
  gap: 10px;
}
html:not(#dv) .navbarLink.profile ion-icon {
  margin: 0;
}
html:not(#dv) .profile-popover {
  --min-width: 460px;
  --width: 460px;
}
html:not(#dv) .pi-shell {
  padding-top: calc(var(--dv-nav-h) + var(--dv-page-top)) !important;
  padding-left: var(--dv-page-pad);
  padding-right: var(--dv-page-pad);
}
html:not(#dv) .pi-shell__bubbles {
  top: var(--dv-nav-h) !important;
}
html:not(#dv) .content-container.dashboard-content,
html:not(#dv) .content-container.settings-container {
  max-width: var(--dv-page-max);
  padding: 0 var(--dv-page-pad) 64px;
  margin-top: 0;
  padding-top: calc(var(--dv-nav-h) + var(--dv-page-top));
}
html:not(#dv) .title-and-filter {
  margin: 0 0 24px;
  gap: 16px;
  flex-wrap: wrap;
  align-items: flex-end;
}
html:not(#dv) .title-and-filter .title-heading,
html:not(#dv) .title-and-filter .wellness-analytics-title {
  margin: 0;
  color: var(--dv-heading) !important;
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h1-size) !important;
  font-weight: var(--dv-h1-weight) !important;
  line-height: 1.15;
  letter-spacing: var(--dv-tracking-display);
}
html:not(#dv) .title-and-filter .title-datepicker-container {
  gap: 14px;
}
html:not(#dv) .title-page {
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h1-size);
  font-weight: var(--dv-h1-weight);
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-display);
}
html:not(#dv) .title-and-filter .date-navigation {
  gap: 6px;
}
html:not(#dv) .title-and-filter .date-nav-button,
html:not(#dv) .title-and-filter .date-picker-trigger {
  height: 38px;
  background: var(--dv-surface);
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-sm);
  color: var(--dv-text);
  box-shadow: var(--dv-btn-secondary-shadow, none);
  transition: background 140ms var(--dv-ease), border-color 140ms var(--dv-ease);
}
html:not(#dv) .title-and-filter .date-nav-button:hover,
html:not(#dv) .title-and-filter .date-picker-trigger:hover {
  background: var(--dv-surface-2);
  border-color: var(--dv-field-hover-border);
}
html:not(#dv) .title-and-filter .date-nav-button:focus-visible,
html:not(#dv) .title-and-filter .date-picker-trigger:focus-visible {
  outline: none;
  box-shadow: var(--dv-focus);
}
html:not(#dv) .title-and-filter .date-nav-button {
  width: 38px;
}
html:not(#dv) .title-and-filter .date-nav-button svg {
  width: 18px;
  height: 18px;
}
html:not(#dv) .title-and-filter .date-picker-trigger {
  padding: 0 12px 0 14px;
  font-size: 14px;
  font-weight: 600;
  gap: 4px;
}
html:not(#dv) .title-and-filter .date-picker-trigger svg {
  margin-left: 2px;
  width: 20px;
  height: 20px;
}
html:not(#dv) .title-and-filter .date-picker-trigger svg path {
  fill: var(--dv-text-3);
}
html:not(#dv) .report-action-buttons {
  gap: 8px;
}
html:not(#dv) .report-action-buttons ion-button svg {
  margin-left: 6px;
}
html:not(#dv) .pi-shell {
  max-width: var(--dv-record-max);
  padding-bottom: 72px;
}
html:not(#dv) .pi-shell__header {
  gap: 16px;
  margin-bottom: 20px;
}
html:not(#dv) .pi-shell__avatar {
  width: 56px;
  height: 56px;
  border: 0;
  box-shadow: 0 0 0 1px var(--dv-border);
}
html:not(#dv) .pi-shell__title h1 {
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h1-size);
  font-weight: var(--dv-h1-weight);
  line-height: 1.15;
  letter-spacing: var(--dv-tracking-display);
  color: var(--dv-heading);
}
html:not(#dv) .pi-shell__title p {
  margin-top: 4px;
  font-size: 13.5px;
  color: var(--dv-text-3);
}
html:not(#dv) .pi-shell__bubbles {
  background: var(--dv-subnav-bg);
  backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--dv-border);
  padding: 0;
  margin-bottom: 28px;
}
html:not(#dv) .pi-bubbles {
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
html:not(#dv) .pi-bubbles::-webkit-scrollbar {
  display: none;
}
html:not(#dv) .pi-bubbles__item {
  flex: 0 0 auto;
  color: var(--dv-text-2);
}
html:not(#dv) .pi-bubbles__item:focus-visible {
  outline: 2px solid var(--dv-accent);
  outline-offset: -2px;
}
html:not(#dv) .pi-bubbles__label {
  overflow: visible;
}
html:not(#dv) .pi-shell__saverow {
  margin-top: 24px;
  padding: 20px 0 0;
  border-top: 1px solid var(--dv-border);
}
html:not(#dv) .pi-shell__save {
  min-width: 160px;
}
html:not(#dv) .ob-step__title {
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h2-size);
  font-weight: var(--dv-h2-weight);
  line-height: 1.2;
  letter-spacing: var(--dv-tracking-display);
  color: var(--dv-heading);
  margin: 0 0 6px;
}
html:not(#dv) .ob-step__sub {
  max-width: 68ch;
  margin: 0 0 24px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--dv-text-2);
}
html:not(#dv) .ob-step ion-grid {
  --ion-grid-column-padding: 0;
  padding: 0;
}
html:not(#dv) .ob-step ion-grid ion-row {
  margin: 0 -8px;
}
html:not(#dv) .ob-step ion-grid ion-col {
  padding: 0 8px;
}
html:not(#dv) .ob-step > ion-label {
  display: block;
  margin: 20px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .ob-basics__photo {
  gap: 20px;
  margin-bottom: 8px;
}
html:not(#dv) .ob-basics__photo .img-wrapper {
  border: 0;
  box-shadow: 0 0 0 1px var(--dv-border);
}
html:not(#dv) .ob-basics__photo .camera {
  background: var(--dv-accent);
  box-shadow: 0 0 0 3px var(--dv-canvas);
}
html:not(#dv) .ob-basics__photodesc {
  background: var(--dv-surface-2);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  padding: 14px 16px;
}
html:not(#dv) .ob-basics__photodesc strong {
  color: var(--dv-heading);
  font-weight: 600;
}
html:not(#dv) .ob-basics__photodesc p {
  color: var(--dv-text-2);
}
html:not(#dv) .standard-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .standard-hint,
html:not(#dv) .ob-cond__hint,
html:not(#dv) .ob-appt__datetimehint {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--dv-text-3);
}
html:not(#dv) .ob-history__field {
  margin-bottom: 28px;
}
html:not(#dv) .ob-cond__list {
  margin-top: 24px;
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  background: var(--dv-surface);
  overflow: hidden;
}
html:not(#dv) .ob-cond__row {
  padding: 10px 10px 10px 16px;
  border-bottom: 1px solid var(--dv-border);
}
html:not(#dv) .ob-cond__row:last-child {
  border-bottom: 0;
}
html:not(#dv) .ob-cond__row ion-button {
  height: 32px;
  --padding-start: 9px;
  --padding-end: 9px;
  --border-color: var(--dv-border);
  --color: var(--dv-text-3);
}
html:not(#dv) .ob-cond__name {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--dv-text);
}
html:not(#dv) .ob-med-toolbar,
html:not(#dv) .ob-appt-toolbar {
  top: calc(var(--dv-nav-h) + var(--dv-subnav-h)) !important;
  background: var(--dv-subnav-bg);
  backdrop-filter: saturate(1.4) blur(10px);
  box-shadow: none;
  border-bottom: 1px solid var(--dv-border);
  padding: 14px 0;
  margin-bottom: 18px;
}
html:not(#dv) .ob-med-toolbar__count,
html:not(#dv) .ob-appt-toolbar__count {
  margin-top: 4px;
  font-size: 13px;
  color: var(--dv-text-3);
}
html:not(#dv) .ob-med-toolbar__actions,
html:not(#dv) .ob-appt-toolbar__actions {
  gap: 8px;
}
html:not(#dv) .ob-med-toolbar__archived.is-open,
html:not(#dv) .ob-appt-toolbar__archived.is-open {
  --background: var(--dv-surface-2);
  --border-color: var(--dv-border-strong);
}
html:not(#dv) .ob-med-toolbar__archived,
html:not(#dv) .ob-appt-toolbar__archived {
  --color: var(--dv-text);
}
html:not(#dv) .ob-med-card,
html:not(#dv) .ob-appt-card {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  box-shadow: var(--dv-card-shadow);
  padding: 20px 24px 24px;
  margin-bottom: 16px;
}
html:not(#dv) .ob-med-card__head,
html:not(#dv) .ob-appt-card__head {
  margin: -2px 0 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .ob-med-card__section,
html:not(#dv) .ob-appt-card__section {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dv-text-3);
  margin: 6px 0 0;
}
html:not(#dv) .ob-med-card__actions,
html:not(#dv) .ob-appt-card__actions {
  gap: 4px;
}
html:not(#dv) .ob-med__format > p,
html:not(#dv) .ob-med__dose > p {
  margin: 22px 0 10px;
  font-size: 13px;
  font-weight: var(--dv-label-weight, 600);
  color: var(--dv-text-2);
}
html:not(#dv) .ob-med__format {
  margin: 0;
}
html:not(#dv) .ob-med__format ion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 8px;
}
html:not(#dv) .ob-med__format ion-row {
  display: contents;
}
html:not(#dv) .ob-med__format ion-col {
  padding: 0;
}
html:not(#dv) .ob-med__format ion-col:empty {
  display: none;
}
html:not(#dv) .ob-med__format ion-col ion-button {
  --background: var(--dv-surface);
  --background-hover: var(--dv-surface-2);
  --border-radius: var(--dv-radius-sm);
  --color: var(--dv-text-2);
  --padding-start: 4px;
  --padding-end: 4px;
  width: 100%;
  height: 64px;
  margin: 0;
}
html:not(#dv) .ob-med__format ion-col ion-button::part(native) {
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-sm);
}
html:not(#dv) .ob-med__format ion-col ion-button ion-img {
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
  filter: var(--dv-format-icon-filter, none);
}
html:not(#dv) .ob-med__format ion-col ion-button ion-label {
  font-size: 12.5px;
  font-weight: 500;
}
html:not(#dv) .ob-med__format ion-col ion-button.selected-format {
  --background: var(--dv-accent-soft);
  --background-hover: var(--dv-accent-soft);
  --color: var(--dv-accent-ink);
}
html:not(#dv) .ob-med__format ion-col ion-button.selected-format::part(native) {
  border-color: var(--dv-accent);
  box-shadow: inset 0 0 0 1px var(--dv-accent);
}
html:not(#dv) .ob-med__format ion-col ion-button.selected-format ion-label {
  font-weight: 600;
}
html:not(#dv) .ob-med__dose {
  margin-top: 0;
}
html:not(#dv) .ob-med__dose .col-margin {
  padding-right: 0;
}
html:not(#dv) .ob-appt__datetime {
  max-width: 380px;
  margin-top: 6px;
}
html:not(#dv) .ob-archive {
  margin: 0 0 20px;
  padding: 16px;
  border: 1px dashed var(--dv-border-strong);
  border-radius: var(--dv-radius-md);
  background: var(--dv-surface-2);
}
html:not(#dv) .ob-archive__heading {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dv-text-3);
  margin: 0 0 10px;
}
html:not(#dv) .ob-archive-card {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-sm);
  padding: 6px 6px 6px 14px;
  color: var(--dv-text-2);
}
html:not(#dv) .ob-archive-card:last-child {
  margin-bottom: 0;
}
html:not(#dv) .ob-archive-card__name {
  font-weight: 500;
  color: var(--dv-text);
}
html:not(#dv) .ob-archive-error {
  color: var(--dv-danger);
}
html:not(#dv) .ob-step ion-row.ion-margin-bottom {
  margin: 10px -8px 8px;
}
html:not(#dv) .ob-step ion-row.ion-align-items-end {
  margin-top: 22px;
}
html:not(#dv) .ob-step ion-row.ion-align-items-end ion-label {
  display: block;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .item-wrapper {
  gap: 8px;
  margin-top: 6px;
}
html:not(#dv) .item-box {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-left: 3px solid var(--dv-accent);
  border-radius: var(--dv-radius-sm);
}
html:not(#dv) .item-text {
  padding: 10px 12px;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--dv-text);
}
html:not(#dv) .item-actions ion-button {
  height: 36px;
  width: 36px;
  --padding-start: 0;
  --padding-end: 0;
  --border-color: var(--dv-border);
  --color: var(--dv-text-3);
  --color-hover: var(--dv-heading);
}
html:not(#dv) .pi-overview,
html:not(#dv) .ob-review {
  max-width: none;
}
html:not(#dv) .pi-overview__intro {
  margin-bottom: 24px;
}
html:not(#dv) .pi-overview__intro h2 {
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h2-size);
  font-weight: var(--dv-h2-weight);
  letter-spacing: var(--dv-tracking-display);
  color: var(--dv-heading);
  margin: 0 0 6px;
}
html:not(#dv) .pi-overview__intro p {
  font-size: 14.5px;
  color: var(--dv-text-2);
}
html:not(#dv) .pi-overview__card,
html:not(#dv) .ob-review__card {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  box-shadow: var(--dv-card-shadow);
  padding: 18px 22px 20px;
  margin-bottom: 14px;
}
html:not(#dv) .pi-overview__card p,
html:not(#dv) .ob-review__card p {
  margin: 0;
}
html:not(#dv) .pi-overview__head,
html:not(#dv) .ob-review__head {
  margin-bottom: 12px;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--dv-heading);
  gap: 12px;
}
html:not(#dv) .pi-overview__head ion-button,
html:not(#dv) .ob-review__head ion-button {
  --color: var(--dv-accent-ink);
  --border-color: transparent;
  --background: transparent;
  --background-hover: var(--dv-accent-soft);
  --padding-start: 10px;
  --padding-end: 10px;
  height: 32px;
  font-weight: 600;
}
html:not(#dv) .pi-overview__head ion-button::part(native),
html:not(#dv) .ob-review__head ion-button::part(native) {
  border: 0;
}
html:not(#dv) .pi-overview__name {
  font-size: 17px;
  font-weight: 600;
  color: var(--dv-heading);
  margin-bottom: 6px !important;
}
html:not(#dv) .pi-overview__rows {
  gap: 6px;
}
html:not(#dv) .pi-overview__rows .pi-overview__dim {
  gap: 10px;
}
html:not(#dv) .pi-overview__rows .pi-overview__dim ion-icon {
  margin-top: 3px;
  color: var(--dv-text-3);
  font-size: 15px;
}
html:not(#dv) .pi-overview__dim,
html:not(#dv) .ob-review__dim {
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--dv-text);
}
html:not(#dv) .pi-overview__subbox,
html:not(#dv) .ob-review__subbox {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--dv-border);
  border-radius: 0;
  padding: 12px 0 0;
  margin-top: 12px;
}
html:not(#dv) .pi-overview__subbox p,
html:not(#dv) .ob-review__subbox p {
  margin: 3px 0 0;
}
html:not(#dv) .pi-overview__head + .pi-overview__subbox,
html:not(#dv) .ob-review__head + .ob-review__subbox {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
html:not(#dv) .pi-overview__sublabel,
html:not(#dv) .ob-review__sublabel {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dv-text-3);
  margin-bottom: 4px;
}
html:not(#dv) .ob-review__done {
  color: var(--dv-success);
  background: var(--dv-success-soft);
  border-radius: var(--dv-radius-md);
  padding: 12px 16px;
  font-size: 14.5px;
}
html:not(#dv) .report-type ion-segment {
  box-shadow: none;
}
html:not(#dv) .report-type > ion-segment {
  margin-bottom: 28px;
}
html:not(#dv) .summary-main-card {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-lg);
  box-shadow: var(--dv-card-shadow);
  padding: 8px;
}
html:not(#dv) .summary-main-card .summary-sections {
  column-gap: 0;
}
html:not(#dv) .summary-main-card .summary-section {
  background: transparent;
  padding: 22px 24px;
  margin: 0;
}
html:not(#dv) .summary-main-card .summary-section .section-header {
  gap: 10px;
  margin-bottom: 12px;
}
html:not(#dv) .summary-main-card .summary-section .section-header .section-title {
  font-size: 15.5px;
  font-weight: 600;
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-tight);
}
html:not(#dv) .summary-main-card .summary-section .section-header .section-icon {
  width: 20px;
  height: 20px;
  filter: var(--dv-report-icon-filter, grayscale(1) opacity(0.6));
}
html:not(#dv) .summary-main-card .summary-section .summary-content p,
html:not(#dv) .summary-main-card .summary-section .diet-content p,
html:not(#dv) .summary-main-card .summary-section .engagement-content p,
html:not(#dv) .summary-main-card .summary-section .medication-content p {
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--dv-text-2);
}
html:not(#dv) .summary-main-card .summary-section .medication-content p + p {
  margin-top: 6px;
}
html:not(#dv) .conditions-list .condition-item,
html:not(#dv) .flagged-list .flagged-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--dv-border);
  gap: 4px;
}
html:not(#dv) .conditions-list .condition-item .condition-name,
html:not(#dv) .conditions-list .condition-item .flagged-name,
html:not(#dv) .flagged-list .flagged-item .condition-name,
html:not(#dv) .flagged-list .flagged-item .flagged-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .conditions-list .condition-item .condition-value,
html:not(#dv) .conditions-list .condition-item .flagged-description,
html:not(#dv) .flagged-list .flagged-item .condition-value,
html:not(#dv) .flagged-list .flagged-item .flagged-description {
  font-size: 14px;
  line-height: 1.6;
  color: var(--dv-text-2);
}
html:not(#dv) .conditions-list .condition-item:last-child,
html:not(#dv) .flagged-list .flagged-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
html:not(#dv) .flagged-list {
  max-height: none;
  padding-right: 0;
}
html:not(#dv) .summary-main-card .summary-section.symptom-section {
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
  container-type: inline-size;
}
html:not(#dv) .summary-main-card .summary-section.symptom-section .section-header {
  padding: 0 16px;
}
@container (max-width: 350px) {
  html:not(#dv) .symptom-bubble-cloud {
    zoom: 0.88;
  }
}
html:not(#dv) .symptom-bubble-cloud {
  overflow: visible;
  max-width: none;
  flex: none;
  align-self: center;
  margin-left: 0;
  margin-right: 0;
}
html:not(#dv) .symptom-bubble {
  box-shadow: none;
  border: 2px solid var(--dv-surface);
}
html:not(#dv) .symptom-bubble .bubble-label {
  font-weight: 600;
  letter-spacing: -0.005em;
}
html:not(#dv) .symptom-bubble .bubble-count {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
html:not(#dv) .symptom-bubble:hover {
  box-shadow: var(--dv-shadow-md);
}
html:not(#dv) .notification-grid {
  gap: 20px;
}
html:not(#dv) .notification-grid .notifications-section {
  width: auto;
  min-width: 0;
  flex: 0 0 calc(46% - 10px);
  max-height: none;
  padding: 6px;
}
html:not(#dv) .notification-grid .sidebar {
  flex: 1 1 0;
  min-width: 0;
  position: sticky;
  top: calc(var(--dv-nav-h) + 16px);
}
html:not(#dv) .notification-wrapper {
  padding: 14px 16px;
  border-radius: var(--dv-radius-sm);
  cursor: default;
  transition: background 140ms var(--dv-ease);
}
html:not(#dv) .notification-wrapper + .notification-wrapper {
  border-top: 1px solid var(--dv-border);
}
html:not(#dv) .notification-wrapper:hover {
  background: var(--dv-surface-2);
}
html:not(#dv) .notification-wrapper .notification {
  margin: 0;
  padding: 0;
}
html:not(#dv) .notification-wrapper .notification-type {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--dv-danger);
  margin: 0;
}
html:not(#dv) .notification-wrapper .notification-time {
  font-weight: 500;
  color: var(--dv-text-3);
  font-variant-numeric: tabular-nums;
}
html:not(#dv) .notification-wrapper .notification-content .alert-summary,
html:not(#dv) .notification-wrapper .notification-content .notification-text-fallback {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--dv-text-2);
}
html:not(#dv) .notification-wrapper .notification-content .alert-summary strong,
html:not(#dv) .notification-wrapper .notification-content .notification-text-fallback strong {
  color: var(--dv-heading);
  font-weight: 600;
}
html:not(#dv) .notification-wrapper .notification-content .alert-summary span,
html:not(#dv) .notification-wrapper .notification-content .notification-text-fallback span {
  color: var(--dv-text-2);
}
html:not(#dv) .sidebar-content .user-statement,
html:not(#dv) .sidebar-content .alert-summary,
html:not(#dv) .sidebar-content .alert-decision,
html:not(#dv) .sidebar-content .alert-reasoning,
html:not(#dv) .sidebar-content .notification-date {
  margin-bottom: 20px;
}
html:not(#dv) .sidebar-content .user-statement strong,
html:not(#dv) .sidebar-content .alert-summary strong,
html:not(#dv) .sidebar-content .alert-decision strong,
html:not(#dv) .sidebar-content .alert-reasoning strong,
html:not(#dv) .sidebar-content .notification-date strong {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dv-text-3);
  display: block;
  margin-bottom: 6px;
}
html:not(#dv) .sidebar-content .user-statement p,
html:not(#dv) .sidebar-content .alert-summary p,
html:not(#dv) .sidebar-content .alert-decision p,
html:not(#dv) .sidebar-content .alert-reasoning p,
html:not(#dv) .sidebar-content .notification-date p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--dv-text);
}
html:not(#dv) .sidebar-content .alert-reasoning p {
  font-size: 14px;
  color: var(--dv-text-2);
}
html:not(#dv) .card.sidebar .footer-text,
html:not(#dv) .footer-text {
  margin-top: 8px;
  padding: 12px 14px;
  background: var(--dv-surface-2);
  border-radius: var(--dv-radius-sm);
  font-size: 12px;
  line-height: 1.5;
  color: var(--dv-text-3);
}
html:not(#dv) .share-overlay {
  background: var(--dv-scrim);
}
html:not(#dv) .share-menu {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-lg);
  box-shadow: var(--dv-shadow-lg);
  padding: 22px;
}
html:not(#dv) .share-menu .share-menu-header h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .share-menu .share-menu-close {
  color: var(--dv-text-3);
  border-radius: var(--dv-radius-sm);
}
html:not(#dv) .share-menu .share-menu-close:hover {
  color: var(--dv-heading);
  background: var(--dv-surface-2);
}
html:not(#dv) .share-menu .share-menu-hint {
  color: var(--dv-text-2);
  font-size: 13.5px;
}
html:not(#dv) .share-menu .share-menu-option {
  background: var(--dv-surface);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-sm);
}
html:not(#dv) .share-menu .share-menu-option:hover {
  background: var(--dv-surface-2);
  border-color: var(--dv-border-strong);
}
html:not(#dv) .share-menu .share-menu-option:focus-visible {
  outline: none;
  box-shadow: var(--dv-focus);
}
html:not(#dv) .share-menu .share-menu-option .share-provider-label {
  color: var(--dv-text);
  font-size: 14.5px;
}
html:not(#dv) .list-container {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
html:not(#dv) .addBtn:not(.cancelBtn) {
  --color: var(--dv-on-accent);
}
html:not(#dv) ion-card-content {
  padding: 24px 20px 20px;
}
html:not(#dv) ion-card-content .caregiver-wrapper {
  padding: 0;
  gap: 6px;
}
html:not(#dv) ion-card-content .caregiver-wrapper .caregiver-name {
  margin: 12px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) ion-card-content .caregiver-wrapper ion-icon {
  color: var(--dv-text-3);
  margin: 12px 0 0;
  font-size: 18px;
}
html:not(#dv) ion-card-content .professional-wrapper {
  margin-top: 8px;
  align-items: center;
}
html:not(#dv) ion-card-content .professional-wrapper > ion-icon {
  display: none;
}
html:not(#dv) ion-card-content .btnContainer {
  gap: 8px;
  margin-top: 18px;
}
html:not(#dv) ion-card-content .btnContainer ion-button {
  width: auto;
  min-width: 92px;
  height: 34px;
  font-size: 13px;
}
html:not(#dv) ion-card-content .btnContainer .cancelBtn {
  margin: 0;
}
html:not(#dv) ion-icon.person {
  width: 56px;
  height: 56px;
  color: var(--dv-accent);
  opacity: 0.85;
}
html:not(#dv) .role-badges {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}
html:not(#dv) .role-badges > span {
  margin: 0 !important;
}
html:not(#dv) .owner-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-role-owner-bg);
  color: var(--dv-role-owner-fg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html:not(#dv) .admin-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-role-admin-bg);
  color: var(--dv-role-admin-fg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html:not(#dv) .family-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-role-family-bg);
  color: var(--dv-role-family-fg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html:not(#dv) .friend-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-role-friend-bg);
  color: var(--dv-role-friend-fg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html:not(#dv) .professional-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-role-pro-bg);
  color: var(--dv-role-pro-fg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html:not(#dv) .patient-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-role-patient-bg);
  color: var(--dv-role-patient-fg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html:not(#dv) .hover-popover {
  background: var(--dv-tooltip-bg);
  color: var(--dv-tooltip-fg);
  border-radius: var(--dv-radius-md);
  box-shadow: var(--dv-shadow-lg);
  padding: 16px 18px;
  min-width: 300px;
}
html:not(#dv) .hover-popover h4 {
  text-align: left;
  color: var(--dv-tooltip-fg);
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px;
}
html:not(#dv) .hover-popover p {
  color: var(--dv-tooltip-fg);
  opacity: 0.9;
  font-size: 13.5px;
  line-height: 1.5;
  align-items: flex-start;
}
html:not(#dv) .hover-popover p ion-icon {
  color: var(--dv-tooltip-fg);
  opacity: 0.7;
  font-size: 15px;
  margin-top: 2px;
}
html:not(#dv) ion-modal ion-content.ion-padding {
  --padding-start: 28px;
  --padding-end: 28px;
  --padding-top: 26px;
  --padding-bottom: 26px;
}
html:not(#dv) ion-modal.change-password-modal {
  --width: min(460px, calc(100vw - 32px));
  --height: min(430px, calc(100vh - 32px));
  --border-radius: var(--dv-radius-lg);
}
html:not(#dv) ion-modal.change-password-modal h2 {
  margin: 0;
  padding: 26px 28px 6px;
  text-align: left;
  font-size: var(--dv-h2-size);
  font-weight: var(--dv-h2-weight);
  line-height: 1.2;
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-display);
}
html:not(#dv) ion-modal.change-password-modal ion-content > ion-grid {
  padding: 0 18px;
}
html:not(#dv) ion-modal.change-password-modal ion-grid ion-grid {
  padding: 0;
}
html:not(#dv) ion-modal.change-password-modal .button-group {
  gap: 10px;
  margin: 12px 0 0;
  padding: 16px 28px 24px;
  border-top: 1px solid var(--dv-border);
}
html:not(#dv) ion-modal.change-password-modal .button-group ion-button {
  min-width: 120px;
}
html:not(#dv) ion-modal .modal-header h1,
html:not(#dv) ion-modal h1 {
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h2-size);
  font-weight: var(--dv-h2-weight);
  line-height: 1.2;
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-display);
  margin: 0 0 8px;
}
html:not(#dv) ion-modal .modal-header {
  margin-bottom: 20px;
  gap: 10px;
}
html:not(#dv) ion-modal .form-section {
  margin-bottom: 22px;
}
html:not(#dv) ion-modal .section-title {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dv-text-3);
  margin: 0 0 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--dv-border);
}
html:not(#dv) ion-modal .name-row .field,
html:not(#dv) ion-modal .field {
  margin-bottom: 4px;
}
html:not(#dv) ion-modal .permission-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--dv-text-2);
}
html:not(#dv) ion-modal .permission-list {
  color: var(--dv-text-2);
  font-size: 13.5px;
  line-height: 1.7;
}
html:not(#dv) ion-modal .permissions-columns {
  background: var(--dv-surface-2);
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-md);
  padding: 14px 16px;
}
html:not(#dv) ion-modal .permission-list li {
  color: var(--dv-text-2);
}
html:not(#dv) ion-modal .admin-checkbox {
  --padding-start: 0;
  --inner-padding-end: 0;
  font-size: 14px;
  font-weight: 500;
}
html:not(#dv) ion-modal .btnContainer {
  gap: 10px;
  justify-content: flex-end;
  margin-top: 24px;
}
html:not(#dv) ion-modal .btnContainer ion-button {
  width: auto;
  min-width: 120px;
}
html:not(#dv) ion-modal.confirmation {
  --width: min(400px, 92vw);
  --height: 164px;
}
html:not(#dv) ion-modal.confirmation p {
  font-size: 15px;
  color: var(--dv-text);
  margin: 0 0 18px;
}
html:not(#dv) ion-modal.confirmation .btnContainer {
  gap: 10px;
}
html:not(#dv) ion-modal.confirmation ion-button.addBtn.button-solid {
  --background: var(--dv-danger);
  --background-hover: var(--dv-danger);
  --background-focused: var(--dv-danger);
  --box-shadow: none;
}
html:not(#dv) .settings-grid,
html:not(#dv) .save-section {
  max-width: 760px;
}
html:not(#dv) .card-description {
  color: var(--dv-text-2) !important;
  font-size: 14px;
  line-height: 1.65;
}
html:not(#dv) .card-description strong {
  color: var(--dv-heading);
  font-weight: 600;
}
html:not(#dv) .time-slot-row {
  border-bottom: 1px solid var(--dv-border);
  padding: 14px 0;
}
html:not(#dv) .time-slot-row .time-inputs {
  align-items: flex-end;
}
html:not(#dv) .time-slot-row .time-field label {
  margin: 0 0 6px;
}
html:not(#dv) .time-slot-row .time-input {
  padding: 0 12px;
  height: 40px;
}
html:not(#dv) .time-slot-row .time-separator {
  color: var(--dv-text-3);
  padding-bottom: 11px;
}
html:not(#dv) .default-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 3px 9px;
  border-radius: var(--dv-radius-pill);
  background: var(--dv-accent-soft);
  color: var(--dv-accent-ink);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border: 0;
  align-self: flex-end;
  margin-bottom: 9px;
}
html:not(#dv) .slot-actions {
  gap: 10px;
}
html:not(#dv) .slot-actions .toggle-label {
  font-size: 13.5px;
  color: var(--dv-text-2);
}
html:not(#dv) .quiet-hours-toggle {
  border-bottom: 1px solid var(--dv-border);
  padding: 4px 0 14px;
}
html:not(#dv) .quiet-hours-toggle ion-label {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) .add-slot-btn {
  margin-top: 16px;
}
html:not(#dv) .save-section .save-btn {
  min-width: 150px;
}
html:not(#dv) .top-content {
  margin-bottom: 20px;
  gap: 16px;
  flex-wrap: wrap;
}
html:not(#dv) .top-content + ion-card,
html:not(#dv) ion-card + ion-card {
  margin-top: 0;
}
html:not(#dv) #add-content ion-card {
  margin: 0 0 10px;
}
html:not(#dv) #add-content ion-card ion-card-header {
  --background: transparent;
  background: transparent;
}
html:not(#dv) #add-content ion-card {
  box-shadow: var(--dv-card-shadow);
}
html:not(#dv) #add-content ion-card ion-card-header {
  padding: 6px 10px 6px 18px;
}
html:not(#dv) #add-content ion-card ion-item {
  --background: transparent;
  --padding-start: 0;
  --inner-padding-end: 0;
  --min-height: 48px;
}
html:not(#dv) #add-content ion-card ion-item ion-label {
  font-size: 15.5px;
  font-weight: 600;
  color: var(--dv-heading);
}
html:not(#dv) #add-content ion-card ion-item ion-button {
  --background: var(--dv-surface);
  --background-hover: var(--dv-surface-2);
  --color: var(--dv-text);
  height: 34px;
  font-size: 13px;
}
html:not(#dv) #add-content ion-card ion-item ion-button::part(native) {
  border: 1px solid var(--dv-border-strong);
}
html:not(#dv) ion-menu .main-content {
  padding-top: calc(var(--dv-nav-h) + 8px);
}
html:not(#dv) ion-menu .main-content h1 {
  text-align: left;
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h2-size);
  font-weight: var(--dv-h2-weight);
  color: var(--dv-heading);
  margin: 0 0 24px;
  letter-spacing: var(--dv-tracking-display);
}
html:not(#dv) ion-menu .card-question-set {
  border-bottom: 1px solid var(--dv-border);
  padding: 14px 0;
}
html:not(#dv) ion-menu .card-question-set label {
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--dv-text);
}
html:not(#dv) ion-menu .footer {
  margin-top: 24px;
  gap: 10px;
}
html:not(#dv) ion-menu .footer ion-button:first-child:not(:last-child) {
  --background: var(--dv-surface);
  --background-hover: var(--dv-surface-2);
  --color: var(--dv-text);
  --box-shadow: var(--dv-btn-secondary-shadow, none);
}
html:not(#dv) ion-menu .footer ion-button:first-child:not(:last-child)::part(native) {
  border: 1px solid var(--dv-border-strong);
}
html:not(#dv) .profile-popover ion-content {
  --padding-start: 0;
}
html:not(#dv) .profile-popover h2 {
  text-align: left;
  margin: 0;
  padding: 22px 24px 4px;
  font-family: var(--dv-font-display) !important;
  font-size: 19px;
  font-weight: var(--dv-h2-weight);
  color: var(--dv-heading);
  letter-spacing: var(--dv-tracking-display);
}
html:not(#dv) .profile-popover ion-grid {
  padding: 0 14px;
}
html:not(#dv) .profile-popover ion-col {
  --ion-grid-column-padding: 6px;
}
html:not(#dv) .profile-popover .readonly-value {
  font-size: 14.5px;
  color: var(--dv-text-2);
  padding: 0;
}
html:not(#dv) .profile-popover a.logout {
  display: inline-block;
  margin: 10px 0 0 6px;
  color: var(--dv-text);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
html:not(#dv) .profile-popover a.logout:hover {
  color: var(--dv-accent-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
html:not(#dv) .profile-popover .button-group {
  gap: 10px;
  margin: 16px 0 0;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--dv-border);
}
html:not(#dv) .profile-popover .button-group ion-button {
  width: auto;
  min-width: 120px;
  height: var(--dv-control-h);
}
html:not(#dv) .profile-popover .button-group ion-button::part(native) {
  width: auto;
  height: var(--dv-control-h);
  min-height: 0;
  max-height: none;
}
html:not(#dv) .regcard {
  min-height: 100%;
  align-items: center;
  padding: 48px 16px;
  box-sizing: border-box;
}
html:not(#dv) .regcard ion-card {
  width: 100%;
  max-width: 480px;
  margin: 0;
  padding: 12px 12px 8px;
  border-radius: var(--dv-radius-lg);
  box-shadow: var(--dv-auth-shadow, var(--dv-shadow-md));
}
html:not(#dv) .regcard ion-card-header {
  padding: 20px 20px 4px;
}
html:not(#dv) .regcard ion-card-title {
  font-family: var(--dv-font-display) !important;
  font-size: var(--dv-h1-size);
  font-weight: var(--dv-h1-weight);
  letter-spacing: var(--dv-tracking-display);
  color: var(--dv-heading);
}
html:not(#dv) .regcard ion-card-content {
  padding: 12px 20px 16px;
  align-items: stretch;
}
html:not(#dv) .regcard ion-grid {
  padding: 0;
}
html:not(#dv) .regcard ion-row {
  margin: 0 -6px;
}
html:not(#dv) .regcard ion-col {
  padding: 0 6px !important;
}
html:not(#dv) .regcard ion-col[size="6"]:only-child {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
html:not(#dv) .regcard ion-input {
  width: 100% !important;
}
html:not(#dv) .regcard ion-item:not(.item-lines-none) {
  --padding-start: 0;
  --inner-padding-end: 0;
  --inner-border-width: 0;
  --border-width: 0;
  --background: transparent;
  --highlight-height: 0;
  margin-top: 14px;
}
html:not(#dv) .regcard ion-item:not(.item-lines-none) ion-label {
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: var(--dv-label-weight, 600);
  color: var(--dv-text-2) !important;
  transform: none !important;
}
html:not(#dv) .regcard ion-item:not(.item-lines-none) ion-input {
  background: var(--dv-field-bg);
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-sm);
  box-shadow: none;
  transition: border-color 140ms var(--dv-ease), box-shadow 140ms var(--dv-ease), background-color 140ms var(--dv-ease);
  --padding-start: 12px;
  --padding-end: 40px;
  height: var(--dv-control-h);
  min-height: var(--dv-control-h) !important;
}
html:not(#dv) .regcard ion-item:not(.item-lines-none) ion-input.has-focus {
  border-color: var(--dv-accent);
  box-shadow: inset 0 0 0 1px var(--dv-accent);
}
html:not(#dv) .regcard ion-item:not(.item-lines-none) .input-group {
  width: 100%;
}
html:not(#dv) .regcard ion-item:not(.item-lines-none) .input-group .icon {
  right: 12px;
  color: var(--dv-text-3);
  font-size: 18px;
}
html:not(#dv) .regcard .linky {
  padding: 18px 0 8px;
  font-size: 14px;
}
html:not(#dv) .regcard .linky a {
  color: var(--dv-accent-ink);
  font-weight: 600;
  text-decoration: none;
}
html:not(#dv) .regcard .linky a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
html:not(#dv) .regcard a.linky,
html:not(#dv) .regcard .forgot-link {
  color: var(--dv-accent-ink);
  font-weight: 600;
  text-decoration: none;
}
html:not(#dv) .regcard .forgot-link {
  margin-top: 12px;
  font-size: 14px;
}
html:not(#dv) .regcard .rederror {
  color: var(--dv-danger);
  font-size: 13.5px;
  margin: 4px 0;
}
html:not(#dv) .regcard ion-button {
  margin-top: 8px;
}
html:not(#dv) .help-icon ion-icon {
  color: var(--dv-text-3);
}
html:not(#dv) .account-type-card {
  border: 1px solid var(--dv-border-strong);
  border-radius: var(--dv-radius-md);
  background: var(--dv-surface);
}
html:not(#dv) .account-type-card.selected {
  border-color: var(--dv-accent);
  background: var(--dv-accent-soft);
  box-shadow: inset 0 0 0 1px var(--dv-accent);
}
html:not(#dv) .account-type-card .card-radio {
  border-color: var(--dv-border-strong);
}
html:not(#dv) .account-type-card .card-radio.checked {
  border-color: var(--dv-accent);
}
html:not(#dv) .account-type-card .card-radio-inner {
  background: var(--dv-accent);
}
html:not(#dv) .account-type-card .card-title {
  font-size: 14.5px;
  color: var(--dv-heading);
}
html:not(#dv) ion-content .container:has(> ion-img) {
  width: min(440px, 100vw - 48px);
  text-align: center;
}
html:not(#dv) ion-content .container:has(> ion-img) ion-img {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
html:not(#dv) ion-content .container:has(> ion-img) .center ion-button {
  width: 100%;
  max-width: 320px;
  height: 46px;
  margin: 36px 0 16px;
  font-size: 15px;
  --border-radius: var(--dv-radius-sm);
}
html:not(#dv) ion-content .container:has(> ion-img) .sign-up {
  color: var(--dv-accent-ink);
  font-size: 14px;
  font-weight: 500;
}
html:not(#dv) ion-content .container:has(> ion-img) .sign-up:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
html:not(#dv) .ob-shell {
  padding: 28px var(--dv-page-pad) 0;
}
html:not(#dv) .ob-shell__logo {
  width: 128px;
}
html:not(#dv) .ob-shell__stepcount {
  font-size: 13px;
  font-weight: 500;
  color: var(--dv-text-3);
  font-variant-numeric: tabular-nums;
}
html:not(#dv) .ob-shell__footer {
  background: color-mix(in srgb, var(--dv-surface) 92%, transparent);
  backdrop-filter: saturate(1.4) blur(12px);
  border-top: 1px solid var(--dv-border);
}
html:not(#dv) .ob-shell__tip {
  border-bottom: 0;
  color: var(--dv-text-3);
  font-style: normal;
}
html:not(#dv) .ob-shell__logout {
  color: var(--dv-text-2);
  text-decoration: none;
  font-weight: 500;
}
html:not(#dv) .ob-shell__logout:hover {
  color: var(--dv-heading);
  text-decoration: underline;
}
html:not(#dv) .ob-btn {
  min-width: 112px;
}
html:not(#dv) .ob-btn--back,
html:not(#dv) .ob-btn--save {
  --background: var(--dv-surface) !important;
  --background-hover: var(--dv-surface-2) !important;
  --color: var(--dv-text) !important;
  --box-shadow: var(--dv-btn-secondary-shadow, none) !important;
}
html:not(#dv) .ob-btn--back::part(native),
html:not(#dv) .ob-btn--save::part(native) {
  border: 1px solid var(--dv-border-strong);
}
html:not(#dv) .ob-progress__bar {
  height: 4px;
  background: var(--dv-surface-3);
  border-radius: 99px;
}
html:not(#dv) .ob-progress__fill {
  background: var(--dv-accent);
  border-radius: 99px;
}
html:not(#dv) .ob-progress__step {
  color: var(--dv-text-3);
}
html:not(#dv) .ob-progress__circle {
  border: 1.5px solid var(--dv-border-strong);
  background: var(--dv-surface);
  color: var(--dv-text-3);
  font-variant-numeric: tabular-nums;
}
html:not(#dv) .ob-progress__label {
  font-size: 12px;
}
html:not(#dv) .ob-progress__step.is-active {
  color: var(--dv-heading);
  font-weight: 600;
}
html:not(#dv) .ob-progress__step.is-active .ob-progress__circle {
  border-color: var(--dv-accent);
  color: var(--dv-accent-ink);
  box-shadow: 0 0 0 3px var(--dv-accent-soft);
}
html:not(#dv) .ob-progress__step.is-done {
  color: var(--dv-text-2);
}
html:not(#dv) .ob-progress__step.is-done .ob-progress__circle {
  background: var(--dv-accent);
  border-color: var(--dv-accent);
  color: var(--dv-on-accent);
}
html:not(#dv) .ob-welcome h1 {
  font-family: var(--dv-font-display) !important;
  font-size: calc(var(--dv-h1-size) * 1.4);
  font-weight: var(--dv-h1-weight);
  letter-spacing: var(--dv-tracking-display);
  color: var(--dv-heading);
}
html:not(#dv) .ob-welcome__lead {
  color: var(--dv-text);
}
html:not(#dv) .ob-welcome__sub {
  color: var(--dv-text-2);
}
html:not(#dv) .ob-welcome__list li {
  border-bottom: 1px solid var(--dv-border);
  padding: 14px 0;
  color: var(--dv-text);
}
html:not(#dv) .ob-welcome__list li ion-icon {
  color: var(--dv-accent);
}
html:not(#dv) .share-report-content {
  max-width: var(--dv-page-max);
  padding: 0 var(--dv-page-pad);
  margin-top: 40px;
}
html:not(#dv) .share-empty-state .wellness-analytics-title {
  color: var(--dv-heading) !important;
  font-size: var(--dv-h1-size) !important;
  font-weight: var(--dv-h1-weight);
}
html:not(#dv) .share-empty-state p {
  color: var(--dv-text-2);
}
@media (max-width: 1100px) {
  html:not(#dv) .notification-grid {
    flex-direction: column;
  }
  html:not(#dv) .notification-grid .notifications-section,
  html:not(#dv) .notification-grid .sidebar {
    flex: none;
    width: 100%;
    position: static;
  }
}
@media (max-width: 900px) {
  html:not(#dv) .navbar-content {
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  html:not(#dv) .navbar-content::-webkit-scrollbar {
    display: none;
  }
  html:not(#dv) .ob-step ion-grid ion-row {
    flex-wrap: wrap;
  }
  html:not(#dv) .ob-step ion-grid ion-row > ion-col {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  html:not(#dv) .ob-step ion-grid ion-row > ion-col[size="3"] {
    flex: 1 1 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
  html:not(#dv) ion-modal {
    --width: 100%;
    --height: 100%;
    --border-radius: 0;
  }
  html:not(#dv) ion-modal.confirmation {
    --width: min(400px, 92vw);
    --height: 164px;
    --border-radius: var(--dv-radius-lg);
  }
  html:not(#dv) .profile-popover {
    --min-width: min(460px, 94vw);
    --width: min(460px, 94vw);
  }
}
@media (max-width: 640px) {
  html:not(#dv) {
    --dv-page-pad: 16px;
  }
  html:not(#dv) .title-and-filter {
    align-items: flex-start;
  }
  html:not(#dv) .title-and-filter .title-heading,
  html:not(#dv) .title-and-filter .wellness-analytics-title {
    font-size: calc(var(--dv-h1-size) * 0.85) !important;
  }
  html:not(#dv) .report-action-buttons {
    width: 100%;
  }
  html:not(#dv) .report-action-buttons ion-button {
    flex: 1;
  }
  html:not(#dv) .summary-main-card .summary-section {
    padding: 18px 16px;
  }
  html:not(#dv) .ob-med-card,
  html:not(#dv) .ob-appt-card,
  html:not(#dv) .pi-overview__card,
  html:not(#dv) .ob-review__card,
  html:not(#dv) .card {
    padding-left: 16px;
    padding-right: 16px;
  }
  html:not(#dv) .ob-med-toolbar,
  html:not(#dv) .ob-appt-toolbar {
    flex-wrap: wrap;
  }
  html:not(#dv) .pi-shell__saverow ion-button {
    width: 100%;
  }
  html:not(#dv) .time-slot-row {
    flex-wrap: wrap;
  }
  html:not(#dv) .time-slot-row .time-inputs {
    flex-wrap: wrap;
  }
  html:not(#dv) ion-card-content .btnContainer ion-button {
    flex: 1;
  }
  html:not(#dv) .notification-wrapper {
    padding: 12px 10px;
  }
  html:not(#dv) .top-content ion-button {
    width: 100%;
  }
  html:not(#dv) .ob-shell__footerinner {
    padding: 0 16px;
    gap: 8px;
  }
  html:not(#dv) .ob-shell__footerinner ion-button {
    min-width: 0;
    flex: 1;
  }
  html:not(#dv) .ob-shell__tip {
    display: none;
  }
}
html:not(#dv) ion-header ion-toolbar {
  backdrop-filter: saturate(1.5) blur(14px);
}
html:not(#dv) .navbar-content {
  gap: 4px;
}
html:not(#dv) .navbar-content::before {
  content: "";
  flex: 0 0 auto;
  width: 124px;
  height: 27px;
  margin-right: 36px;
  background: url("/assets/imgs/aivacare-logo.png") left center/contain no-repeat;
}
html:not(#dv) .navbarLink:not(.profile) {
  padding: 0 14px;
}
html:not(#dv) .navbarLink:not(.profile)::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--dv-accent);
  transform: scaleX(0);
  transition: transform 180ms var(--dv-ease);
}
html:not(#dv) .navbarLink:not(.profile).active::after {
  transform: scaleX(1);
}
html:not(#dv) .navbarLink.profile {
  height: 40px;
  padding: 0 12px 0 6px;
  border: 1px solid var(--dv-border);
  border-radius: var(--dv-radius-pill);
  font-size: 13.5px;
  color: var(--dv-text);
}
html:not(#dv) .navbarLink.profile ion-icon {
  font-size: 26px;
  color: var(--dv-accent);
}
html:not(#dv) .navbarLink.profile:hover {
  background: var(--dv-surface-2);
}
html:not(#dv) .pi-shell__header {
  padding-bottom: 4px;
}
html:not(#dv) .pi-bubbles__item {
  position: relative;
  flex-direction: row;
  color: var(--dv-text-2);
}
html:not(#dv) .pi-bubbles__item:hover:not(.is-active) {
  color: var(--dv-heading);
}
html:not(#dv) .pi-bubbles__item.is-active {
  color: var(--dv-heading);
}
html:not(#dv) .pi-bubbles__circle {
  display: none;
}
html:not(#dv) .pi-bubbles__label,
html:not(#dv) .pi-bubbles__item.is-active .pi-bubbles__label {
  font-size: 14px;
  font-weight: 500;
}
html:not(#dv) .pi-bubbles__item.is-active .pi-bubbles__label {
  font-weight: 600;
}
@media (min-width: 1024px) {
  html:not(#dv) .pi-shell {
    display: grid;
    grid-template-columns: 208px minmax(0, 1fr);
    column-gap: 40px;
    align-items: start;
  }
  html:not(#dv) .pi-shell__header {
    grid-column: 1/-1;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--dv-border);
  }
  html:not(#dv) .pi-shell__bubbles {
    grid-column: 1;
    position: sticky;
    top: calc(var(--dv-nav-h) + 24px) !important;
    margin: 0;
    padding: 0 16px 0 0;
    background: transparent;
    backdrop-filter: none;
    border: 0;
    border-right: 1px solid var(--dv-border);
  }
  html:not(#dv) .pi-bubbles {
    flex-direction: column;
    gap: 2px;
    overflow: visible;
  }
  html:not(#dv) .pi-bubbles__item {
    justify-content: flex-start;
    padding: 10px 14px;
    border-radius: var(--dv-radius-sm);
    text-align: left;
    transition: background-color 140ms var(--dv-ease), color 140ms var(--dv-ease);
  }
  html:not(#dv) .pi-bubbles__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    bottom: 7px;
    width: 3px;
    border-radius: 3px;
    background: var(--dv-accent);
    transform: scaleY(0);
    transition: transform 180ms var(--dv-ease);
  }
  html:not(#dv) .pi-bubbles__item:hover:not(.is-active) {
    background: var(--dv-surface-3);
  }
  html:not(#dv) .pi-bubbles__item.is-active {
    background: var(--dv-accent-soft);
  }
  html:not(#dv) .pi-bubbles__item.is-active::before {
    transform: scaleY(1);
  }
  html:not(#dv) .pi-shell__body {
    grid-column: 2;
    min-width: 0;
  }
}
@media (max-width: 1023.98px) {
  html:not(#dv) .pi-shell__bubbles {
    margin-left: calc(var(--dv-page-pad) * -1);
    margin-right: calc(var(--dv-page-pad) * -1);
    padding: 0 var(--dv-page-pad);
  }
  html:not(#dv) .pi-bubbles__item {
    padding: 15px 14px 14px;
  }
  html:not(#dv) .pi-bubbles__item::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: -1px;
    height: 2px;
    background: var(--dv-accent);
    transform: scaleX(0);
    transition: transform 180ms var(--dv-ease);
  }
  html:not(#dv) .pi-bubbles__item:first-child {
    padding-left: 0;
  }
  html:not(#dv) .pi-bubbles__item:first-child::after {
    left: 0;
  }
  html:not(#dv) .pi-bubbles__item.is-active::after {
    transform: scaleX(1);
  }
}
html:not(#dv) .pi-overview__card,
html:not(#dv) .ob-review__card {
  padding: 20px 24px 22px;
}
html:not(#dv) .report-type > ion-segment {
  align-self: flex-start;
  width: auto;
  min-width: 340px;
  background: var(--dv-surface-3);
  border-radius: 8px;
  padding: 3px;
  --background: var(--dv-surface-3);
}
html:not(#dv) ion-segment-button {
  --background-checked: var(--dv-surface);
  --color: var(--dv-text-2);
  --color-checked: var(--dv-heading);
  --indicator-color: var(--dv-surface);
  --indicator-box-shadow: 0 1px 2px rgba(16, 33, 60, 0.1), 0 0 0 1px rgba(16, 33, 60, 0.04);
  --border-radius: 6px;
  --padding-top: 8px;
  --padding-bottom: 8px;
  min-height: 34px;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0;
}
html:not(#dv) ion-segment-button::before {
  display: none;
}
html:not(#dv) .summary-main-card {
  padding: 4px 0;
}
html:not(#dv) .summary-main-card .summary-sections {
  column-rule: 1px solid var(--dv-border);
}
html:not(#dv) .summary-main-card .summary-section {
  padding: 22px 28px;
}
html:not(#dv) .summary-main-card .summary-section .section-header {
  margin-bottom: 10px;
}
html:not(#dv) .summary-main-card .summary-section .section-header .section-icon {
  display: none;
}
html:not(#dv) .summary-main-card .summary-section .section-header .section-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dv-text-3);
}
html:not(#dv) .summary-main-card .overview-section .summary-content p {
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--dv-text);
}
html:not(#dv) .flagged-section .flagged-name::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px 2px 0;
  border-radius: 50%;
  background: var(--dv-warning);
}
html:not(#dv) .notifications-section {
  padding: 4px 8px !important;
}
html:not(#dv) .notification-wrapper .notification-type::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dv-danger);
}
html:not(#dv) ion-card-content[data-initials]::before {
  content: attr(data-initials);
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--dv-accent-soft);
  color: var(--dv-accent-ink);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
html:not(#dv) ion-card-content[data-initials] ion-icon.person {
  display: none;
}
html:not(#dv) .list-container ion-card {
  transition: border-color 160ms var(--dv-ease);
}
html:not(#dv) .list-container ion-card:hover {
  border-color: var(--dv-border-strong);
}
html:not(#dv) .content-container.dashboard-content > ion-button.addBtn {
  align-self: flex-end;
  margin-bottom: 20px;
}
html:not(#dv) .regcard ion-card {
  border-color: var(--dv-border);
}
@media (max-width: 900px) {
  html:not(#dv) {
    --dv-page-pad: 20px;
    --dv-page-top: 24px;
    --dv-nav-h: 56px;
  }
  html:not(#dv) .navbar-content::before {
    width: 92px;
    margin-right: 12px;
  }
  html:not(#dv) .navbarLink:not(.profile) {
    padding: 0 10px;
  }
  html:not(#dv) .navbarLink:not(.profile)::after {
    left: 10px;
    right: 10px;
  }
  html:not(#dv) .report-type > ion-segment {
    min-width: 0;
    width: 100%;
  }
  html:not(#dv) .summary-main-card .summary-sections {
    column-rule: none;
  }
  html:not(#dv) .summary-main-card .summary-section + .summary-section {
    border-top: 1px solid var(--dv-border);
  }
}
@media (max-width: 640px) {
  html:not(#dv) {
    --dv-page-pad: 16px;
  }
  html:not(#dv) .navbarLink.profile {
    font-size: 0;
    border: 0;
    padding: 0 4px;
    gap: 0;
  }
}
@media (max-width: 560px) {
  html:not(#dv) {
    --dv-nav-h: 100px;
  }
  html:not(#dv) .navbar-content {
    flex-wrap: wrap;
    align-content: space-between;
    padding-top: 8px;
    overflow: visible;
  }
  html:not(#dv) .navbar-content::before {
    margin-right: auto;
  }
  html:not(#dv) .navbar-content::after {
    content: "";
    order: 2;
    flex-basis: 100%;
  }
  html:not(#dv) .navbarLink.profile {
    order: 1;
  }
  html:not(#dv) .navbarLink:not(.profile) {
    order: 3;
    height: 44px;
  }
  html:not(#dv) .navbarLink:not(.profile):first-child {
    padding-left: 0;
  }
  html:not(#dv) .navbarLink:not(.profile):first-child::after {
    left: 0;
  }
}