@layer reset, utilities, components;
:root {
  --color-text-1-rgb: 0 0 0;
  --color-text-1-opacity: 1;
  --color-text-1: rgb(var(--color-text-1-rgb) / var(--color-text-1-opacity));
  --color-text-2-rgb: 0, 29, 43;
  --color-text-2-opacity: 1;
  --color-text-2: rgb(var(--color-text-2-rgb) / var(--color-text-2-opacity));
  --color-bg-opacity: 1;
  --color-link-rgb: 0, 142, 216;
  --color-link-opacity: 1;
  --color-link: rgb(var(--color-link-rgb) / var(--color-link-opacity));
  --color-accent: #FACB44;
  --color-on-accent: white;
  --gradient-accent: linear-gradient(180deg, #EAB137 0%, #F1A343 100%);
  --color-danger: #DB2121;
  --container-width: 600px;
  --font-family-sans: "Aktiv Grotesk", $base-font-family;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-3: 0.75rem;
  --line-height-4: 1rem;
  --line-height-5: 1.25rem;
  --line-height-6: 1.5rem;
  --line-height-7: 1.75rem;
  --line-height-8: 2rem;
  --line-height-9: 2.25rem;
  --line-height-10: 2.5rem;
  --line-height-none: 1;
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 0.75rem;
  --size-4: 1rem;
  --size-5: 1.25rem;
  --size-6: 1.5rem;
  --size-7: 1.75rem;
  --size-8: 2rem;
  --size-11: 2.75rem;
  --size-12: 3rem;
  --size-2_5: 0.625rem;
  --size-3_5: 0.875rem;
  --flow-space: var(--size-4);
  --radius-none: 0px;
  --radius-sm: 0.125rem;
  --radius-default: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-round: 1e5px;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #477dca;
  border: 0;
  border-radius: var(--radius-lg);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
button:hover, button:focus, [type=button]:hover, [type=button]:focus, [type=reset]:hover, [type=reset]:focus, [type=submit]:hover, [type=submit]:focus {
  background-color: #ADC9D9;
  color: #fff;
}
button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button:disabled:hover, [type=button]:disabled:hover, [type=reset]:disabled:hover, [type=submit]:disabled:hover {
  background-color: #477dca;
}

.btn--gold {
  /* button style */
  background: linear-gradient(180deg, #EAB137 0%, #F1A343 100%);
  text-align: center;
  padding: 8px 12px;
  width: 100%;
  height: 44px;
  cursor: pointer;
  border-radius: 8px;
  /* text style */
  color: white;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}

.btn--gray-secondary {
  /* Unknown class .border-secondaryBorder */
  border-width: 2px;
  border-style: solid;
  background-color: var(--tw-color-transparent);
  /* Unknown class .text-secondary */
  padding-top: var(--tw-size-3);
  padding-bottom: var(--tw-size-3);
  display: flex;
  justify-content: center;
  align-items: center;
  /* Unknown class .font-base */
  border-radius: var(--radius-lg);
  width: 248px;
  height: var(--size-11);
  border-color: #ADC9D9;
  color: #4F88A8;
}

.btn--cancel {
  border: 2px solid #E04C4D;
  color: #E04C4D;
  background: inherit;
}

fieldset {
  background-color: rgb(246.5, 246.5, 246.5);
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
}

label {
  font-weight: 600;
  margin-bottom: 0.375em;
}
label.required::after {
  content: "*";
}
label abbr {
  display: none;
}

[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea,
select[multiple=multiple] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%;
}
[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, input:not([type]):hover, textarea:hover,
select[multiple=multiple]:hover {
  border-color: rgb(176.8, 176.8, 176.8);
}
[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus,
select[multiple=multiple]:focus {
  border-color: #477dca;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55.3481012658, 111.7405063291, 192.1518987342, 0.7);
  outline: none;
}
[type=color]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=email]:disabled, [type=month]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=text]:disabled, [type=time]:disabled, [type=url]:disabled, [type=week]:disabled, input:not([type]):disabled, textarea:disabled,
select[multiple=multiple]:disabled {
  background-color: rgb(242.25, 242.25, 242.25);
  cursor: not-allowed;
}
[type=color]:disabled:hover, [type=date]:disabled:hover, [type=datetime]:disabled:hover, [type=datetime-local]:disabled:hover, [type=email]:disabled:hover, [type=month]:disabled:hover, [type=number]:disabled:hover, [type=password]:disabled:hover, [type=search]:disabled:hover, [type=tel]:disabled:hover, [type=text]:disabled:hover, [type=time]:disabled:hover, [type=url]:disabled:hover, [type=week]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
select[multiple=multiple]:disabled:hover {
  border: 1px solid #ddd;
}

textarea {
  resize: vertical;
}

input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
  margin-right: 0.375em;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: inline-block;
}

input[type=file] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
dl {
  margin-bottom: 0.75em;
}
dl dt {
  font-weight: bold;
  margin-top: 0.75em;
}
dl dd {
  margin: 0;
}

table {
  border-collapse: collapse;
  font-feature-settings: "kern", "liga", "tnum";
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid rgb(165.75, 165.75, 165.75);
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  color: #333;
  font-family: "Source Sans Pro", sans-serif;
  font-feature-settings: "kern", "liga", "pnum";
  font-size: 1em;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

p {
  margin: 0 0 0.75em;
}

a {
  color: #477dca;
  text-decoration: none;
  transition: color 150ms ease;
}
a:active, a:focus, a:hover {
  color: rgb(53.25, 93.75, 151.5);
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-003c6e6fa833ddc5fd4eb4db239bfa8d54f91659e0c29572f9bdc80eec75fb8b.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Italic-a51101b28a1e300abc568b3aed0727383353e9dead97ba31673128ff022cf46a.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Light-4c7b835e5aa2a9bbc7e38e7c6e23f669071aa2a729eead1df834627a9fa4c74d.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Light-Italic-46143bd00c40025f29973664caa469b971dcf7b5980b22a544acc63ddb526a00.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Medium-785b6049a5c6afb2e7a9d99e3fdd28b5bdb00c76a2f076809f15bc1c88093426.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Medium-Italic-e9875b2ef5b269041bec4edf9b6906958a29867da270c6bd09d945f080e1a6d3.otf) format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Bold-7477602d593c809b2c251243d2a31a5078d899566a4c73cec5d363e90fbbd635.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Aktiv Grotesk";
  src: url(/assets/Aktiv-Grotesk-Bold-Italic-e7580bf03ccd2c9b7769190c85cdab0fc805812ceb403b1fa7811298759d5a1c.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url(/assets/OpenSans-Italic-a959830152b77c97118fc35ce3e5c2746a5e5c3ec6269f5d0f6f995ae9bcaeb7.ttf) format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url(/assets/OpenSans-a5b42897f395d9bb30d256a98c8c76fe4116a5feb166c95672f9276ac2f5d57d.ttf) format("truetype");
}
*, ::before, ::after {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  margin: 0;
}

.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column > .flex-column-content {
  flex: 1;
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row > .flex-row-content {
  flex: 1;
  padding: 1.5em;
  background-color: #ABD3FF;
}
.flex-row > .flex-row-left-nav {
  flex: 0 0 10em;
  order: -1;
}

.active-devices__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 33px;
  text-align: center;
}

.active-devices__subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 18px;
}

.app_info {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px 8px;
  background-color: white;
  border-radius: 9999px;
  text-align: center;
  text-decoration-line: underline;
  text-underline-offset: 8px;
  text-decoration-color: red;
  text-decoration-style: double;
}

.app_info__env {
  color: red;
}

.app_info__version {
  color: rgb(172, 166, 206);
}

.app_info__revision {
  color: rgb(216, 153, 153);
}

:where(.btn) {
  --button-padding: var(--size-2) var(--size-3);
  --button-height: 44px;
  --button-width: max-content;
  --button-radius: var(--radius-lg);
  --button-font-family: var(--font-family-sans);
  --button-font-weight: var(--font-weight-medium);
  --button-line-height: var(--line-height-5);
  --button-font-size: var(--font-size-base);
  --button-background: var(--gradient-accent);
  --button-color: var(--color-on-accent);
  /* button style */
  cursor: pointer;
  text-align: center;
  background: var(--button-background);
  color: var(--button-color);
  padding: var(--button-padding);
  border-radius: var(--button-radius);
  height: var(--button-height);
  width: var(--button-width);
  /* text style */
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
}

.card {
  --button-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin: auto;
  border-radius: 10px;
  background-color: #F4FAFE;
  box-shadow: 0px 2px 10px 0px rgba(121, 152, 158, 0.33);
  margin-bottom: 30px;
  padding-bottom: var(--size-6);
}
.card .missing {
  margin-bottom: 8px;
  color: #93B7CB;
}

.card-background {
  width: 100%;
  background-color: #E6F4FE;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: var(--size-8);
  padding-top: var(--size-6);
  line-height: 0;
}

.card__title {
  margin-left: auto;
  margin-right: auto;
  font-weight: var(--font-weight-extrabold);
  font-size: 28px;
  line-height: 33px;
}

.card__footer {
  padding-left: var(--size-8);
  padding-right: var(--size-8);
}

.card__footer > * + * {
  margin-top: var(--size-2);
}

.card__footer form {
  display: flex;
  justify-content: center;
}

.stripe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.card__footnote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #737373;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.card__footnote a {
  color: #008ED8;
  font-weight: 600;
  text-align: center;
}

footer.chuck-page-footer {
  --color-bg-footer-rgb: 220 238 252;
  --color-separator-rgb: 232 161 125;
  --color-separator: rgb(var(--color-separator-rgb)
                         / var(--color-bg-opacity));
  --color-bg-footer: rgb(var(--color-bg-footer-rgb)
                         / var(--color-bg-opacity));
  --size-footer-padding-inline: 4rem;
  --size-footer-separator: 0.125rem;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: var(--size-footer-height);
  width: 100%;
  padding-inline: var(--size-footer-padding-inline);
  background: var(--color-bg-footer);
}
footer.chuck-page-footer ul.chuck-page-footer-links {
  width: 100%;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-4);
  color: var(--color-text-1);
}
footer.chuck-page-footer .menu {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 50px auto;
}
footer.chuck-page-footer .contact {
  font-size: 10px;
  font-weight: 400;
  margin-top: 0;
  text-transform: uppercase;
}

.chuck-page-header {
  --header-height: 3rem;
  --header-color-bg: var(--color-accent);
  background: var(--header-color-bg);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.23);
  width: 100%;
  height: var(--header-height);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 75px;
  padding-right: 50px;
}
.chuck-page-header .menu {
  justify-content: flex-end;
}
.chuck-page-header .account {
  border-radius: 0px;
  margin-top: -4px;
  height: 48px;
  flex-direction: column;
  justify-content: flex-start;
  text-align: right;
  line-height: 15px;
  font-weight: 400;
  background: var(--header-color-bg);
  padding-right: 0;
  color: black;
}
.chuck-page-header .account b {
  color: #E73737;
}
@media only screen and (max-width: 660px) {
  .chuck-page-header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 91px;
    padding-top: 5px;
    padding-left: 55px;
  }
  .chuck-page-header .support-btn {
    display: none;
  }
  .chuck-page-header .menu {
    justify-content: center;
    margin-top: 8px;
  }
}

.dialog {
  padding: 0;
  border: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 10px 0px rgba(66, 68, 90, 0.1);
}

.dialog__surface {
  position: relative;
  max-width: 560px;
  padding: 2rem;
  background-color: #F4FAFE;
}

.dialog__surface .btn {
  max-width: 400px;
}

.dialog::backdrop {
  opacity: 0.5;
  background-color: #19181D;
}

.dialog__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 33.07px;
  text-align: center;
}

.dialog__section {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#dialogFlash {
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.dialog__close-button {
  position: absolute;
  padding: 0.25rem;
  border-radius: 9999px;
  top: 1rem;
  right: 1rem;
  width: 24px;
  height: 24px;
  color: black;
  background-color: white;
  box-shadow: 0px 2px 10px 0px rgba(66, 68, 90, 0.1);
  outline: none;
}

.dialog__close-button:hover,
.dialog__close-button:focus {
  background-color: white;
  color: black;
}

.features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-bottom: var(--size-11);
  margin-top: var(--size-8);
}
.features div {
  display: flex;
  flex-basis: 50%;
  height: 18px;
  margin-bottom: var(--size-4);
  justify-content: flex-start;
  padding-right: var(--size-8);
}
.features div > p {
  font-size: 15px;
  line-height: 17px;
  margin-left: var(--size-2);
  white-space: nowrap;
  text-align: left;
}

:root {
  --color--flash-warning: #F1A343;
  --color--flash-warning-success: #C8B984;
  --color--flash-error: #D57F84;
  --color--flash-success: #84C897;
}

.flash {
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  margin-bottom: 24px;
}

.success {
  --color-flash: var(--color--flash-success) ;
}

.warning {
  --color-flash: var(--color--flash-warning) ;
}

.warning-success {
  --color-flash: var(--color--flash-warning-success) ;
}

.error {
  --color-flash: var(--color--flash-error) ;
}

.flash > section {
  display: flex;
  align-items: center;
  text-align: left;
  border-width: 2px;
  border-style: solid;
  border-radius: var(--radius-lg);
  padding-top: var(--size-3_5);
  padding-bottom: var(--size-3_5);
  padding-left: var(--size-4);
  padding-right: var(--size-4);
  background-color: rgba(247, 255, 249, 0.8);
  border-color: var(--color-flash);
  color: var(--color-flash);
}

.flash > section > img {
  margin-right: var(--size-4);
}

.flash > section > p {
  color: var(--color-flash);
  margin: 0;
  align-items: center;
}

.horizontalMenu {
  padding: 0;
  margin: 0;
  display: inline;
  padding: 2px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.05);
}
.horizontalMenu__item {
  display: inline;
  margin: 0;
  list-style: none;
  padding: 0 10px;
}
.horizontalMenu__title {
  font-weight: bold;
}

.list-item {
  display: flex;
  font-family: "Aktiv Grotesk";
  align-items: center;
  justify-content: left;
  background-color: white;
  border-radius: var(--radius-lg);
  padding: var(--size-5);
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  min-width: 362px;
  min-height: 86px;
}
.list-item .danger {
  color: #db2121;
}

.list-item__container {
  width: 100%;
  padding: 20px;
  gap: 8px;
}

.list-item__container > * + * {
  margin-top: 8px;
}

.list-item__img {
  flex: 0;
}

.list-item__primary > * + * {
  margin-top: 4px;
}

.list-item__primary {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  flex: 1;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-left: var(--size-6);
}
.list-item__primary p {
  margin: 0 10px 0 0;
}

.list-item__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18.69px;
  text-align: left;
  margin-bottom: 0px;
}

.list-item__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 13.9px;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 8px;
  color: #607c8e;
}

.list-item__secondary {
  flex: 0;
  color: rgb(var(--tw-color-black)/0.5);
  font-size: 14px;
  line-height: 16px;
}

.menu {
  -webkit-font-smoothing: antialiased;
  padding-top: 2.5px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 33px;
  padding-inline: var(--flow-space);
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12.5px;
  letter-spacing: 0.38px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1em;
}
.menu img {
  margin-top: -2px;
}
.menu .menu-item {
  flex-shrink: 0;
  color: #333333;
}

.user-plan {
  display: flex;
  flex-direction: column;
  place-content: center;
}
.user-plan header {
  margin-bottom: 38px;
  text-align: center;
  --tw-text-opacity: 1;
  color: var(--color-text-1);
  font-weight: var(--font-weight-bold);
}
.user-plan header h1 {
  /* Unknown class .text-hGray */
  font-size: 28px;
  line-height: 33px;
}
.user-plan header h2 {
  font-size: 16px;
  line-height: 18px;
  font-weight: var(--font-weight-normal);
}
.user-plan header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-2_5) * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-2_5) * var(--tw-space-y-reverse));
}
.user-plan h2 {
  font-weight: var(--font-weight-bold);
  font-size: 18px;
  line-height: 21px;
  /* Unknown class .text-hGray */
  margin-bottom: 30px;
  margin-top: 38px;
}
.user-plan footer {
  display: flex;
  flex-direction: column;
  min-width: 244px;
}
.user-plan footer button.btn {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-plan footer span {
  font-size: 16px;
}
.user-plan footer span.footer__unique2 {
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
}
.user-plan footer img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pricing p {
  font-weight: var(--font-weight-normal);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 33px;
}
.pricing .pricing__hero-img {
  margin-bottom: -5px;
}
.pricing .features {
  padding-inline: var(--size-8);
}
.pricing .stripe {
  width: 330px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--size-8);
}
.pricing .stripe__powered_by {
  margin-top: 1rem;
}
.pricing .contact-us {
  font-family: "Open Sans", sans-serif;
  color: var(--color-text-2);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-4);
  line-height: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 56px;
}
.pricing .contact-us p > a {
  font-weight: var(--font-weight-semibold);
  color: rgb(var(--color-link));
}

.sidebarNav {
  background: #C2E6F8;
}
.sidebarNav > ul > li {
  border-bottom: 1px solid #333;
  padding: 0;
  margin: 0;
}
.sidebarNav > ul > li a:only-child {
  padding: 0.75em 1.5em;
  margin: 0;
  display: block;
  width: 100%;
}
.sidebarNav > ul > li:hover {
  background: rgb(146.2429906542, 73.8831775701, 16.7570093458);
  color: #6ACAEF;
}
.sidebarNav > ul > li:hover a {
  color: #6ACAEF;
}
.sidebarNav > ul > li:hover {
  font-weight: bold;
}
body.admin-subscriptions .sidebarNav li.subscriptions, body.admin-potential_accounts .sidebarNav li.potential_accounts, body.admin-login-accounts .sidebarNav li.login-accounts, body.admin-accounts .sidebarNav li.accounts, body.admin-registrations .sidebarNav li.registrations, body.admin-statuses .sidebarNav li.statuses, body.admin-dashboards .sidebarNav li.dashboards {
  background: white;
  font-weight: bold;
}
.sign-in .email-cta {
  margin-bottom: var(--size-6);
  color: var(rbg(--color-text-2));
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-8);
  font-weight: var(--font-weight-extrabold);
  max-width: 436px;
  font-size: 28px;
  line-height: 33px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.sign-in img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sign-in .assurance {
  display: flex;
  justify-content: center;
  margin-top: var(--size-5);
  margin-bottom: var(--size-2);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-4);
  color: var(--color-text-1);
}
.sign-in .assurance img {
  margin: 2px var(--size-1) 0 0;
  float: left;
}
.sign-in form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.sign-in form > div {
  width: 260px;
}
.sign-in form input {
  border-radius: var(--radius-default);
  margin-bottom: var(--size-3);
  display: block;
  width: 100%;
  padding-left: var(--size-3);
  padding-right: var(--size-3);
  padding-top: var(--size-2);
  padding-bottom: var(--size-2);
}

.splash {
  background: #C2E6F8;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.splash .splash-item {
  max-width: 20em;
  text-align: center;
}