[data-theme="light"],
:root:not([data-theme="dark"]) {
  --primary: #1b5a9a ;
  --primary-hover: #134374 ;
  --primary-focus: rgba(216, 27, 96, 0.125);
  --primary-inverse: #FFF;
}

/* Pink Dark scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --primary: #1b5a9a ;
    --primary-hover: #134374 ;
    --primary-focus: rgba(216, 27, 96, 0.25);
    --primary-inverse: #FFF;
  }
}

/* Pink Dark scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme="dark"] {
  --primary: #1b5a9a;
  --primary-hover: #134374;
  --primary-focus: rgba(216, 27, 96, 0.25);
  --primary-inverse: #FFF;
}

/* Pink (Common styles) */
:root {
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-spacing-vertical: 0.25rem;
  --form-element-spacing-horizontal: 0.25rem;
  --font-family: 'Open Sans';
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --spacing: 0.5rem;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(/opensans700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(/opensans300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(/opensans400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(/opensans600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-family: "Open Sans";
  font-weight: 400;
}
.brush {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 22'%3E%3Cstyle%3E@keyframes brush{to{stroke-dashoffset:0}}%3C/style%3E%3Cdefs%3E%3CclipPath id='mask'%3E%3Cpath class='stroke' d='M68 14l1 1-12-1c9 2 19 4 26 0 1 2 10 3 10 2l6-1-4 1 4-1h37l35 2h3l-3-1 12-1-2-1h2l8-1 3 1-1-1h23c-1 1 3 1 1 1l10-1 36-2 13-1c4-1 9-1 10-3l11-1 2-1-6-1h1l-33-2-23 1-25 1-4-1-22 1-10-1-1 1c-1-1-23 2-24 1h-1l-24-2-4 1-3 1-4-1h-9l-4 1-2-1h-5l-8 1h1l-9-2H52l2 1-15-1-2-1h-3l-4-1h-1-2-1l-7 2h-1v1h-2l-1-1h-2l6 2h-3l-4-1h-2-1 2L8 3H6 4c0-1-1 0 0 0 0 0 2 0 1 1H3s1 0 0 0H1h1l4-2-5 2v1l1-1 1 1 3-1H4 2L1 5c4 0-2 3 1 3-1-1 1-1 2-1l2 1 1-1 1 1h6l1 1h-1-2l2 1h3s1 0 0 0h1s1 0 0 0h2l6-1h2l-7 1 10-1h1v1h7l-2 1h-1 3c1 0 0 0 0 0h7l5 1v-1h2c-2 1 2 1 1 2h2l1-1 3 1v1h3l4-1 1 1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath clip-path='url(%23mask)' d='M11 16s86 14 278 1' id='mask' style='animation-delay:256ms;animation-duration:1064ms;animation-fill-mode:forwards;animation-name:brush;animation-timing-function:cubic-bezier(.85,0,.25,1)' fill='none' stroke='%23d70071' stroke-dasharray='278 280' stroke-dashoffset='279' stroke-linecap='round' stroke-width='50' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom:8px;
  font-style: inherit;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(opensans700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(/opensans300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(/opensans400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(/opensans600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-family: "Open Sans";
  font-weight: 400;
}
.brush {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 22'%3E%3Cstyle%3E@keyframes brush{to{stroke-dashoffset:0}}%3C/style%3E%3Cdefs%3E%3CclipPath id='mask'%3E%3Cpath class='stroke' d='M68 14l1 1-12-1c9 2 19 4 26 0 1 2 10 3 10 2l6-1-4 1 4-1h37l35 2h3l-3-1 12-1-2-1h2l8-1 3 1-1-1h23c-1 1 3 1 1 1l10-1 36-2 13-1c4-1 9-1 10-3l11-1 2-1-6-1h1l-33-2-23 1-25 1-4-1-22 1-10-1-1 1c-1-1-23 2-24 1h-1l-24-2-4 1-3 1-4-1h-9l-4 1-2-1h-5l-8 1h1l-9-2H52l2 1-15-1-2-1h-3l-4-1h-1-2-1l-7 2h-1v1h-2l-1-1h-2l6 2h-3l-4-1h-2-1 2L8 3H6 4c0-1-1 0 0 0 0 0 2 0 1 1H3s1 0 0 0H1h1l4-2-5 2v1l1-1 1 1 3-1H4 2L1 5c4 0-2 3 1 3-1-1 1-1 2-1l2 1 1-1 1 1h6l1 1h-1-2l2 1h3s1 0 0 0h1s1 0 0 0h2l6-1h2l-7 1 10-1h1v1h7l-2 1h-1 3c1 0 0 0 0 0h7l5 1v-1h2c-2 1 2 1 1 2h2l1-1 3 1v1h3l4-1 1 1z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath clip-path='url(%23mask)' d='M11 16s86 14 278 1' id='mask' style='animation-delay:256ms;animation-duration:1064ms;animation-fill-mode:forwards;animation-name:brush;animation-timing-function:cubic-bezier(.85,0,.25,1)' fill='none' stroke='%23d70071' stroke-dasharray='278 280' stroke-dashoffset='279' stroke-linecap='round' stroke-width='50' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom:8px;
  font-style: inherit;
}

</style>