@charset "UTF-8";
.dashboard #content .help {
  -webkit-transition: background ease 0.3s;
  -o-transition: background ease 0.3s;
  transition: background ease 0.3s;
  width: 1.2em;
  height: 1.2em;
  background: #cad0d5;
  position: relative;
  font-size: 10px;
  color: #FFFFFF;
  border-radius: 36.0em;
  cursor: pointer; }
  .dashboard #content .help:before {
    content: '?';
    position: relative;
    bottom: 0.25em;
    font-size: 0.8em; }
  .dashboard #content .help:hover, .dashboard #content .help:focus {
    background: #aeb7be; }

.dashboard #container #wrapper .no-gutter-top {
  margin-top: 0; }

.dashboard #container #wrapper .top-gutter-small {
  margin-top: 25px; }

.dashboard #container #wrapper .top-gutter-medium {
  margin-top: 35px; }

.dashboard #container #wrapper .top-gutter-medium-large {
  margin-top: 45px; }

.dashboard #container #wrapper .top-gutter-large {
  margin-top: 65px; }

.dashboard #container #wrapper .top-gutter-largest {
  margin-top: 100px; }

.dashboard #container #wrapper .bottom-gutter-tiniest {
  margin-bottom: 10px; }

.dashboard #container #wrapper .bottom-gutter-tiny {
  margin-bottom: 15px; }

.dashboard #container #wrapper .bottom-gutter-medium {
  margin-bottom: 35px; }

.dashboard #container #wrapper .bottom-gutter-medium-large {
  margin-bottom: 45px; }

.dashboard #container #wrapper .bottom-gutter-largest {
  margin-bottom: 100px; }

@media only screen and (max-width: 319px) {
  .dashboard html body, .dashboard html.cssmask body {
    font-size: 10px; }
    .dashboard html body, .dashboard html body.load-page, .dashboard html body:not(.load-page), .dashboard html.cssmask body, .dashboard html.cssmask body.load-page, .dashboard html.cssmask body:not(.load-page) {
      width: 100%;
      padding: 0; }
      .dashboard html body:before, .dashboard html body.load-page:before, .dashboard html body:not(.load-page):before, .dashboard html.cssmask body:before, .dashboard html.cssmask body.load-page:before, .dashboard html.cssmask body:not(.load-page):before {
        width: 100%;
        height: auto;
        background: none;
        content: attr(data-window-too-small);
        position: static;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 20px;
        font-size: 2.0em;
        color: black;
        -webkit-mask-image: none;
                mask-image: none;
        -webkit-mask-size: unset;
                mask-size: unset;
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .dashboard html body #container, .dashboard html body.load-page #container, .dashboard html body:not(.load-page) #container, .dashboard html.cssmask body #container, .dashboard html.cssmask body.load-page #container, .dashboard html.cssmask body:not(.load-page) #container {
        display: none; } }

.dashboard * {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.dashboard html {
  height: 100%; }

.dashboard body, .dashboard #rendered-body {
  font-family: 'Open Sans', sans-serif;
  font-display: swap;
  height: 100%;
  background: #FFFFFF;
  font-size: 10px;
  color: #484848;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }
  html.ua-ios .dashboard body, html.ua-ios .dashboard #rendered-body {
    -webkit-overflow-scrolling: touch; }
  .dashboard body.overlay-open, .dashboard #rendered-body.overlay-open {
    overflow-y: hidden; }

.dashboard #container, .dashboard #wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.dashboard ul {
  list-style: none; }

.dashboard hr {
  display: none; }

.dashboard sup {
  font-size: 0.5em;
  vertical-align: top; }

.dashboard address {
  font-style: normal;
  display: block; }

.dashboard noscript {
  padding: 35px;
  font-size: 1.6em;
  display: block; }

.dashboard ::-moz-selection {
  background-color: #ce3762;
  color: #FFFFFF; }

.dashboard ::selection {
  background-color: #ce3762;
  color: #FFFFFF; }

.dashboard .block {
  display: block; }

.dashboard .hidden {
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  display: block; }

.dashboard .inline-icon .hidden {
  display: inline-block; }

.dashboard .clearfix:after {
  clear: both;
  height: 0;
  content: ' ';
  font-size: 0;
  display: block; }

.dashboard #content {
  width: 100%;
  min-height: 100%;
  padding: 0 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.dashboard .twitter-tweet {
  margin: 35px auto !important; }

.dashboard .section {
  position: relative;
  margin: 0 auto;
  padding: 100px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .section:first-child, #breadcrumbs + .dashboard .section {
    padding-top: 0; }
  .dashboard .section:last-child {
    padding-bottom: 0; }
  .dashboard .section .content > .subtitle:first-child {
    margin-top: 0; }
  .dashboard .section.no-padding {
    padding: 0; }
  .dashboard .section.zebra {
    width: 100%;
    background: #f5f0f3;
    position: relative;
    right: 35px;
    padding: 100px 35px;
    color: #7f777b;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
  .dashboard .section.highlight-section {
    background: #c12050;
    background: -webkit-gradient(linear, left top, right top, from(#c12050), to(#c23e66));
    background: -o-linear-gradient(left, #c12050, #c23e66);
    background: linear-gradient(90deg, #c12050, #c23e66);
    color: #FFFFFF; }
    .dashboard .section.highlight-section ::-moz-selection {
      background-color: #FFFFFF;
      color: #ce3762; }
    .dashboard .section.highlight-section ::selection {
      background-color: #FFFFFF;
      color: #ce3762; }
    .dashboard .section.highlight-section .title-highlight {
      color: #df93ae; }
    .dashboard .section.highlight-section a, .dashboard .section.highlight-section .link {
      color: #e097b1; }
      .dashboard .section.highlight-section a:before, .dashboard .section.highlight-section .link:before {
        background: rgba(242, 193, 210, 0.26); }
      .dashboard .section.highlight-section a:hover, .dashboard .section.highlight-section a:focus, .dashboard .section.highlight-section .link:hover, .dashboard .section.highlight-section .link:focus {
        color: #fdbbd2; }
        .dashboard .section.highlight-section a:hover:before, .dashboard .section.highlight-section a:focus:before, .dashboard .section.highlight-section .link:hover:before, .dashboard .section.highlight-section .link:focus:before {
          background: rgba(242, 193, 210, 0.39); }
    .dashboard .section.highlight-section .cta {
      margin-top: 45px; }
      .dashboard .section.highlight-section .cta a, .dashboard .section.highlight-section .cta .link {
        background: #FFFFFF;
        color: #c12050;
        border-color: #FFFFFF; }

@media only screen and (min-width: 701px) {
  .dashboard .feature-section.has-img, .dashboard .has-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dashboard .feature-section.has-img .text, .dashboard .has-img .text {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.dashboard .content {
  max-width: 1200px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .content .intro {
    margin-bottom: 65px;
    padding-bottom: 45px;
    border-bottom: 1px solid #d8d4d6; }

.dashboard ol.content > li, .dashboard ul.content > li {
  font-size: 10px; }
  .dashboard ol.content > li li, .dashboard ol.content > li p:not(.title):not(.subtitle), .dashboard ul.content > li li, .dashboard ul.content > li p:not(.title):not(.subtitle) {
    font-size: 1.6em; }
  .dashboard ol.content > li small, .dashboard ul.content > li small {
    font-size: 1.2em; }

.dashboard a, .dashboard .link {
  -webkit-transition: color ease 0.3s;
  -o-transition: color ease 0.3s;
  transition: color ease 0.3s;
  position: relative;
  color: #369aab;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-block; }
  .dashboard a:before, .dashboard .link:before {
    -webkit-transition: background ease 0.3s;
    -o-transition: background ease 0.3s;
    transition: background ease 0.3s;
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 0.7em;
    background: rgba(69, 161, 176, 0.13);
    bottom: -0.1em;
    left: 0.6em; }
  .dashboard a:hover, .dashboard a:focus, .dashboard .link:hover, .dashboard .link:focus {
    color: #237482; }
    .dashboard a:hover:before, .dashboard a:focus:before, .dashboard .link:hover:before, .dashboard .link:focus:before {
      background: rgba(69, 161, 176, 0.25); }
  .dashboard a.text-link, .text-link .dashboard a, .dashboard .link.text-link, .text-link .dashboard .link {
    color: #484848;
    text-decoration: underline;
    font-weight: 400; }
    .dashboard a.text-link:before, .text-link .dashboard a:before, .dashboard .link.text-link:before, .text-link .dashboard .link:before {
      display: none; }
    .dashboard a.text-link:hover, .dashboard a.text-link:focus, .text-link .dashboard a:hover, .text-link .dashboard a:focus, .dashboard .link.text-link:hover, .dashboard .link.text-link:focus, .text-link .dashboard .link:hover, .text-link .dashboard .link:focus {
      color: #2f2e2e; }
  .dashboard a.disabled, .dashboard .link.disabled {
    color: #abadb2;
    cursor: not-allowed; }
    .dashboard a.disabled:before, .dashboard .link.disabled:before {
      display: none; }
    .dashboard a.disabled:hover, .dashboard a.disabled:focus, .dashboard .link.disabled:hover, .dashboard .link.disabled:focus {
      color: #abadb2; }

.dashboard .cta {
  position: relative; }
  .dashboard .cta a, .dashboard .cta button {
    -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
    -o-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
    transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    background: #369aab;
    padding: 1.0em 1.2em 0.7em 1.2em;
    font-size: 1.0em;
    color: #FFFFFF;
    font-weight: 700;
    border: 2px solid #369aab;
    border-radius: 0.2em;
    display: inline-block;
    cursor: pointer; }
    .dashboard .cta a:before, .dashboard .cta button:before {
      display: none; }
    .dashboard .cta a:hover, .dashboard .cta a:focus, .dashboard .cta button:hover, .dashboard .cta button:focus {
      background: #237482;
      border-color: #237482; }
  .dashboard .cta.secondary-cta a, .dashboard .cta.secondary-cta button {
    background: transparent;
    color: #369aab; }
    .dashboard .cta.secondary-cta a:hover, .dashboard .cta.secondary-cta a:focus, .dashboard .cta.secondary-cta button:hover, .dashboard .cta.secondary-cta button:focus {
      background: #369aab;
      color: #FFFFFF;
      border-color: #369aab; }
  .dashboard .cta.disabled a, .dashboard .cta.disabled button {
    color: #dddee3;
    font-style: italic;
    cursor: not-allowed; }
    .dashboard .cta.disabled a, .dashboard .cta.disabled a:hover, .dashboard .cta.disabled a:focus, .dashboard .cta.disabled button, .dashboard .cta.disabled button:hover, .dashboard .cta.disabled button:focus {
      background: #abadb2;
      border-color: #abadb2; }
  .dashboard .cta.disabled.secondary-cta a, .dashboard .cta.disabled.secondary-cta a:hover, .dashboard .cta.disabled.secondary-cta a:focus, .dashboard .cta.disabled.secondary-cta button, .dashboard .cta.disabled.secondary-cta button:hover, .dashboard .cta.disabled.secondary-cta button:focus {
    background: transparent;
    color: #abadb2; }
  .dashboard .cta.compact a, .dashboard .cta.compact button {
    font-size: 0.9em;
    padding: 0.8em 1.0em 0.5em 1.0em; }
  .dashboard .cta.add a:before, .dashboard .cta.add button:before {
    content: '+';
    margin-right: 0.35em;
    font-size: 1.5em;
    line-height: 0; }

.dashboard .cta-group {
  margin-top: 65px;
  list-style: none; }
  .dashboard .cta-group li {
    margin-top: 35px;
    text-align: center; }
    .dashboard .cta-group li:first-child {
      margin-top: 0; }
  .dashboard .cta-group a[data-short-text][data-short-text]:before {
    content: attr(data-short-text); }
  .dashboard .cta-group a[data-short-text][data-short-text] span {
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    display: block; }
  @media only screen and (min-width: 501px) {
    .dashboard .cta-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .dashboard .cta-group li {
        margin-top: 0;
        margin-left: 35px; }
        .dashboard .cta-group li:first-child {
          margin-left: 0; } }
  @media only screen and (min-width: 951px) {
    .dashboard .cta-group a[data-short-text][data-short-text]:before {
      content: ''; }
    .dashboard .cta-group a[data-short-text][data-short-text] span {
      display: inline; } }

.dashboard #logo {
  width: 2.2em;
  height: 3em;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 10px;
  z-index: 5; }
  .dashboard #logo a {
    width: 100%;
    height: 100%;
    border-bottom: none;
    display: block; }
    .dashboard #logo a:before, .dashboard #logo a:after {
      -webkit-transition: opacity ease 0.3s 0s;
      -o-transition: opacity ease 0.3s 0s;
      transition: opacity ease 0.3s 0s;
      top: 0;
      left: 0; }
    .dashboard #logo a:before {
      width: 100%;
      height: 100%;
      background: url("../../../shared/public-assets/img/logos/ghr_small.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      opacity: 1; }
    .dashboard #logo a:after {
      width: 100%;
      height: 100%;
      background: url("../../../shared/public-assets/img/logos/ghr_small.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      opacity: 0; }
      html.cssmask .dashboard #logo a:after {
        background: currentColor;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/logos/ghr_small.svg");
                mask-image: url("../../../shared/public-assets/img/logos/ghr_small.svg"); }
    .dashboard #logo a:hover:before, .dashboard #logo a:focus:before {
      opacity: 0; }
    .dashboard #logo a:hover:after, .dashboard #logo a:focus:after {
      opacity: 1; }
  .dashboard #logo span {
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    display: block; }
  @media only screen and (min-width: 421px) {
    .dashboard #logo {
      width: 15.5em;
      height: 2.8em;
      margin-left: -6.0em; }
      .dashboard #logo a:before {
        width: 100%;
        height: 100%;
        background: url("../../../shared/public-assets/img/logos/ghr_large.svg") no-repeat;
        background-size: 100% auto;
        content: ' ';
        display: block;
        position: absolute; }
      .dashboard #logo a:after {
        width: 100%;
        height: 100%;
        background: url("../../../shared/public-assets/img/logos/ghr_large.svg") no-repeat;
        background-size: 100% auto;
        content: ' ';
        display: block;
        position: absolute; }
        html.cssmask .dashboard #logo a:after {
          background: currentColor;
          -webkit-mask-size: contain;
                  mask-size: contain;
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-image: url("../../../shared/public-assets/img/logos/ghr_large.svg");
                  mask-image: url("../../../shared/public-assets/img/logos/ghr_large.svg"); } }
  @media only screen and (min-width: 1001px) {
    .dashboard #logo {
      width: 17.7em;
      height: 3.2em;
      margin-left: -10.0em; } }

.dashboard .title, .dashboard .subtitle, .dashboard h1, .dashboard h2, .dashboard h3, .dashboard h4 {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-display: swap;
  margin-bottom: 0.3em;
  font-size: 2.5em; }

.dashboard h1 {
  font-size: 3.0em; }

.dashboard .subtitle, .dashboard .title.tertiary {
  margin-top: 1.5em;
  margin-bottom: 0.2em;
  font-size: 2.4em; }

.dashboard .title.tertiary {
  font-size: 2.2em; }

.dashboard .title-highlight {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  clear: both;
  margin-bottom: -0.1em;
  font-size: 1.4em;
  color: #b4b3b3; }
  .dashboard .title-highlight + .subtitle, .dashboard .title-highlight + .tertiary {
    margin-top: 0; }

.dashboard .text + .title-highlight {
  margin-top: 45px; }

.dashboard .subtitle + .title-highlight {
  margin-top: 25px; }

.dashboard .title + .subtitle {
  margin-top: 0.5em; }

.dashboard .subtitle + .title.tertiary {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-size: 1.8em;
  color: #928a8e; }

.dashboard p, .dashboard li {
  margin-bottom: 1.0em;
  font-size: 1.6em; }
  .dashboard p p, .dashboard p li, .dashboard li p, .dashboard li li {
    font-size: 1.0em; }
  .dashboard p small, .dashboard li small {
    margin-top: 0.3em;
    font-size: 0.8em; }
  .dashboard p.input, .dashboard li.input {
    font-size: 1.6em; }

.dashboard br {
  content: ' ';
  margin-top: 0.5em;
  display: block; }

.dashboard .caption {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  margin-bottom: 1.0em;
  font-size: 1.0em; }

.dashboard .align-center {
  text-align: center; }

.dashboard small {
  margin-bottom: 1.0em;
  font-size: 1.3em;
  font-weight: 200;
  display: block; }

.dashboard .text dl {
  margin-bottom: 35px;
  margin-left: 35px; }
  .dashboard .text dl dt {
    font-size: 1.6em;
    font-weight: 600; }

.dashboard .bullets {
  margin-top: 25px;
  margin-left: 12px; }
  .dashboard .bullets li {
    position: relative;
    padding-left: 25px; }
    .dashboard .bullets li:before {
      width: 13px;
      height: 15px;
      background: url("../../../shared/public-assets/img/icons/tick-bullet.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      top: 0.3em;
      left: 0; }
      html.cssmask .dashboard .bullets li:before {
        background: #df93ae;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/tick-bullet.svg");
                mask-image: url("../../../shared/public-assets/img/icons/tick-bullet.svg"); }

.dashboard blockquote {
  position: relative;
  margin: 15px 0 35px 35px;
  padding-left: 4.5em;
  color: #6f6c6c;
  font-style: italic; }
  .dashboard blockquote:before {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-display: swap;
    content: '“';
    font-size: 6.4em;
    color: #c4c4c4;
    font-weight: 900;
    line-height: 1.0em;
    position: absolute;
    top: -0.2em;
    left: 0; }

@media only screen and (min-width: 451px) {
  .dashboard h1 {
    font-size: 3.5em; } }

@media only screen and (min-width: 701px) {
  .dashboard .title, .dashboard h2, .dashboard h3, .dashboard h4 {
    font-size: 3.0em; } }

@media only screen and (min-width: 1201px) {
  .dashboard .title, .dashboard h2, .dashboard h3, .dashboard h4 {
    font-size: 4.0em; }
  .dashboard h1 {
    font-size: 5.0em; } }

.dashboard #wrapper {
  position: relative;
  border-top: 5px solid #ce3762; }

.dashboard .pride #wrapper {
  border-image-source: linear-gradient(90deg, #ea0535, #ea0535 16.66%, #ea6b05 16.66%, #ea6b05 33.32%, #eed02a 33.32%, #eed02a 49.98%, #48b636 49.98%, #48b636 66.64%, #1784bc 66.64%, #1784bc 83.3%, #8140a7 83.3%);
  border-image-slice: 5; }

.dashboard #content .carousel-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.dashboard #content .carousel {
  -webkit-transition: -webkit-transform ease 0.5s;
  transition: -webkit-transform ease 0.5s;
  -o-transition: transform ease 0.5s;
  transition: transform ease 0.5s;
  transition: transform ease 0.5s, -webkit-transform ease 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .dashboard #content .carousel li {
    overflow: hidden; }
  .dashboard #content .carousel .img {
    margin-bottom: 45px;
    cursor: pointer; }
    .dashboard #content .carousel .img img {
      margin: 0 auto;
      border: 2px solid #d8d4d6;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  .dashboard #content .carousel.has-gutter {
    margin-left: -32.5px; }
    .dashboard #content .carousel.has-gutter li {
      margin-left: 65px; }
  .dashboard #content .carousel[data-no-of-items='3'] {
    width: 300%; }
    .dashboard #content .carousel[data-no-of-items='3'] li {
      width: 33.3333333333%; }
    .dashboard #content .carousel[data-no-of-items='3'].has-gutter li {
      width: calc((100% - 195px) / 3); }
  .dashboard #content .carousel[data-no-of-items='3'][data-currently-showing='1'] {
    -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
            transform: translateX(-0%); }
  .dashboard #content .carousel[data-no-of-items='3'][data-currently-showing='2'] {
    -webkit-transform: translateX(-33.3333333333%);
        -ms-transform: translateX(-33.3333333333%);
            transform: translateX(-33.3333333333%); }
  .dashboard #content .carousel[data-no-of-items='3'][data-currently-showing='3'] {
    -webkit-transform: translateX(-66.6666666667%);
        -ms-transform: translateX(-66.6666666667%);
            transform: translateX(-66.6666666667%); }
  .dashboard #content .carousel[data-no-of-items='5'] {
    width: 500%; }
    .dashboard #content .carousel[data-no-of-items='5'] li {
      width: 20%; }
    .dashboard #content .carousel[data-no-of-items='5'].has-gutter li {
      width: calc((100% - 325px) / 5); }
  .dashboard #content .carousel[data-no-of-items='5'][data-currently-showing='1'] {
    -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
            transform: translateX(-0%); }
  .dashboard #content .carousel[data-no-of-items='5'][data-currently-showing='2'] {
    -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
            transform: translateX(-20%); }
  .dashboard #content .carousel[data-no-of-items='5'][data-currently-showing='3'] {
    -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
            transform: translateX(-40%); }
  .dashboard #content .carousel[data-no-of-items='5'][data-currently-showing='4'] {
    -webkit-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
            transform: translateX(-60%); }
  .dashboard #content .carousel[data-no-of-items='5'][data-currently-showing='5'] {
    -webkit-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
            transform: translateX(-80%); }
  .dashboard #content .carousel[data-no-of-items='8'] {
    width: 800%; }
    .dashboard #content .carousel[data-no-of-items='8'] li {
      width: 12.5%; }
    .dashboard #content .carousel[data-no-of-items='8'].has-gutter li {
      width: calc((100% - 520px) / 8); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='1'] {
    -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
            transform: translateX(-0%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='2'] {
    -webkit-transform: translateX(-12.5%);
        -ms-transform: translateX(-12.5%);
            transform: translateX(-12.5%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='3'] {
    -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
            transform: translateX(-25%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='4'] {
    -webkit-transform: translateX(-37.5%);
        -ms-transform: translateX(-37.5%);
            transform: translateX(-37.5%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='5'] {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='6'] {
    -webkit-transform: translateX(-62.5%);
        -ms-transform: translateX(-62.5%);
            transform: translateX(-62.5%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='7'] {
    -webkit-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
            transform: translateX(-75%); }
  .dashboard #content .carousel[data-no-of-items='8'][data-currently-showing='8'] {
    -webkit-transform: translateX(-87.5%);
        -ms-transform: translateX(-87.5%);
            transform: translateX(-87.5%); }
  .dashboard #content .carousel[data-no-of-items='9'] {
    width: 900%; }
    .dashboard #content .carousel[data-no-of-items='9'] li {
      width: 11.1111111111%; }
    .dashboard #content .carousel[data-no-of-items='9'].has-gutter li {
      width: calc((100% - 585px) / 9); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='1'] {
    -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
            transform: translateX(-0%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='2'] {
    -webkit-transform: translateX(-11.1111111111%);
        -ms-transform: translateX(-11.1111111111%);
            transform: translateX(-11.1111111111%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='3'] {
    -webkit-transform: translateX(-22.2222222222%);
        -ms-transform: translateX(-22.2222222222%);
            transform: translateX(-22.2222222222%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='4'] {
    -webkit-transform: translateX(-33.3333333333%);
        -ms-transform: translateX(-33.3333333333%);
            transform: translateX(-33.3333333333%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='5'] {
    -webkit-transform: translateX(-44.4444444444%);
        -ms-transform: translateX(-44.4444444444%);
            transform: translateX(-44.4444444444%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='6'] {
    -webkit-transform: translateX(-55.5555555556%);
        -ms-transform: translateX(-55.5555555556%);
            transform: translateX(-55.5555555556%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='7'] {
    -webkit-transform: translateX(-66.6666666667%);
        -ms-transform: translateX(-66.6666666667%);
            transform: translateX(-66.6666666667%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='8'] {
    -webkit-transform: translateX(-77.7777777778%);
        -ms-transform: translateX(-77.7777777778%);
            transform: translateX(-77.7777777778%); }
  .dashboard #content .carousel[data-no-of-items='9'][data-currently-showing='9'] {
    -webkit-transform: translateX(-88.8888888889%);
        -ms-transform: translateX(-88.8888888889%);
            transform: translateX(-88.8888888889%); }
  #container .dashboard #content .carousel.has-indicators li {
    padding-bottom: 100px; }

.dashboard #content .arrows {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px; }
  .dashboard #content .arrows li {
    position: absolute;
    top: 0;
    cursor: pointer; }
    .dashboard #content .arrows li:before {
      content: ' ';
      display: block; }
  .dashboard #content .arrows .previous {
    left: 35px; }
    .dashboard #content .arrows .previous:before {
      width: 20px;
      height: 30px;
      background: url("../../../shared/public-assets/img/icons/arrow-left.svg") no-repeat;
      background-size: 100% auto;
      display: block; }
      html.cssmask .dashboard #content .arrows .previous:before {
        background: #7c7d7f;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/arrow-left.svg");
                mask-image: url("../../../shared/public-assets/img/icons/arrow-left.svg");
        -webkit-transition: background ease 0.3s;
        -o-transition: background ease 0.3s;
        transition: background ease 0.3s; }
        html.cssmask .dashboard #content .arrows .previous:before:hover, html.cssmask .dashboard #content .arrows .previous:before:focus {
          background: #636465; }
  .dashboard #content .arrows .next {
    right: 35px; }
    .dashboard #content .arrows .next:before {
      width: 20px;
      height: 30px;
      background: url("../../../shared/public-assets/img/icons/arrow-right.svg") no-repeat;
      background-size: 100% auto;
      display: block; }
      html.cssmask .dashboard #content .arrows .next:before {
        background: #7c7d7f;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/arrow-right.svg");
                mask-image: url("../../../shared/public-assets/img/icons/arrow-right.svg");
        -webkit-transition: background ease 0.3s;
        -o-transition: background ease 0.3s;
        transition: background ease 0.3s; }
        html.cssmask .dashboard #content .arrows .next:before:hover, html.cssmask .dashboard #content .arrows .next:before:focus {
          background: #636465; }

.dashboard #content .indicators {
  width: 100%;
  position: absolute;
  bottom: 35px;
  left: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .dashboard #content .indicators li {
    -webkit-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
    width: 1em;
    height: 1em;
    background: currentColor;
    position: relative;
    color: #FFFFFF;
    margin-left: 25px;
    border-radius: 36.0em;
    cursor: pointer; }

@media only screen and (min-width: 801px) {
  #container .dashboard #content .carousel.has-indicators li {
    padding-bottom: 45px; }
  .dashboard #content .indicators {
    bottom: 45px; } }

@media only screen and (min-width: 1025px) {
  .dashboard #content .carousel .img {
    width: auto;
    height: 55vh; }
    .dashboard #content .carousel .img img {
      width: auto;
      height: 100%; } }

@media only screen and (min-width: 1375px) and (max-height: 770px) {
  .dashboard #content .carousel .img {
    height: 70vh; } }

.dashboard #content .main-content {
  margin-bottom: 65px; }
  .dashboard #content .main-content > .subtitle:first-child {
    margin-top: 0;
    margin-bottom: 25px; }

.dashboard #content .sidebar {
  background: #f1f2f5;
  padding: 25px 35px;
  border-radius: 0.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard #content .sidebar.navigation {
    background: none;
    padding-top: 0;
    border-radius: 0;
    border: 1px solid #d8d4d6; }
    .dashboard #content .sidebar.navigation li:last-child {
      margin-bottom: 0; }
    .dashboard #content .sidebar.navigation .selected a {
      font-weight: 700; }
    .dashboard #content .sidebar.navigation a {
      -webkit-transition: color ease 0.3s;
      -o-transition: color ease 0.3s;
      transition: color ease 0.3s;
      position: relative;
      color: #369aab;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
      display: inline-block; }
      .dashboard #content .sidebar.navigation a:before {
        -webkit-transition: width ease 0.3s, left ease 0.3s;
        -o-transition: width ease 0.3s, left ease 0.3s;
        transition: width ease 0.3s, left ease 0.3s;
        content: ' ';
        display: block;
        position: absolute;
        width: 0;
        height: 1px;
        background: currentColor;
        bottom: -1px;
        left: 50%; }
      .dashboard #content .sidebar.navigation a:hover, .dashboard #content .sidebar.navigation a:focus {
        color: #237482; }
        .dashboard #content .sidebar.navigation a:hover:before, .dashboard #content .sidebar.navigation a:focus:before {
          width: 100%;
          left: 0; }
  .dashboard #content .sidebar .title, .dashboard #content .sidebar h2 {
    font-size: 2.5em; }
    .dashboard #content .sidebar .title + .subtitle, .dashboard #content .sidebar .title + .title.tertiary, .dashboard #content .sidebar h2 + .subtitle, .dashboard #content .sidebar h2 + .title.tertiary {
      margin-top: 0.5em; }
    .dashboard #content .sidebar .title:first-child, .dashboard #content .sidebar h2:first-child {
      margin-top: 0; }
  .dashboard #content .sidebar .subtitle, .dashboard #content .sidebar .title.tertiary {
    font-size: 2.0em;
    color: #626366; }
    .dashboard #content .sidebar .subtitle:first-child, .dashboard #content .sidebar .title.tertiary:first-child {
      margin-top: 0; }
  .dashboard #content .sidebar .group .subtitle, .dashboard #content .sidebar .group .title.tertiary {
    margin-top: 1.5em; }
  .dashboard #content .sidebar .group:first-child .subtitle, .dashboard #content .sidebar .group:first-child .title.tertiary {
    margin-top: 0; }
  .dashboard #content .sidebar .legend {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    background: #FFFFFF;
    position: relative;
    bottom: 0.5em;
    right: 0.9em;
    margin-bottom: 0.4em;
    padding: 0 0.8em;
    font-size: 1.5em;
    display: inline-block; }
  .dashboard #content .sidebar input, .dashboard #content .sidebar select, .dashboard #content .sidebar textarea, .dashboard #content .sidebar .input {
    border-color: #d9dbe0; }

@media only screen and (min-width: 801px) {
  .dashboard #content .main-content {
    width: 50%;
    float: left;
    margin-bottom: 0; }
    .dashboard #content .main-content.right {
      float: right; }
  .dashboard #content .sidebar {
    width: 40%;
    float: right; }
    .dashboard #content .sidebar.no-bg {
      width: calc(50% - 35px);
      background: none;
      margin-left: 35px;
      padding-right: 0;
      padding-left: 35px;
      border-radius: 0;
      border-left: 1px solid #d8d4d6; }
      .dashboard #content .sidebar.no-bg.no-border {
        border-left: none; }
    .dashboard #content .sidebar.left {
      float: left;
      margin-right: 35px;
      margin-left: 0; }
      .dashboard #content .sidebar.left.no-bg {
        margin-right: 35px;
        margin-left: 0;
        padding-right: 35px;
        padding-left: 0;
        border-right: 1px solid #d8d4d6;
        border-left: none; }
        .dashboard #content .sidebar.left.no-bg.no-border {
          border-right: none; }
  .dashboard #content .small-sidebar .main-content {
    width: calc(65% - 35px); }
  .dashboard #content .small-sidebar .sidebar {
    width: 35%; } }

@media only screen and (min-width: 851px) {
  .dashboard #content .small-sidebar .sidebar {
    width: 30%; }
  .dashboard #content .small-sidebar .main-content {
    width: calc(70% - 35px); } }

@media only screen and (min-width: 1001px) {
  .dashboard #content .sidebar.no-bg {
    width: calc(50% - 65px);
    margin-left: 65px;
    padding-left: 65px; }
  .dashboard #content .small-sidebar .sidebar {
    width: 25%; }
  .dashboard #content .small-sidebar .main-content {
    width: calc(75% - 65px); } }

@media only screen and (min-width: 1175px) {
  .dashboard #content .small-sidebar .sidebar {
    width: 28em; }
  .dashboard #content .small-sidebar .main-content {
    width: calc(100% - 28em - 65px); } }

.dashboard #breadcrumbs {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  position: relative;
  margin-bottom: 35px;
  z-index: 10; }
  .dashboard #breadcrumbs li {
    margin: 0;
    color: #b4b3b3;
    font-size: 1.2em;
    display: inline-block; }
    .dashboard #breadcrumbs li:before {
      content: '>';
      margin: 0 0.5em; }
    .dashboard #breadcrumbs li:first-child:before {
      display: none; }
    .dashboard #breadcrumbs li a {
      -webkit-transition: color ease 0.3s;
      -o-transition: color ease 0.3s;
      transition: color ease 0.3s;
      position: relative;
      color: currentColor;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
      display: inline-block; }
      .dashboard #breadcrumbs li a:before {
        -webkit-transition: width ease 0.3s, left ease 0.3s;
        -o-transition: width ease 0.3s, left ease 0.3s;
        transition: width ease 0.3s, left ease 0.3s;
        content: ' ';
        display: block;
        position: absolute;
        width: 0;
        height: 1px;
        background: currentColor;
        bottom: -1px;
        left: 50%; }
      .dashboard #breadcrumbs li a:hover, .dashboard #breadcrumbs li a:focus {
        color: #237482; }
        .dashboard #breadcrumbs li a:hover:before, .dashboard #breadcrumbs li a:focus:before {
          width: 100%;
          left: 0; }

.dashboard #content .help {
  -webkit-transition: background ease 0.3s;
  -o-transition: background ease 0.3s;
  transition: background ease 0.3s;
  width: 1.2em;
  height: 1.2em;
  background: #cad0d5;
  position: relative;
  font-size: 10px;
  color: #FFFFFF;
  border-radius: 36.0em;
  cursor: pointer; }
  .dashboard #content .help:before {
    content: '?';
    position: relative;
    bottom: 0.25em;
    font-size: 0.8em; }
  .dashboard #content .help:hover, .dashboard #content .help:focus {
    background: #aeb7be; }

.dashboard #container #wrapper .no-gutter-top {
  margin-top: 0; }

.dashboard #container #wrapper .top-gutter-small {
  margin-top: 25px; }

.dashboard #container #wrapper .top-gutter-medium {
  margin-top: 35px; }

.dashboard #container #wrapper .top-gutter-medium-large {
  margin-top: 45px; }

.dashboard #container #wrapper .top-gutter-large {
  margin-top: 65px; }

.dashboard #container #wrapper .top-gutter-largest {
  margin-top: 100px; }

.dashboard #container #wrapper .bottom-gutter-tiniest {
  margin-bottom: 10px; }

.dashboard #container #wrapper .bottom-gutter-tiny {
  margin-bottom: 15px; }

.dashboard #container #wrapper .bottom-gutter-medium {
  margin-bottom: 35px; }

.dashboard #container #wrapper .bottom-gutter-medium-large {
  margin-bottom: 45px; }

.dashboard #container #wrapper .bottom-gutter-largest {
  margin-bottom: 100px; }

.dashboard #content .img {
  width: 100%;
  margin-bottom: 25px; }
  .dashboard #content .img a:before, .dashboard #content .img .link:before {
    display: none; }
  .dashboard #content .img img {
    width: 100%;
    display: block;
    -webkit-box-shadow: 0 0 1.5em rgba(180, 179, 179, 0.55);
            box-shadow: 0 0 1.5em rgba(180, 179, 179, 0.55); }
  .dashboard #content .img.browser {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    background: #FFFFFF;
    position: relative;
    padding: 65px 25px 25px 25px;
    text-align: center;
    border-radius: 0.6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 0 1.5em rgba(180, 179, 179, 0.55);
            box-shadow: 0 0 1.5em rgba(180, 179, 179, 0.55);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    z-index: 50; }
    .dashboard #content .img.browser:before {
      content: ' ';
      display: block;
      position: absolute;
      width: 100%;
      height: 40px;
      background: #eeeaec;
      top: 0;
      left: 0; }
    .dashboard #content .img.browser:after {
      content: ' ';
      display: block;
      position: absolute;
      width: 63px;
      height: 15px;
      background: url(../img/icons/browser-icons.svg) no-repeat;
      background-size: 100% auto;
      top: 13px;
      left: 15px;
      z-index: 10; }
    .dashboard #content .img.browser img {
      width: 80%;
      margin: 0 auto;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .dashboard #content .img.browser small {
      margin: 35px auto 0 auto; }
    .dashboard #content .img.browser.no-padding {
      padding: 40px 0 0 0; }
      .dashboard #content .img.browser.no-padding img {
        width: 100%; }

.dashboard #content .align-left {
  margin: 0 auto 45px auto; }

.dashboard #content .align-right {
  margin: 45px auto; }

@media only screen and (min-width: 701px) {
  .dashboard #content .align-left, .dashboard #content .align-right {
    width: calc(50% - 45px);
    margin-top: 0;
    margin-bottom: 0; }
    .dashboard #content .align-left + .text p, .dashboard #content .align-left + .text li, .dashboard #content .align-right + .text p, .dashboard #content .align-right + .text li {
      overflow: hidden; }
  .dashboard #content .align-left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 45px; }
    .dashboard #content .align-left + .text {
      text-align: right;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
  .dashboard #content .align-right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 45px; }
    .dashboard #content .align-right + .text {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }

@media only screen and (min-width: 901px) {
  .dashboard #content .img.browser {
    min-height: 20.0em; }
  .dashboard #content .align-left + .text {
    position: relative;
    top: 25px; } }

@media only screen and (min-width: 1025px) {
  .dashboard #content .align-left, .dashboard #content .align-right {
    width: calc(50% - 65px); }
  .dashboard #content .align-left {
    margin-right: 65px; }
  .dashboard #content .align-right {
    margin-left: 65px; }
  .dashboard #content .feature-section .align-left, .dashboard #content .feature-section .align-right {
    margin-top: -165px; }
  .dashboard #content .feature-section .align-left + .text {
    top: 35px; } }

@media only screen and (min-width: 1101px) {
  .dashboard #content .align-left + .text {
    top: 65px; } }

@media only screen and (min-width: 1201px) {
  .dashboard #content .img.browser {
    min-height: 25.0em; } }

.dashboard #pop-over {
  max-width: 32.5em;
  background: #292e37;
  background: rgba(41, 46, 55, 0.92);
  position: fixed;
  padding: 1.2em 1.5em;
  font-size: 10px;
  color: #FFFFFF;
  border-radius: 0.4em;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  visibility: hidden;
  z-index: -1; }
  .dashboard #pop-over:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.59em;
    right: -1.18em;
    border: 0.6em solid transparent;
    border-left-color: #292e37;
    border-left-color: rgba(41, 46, 55, 0.92); }
  .dashboard #pop-over.top-side:after {
    top: 0;
    right: 50%;
    margin-top: -1.18em;
    margin-right: -0.59em;
    border-color: transparent;
    border-bottom-color: #292e37;
    border-bottom-color: rgba(41, 46, 55, 0.92); }
  .dashboard #pop-over.bottom-side:after {
    top: auto;
    bottom: 0;
    right: 50%;
    margin-bottom: -1.18em;
    margin-right: -0.59em;
    border-color: transparent;
    border-top-color: #292e37;
    border-top-color: rgba(41, 46, 55, 0.92); }
  .dashboard #pop-over.left-side:after {
    right: auto;
    left: -1.18em;
    border-color: transparent;
    border-right-color: #292e37;
    border-right-color: rgba(41, 46, 55, 0.92); }
  .dashboard #pop-over.top-position:after {
    top: 0.59em;
    margin-top: 0; }
  .dashboard #pop-over.left-position:after {
    right: auto;
    left: 0.59em;
    margin-right: 0; }
  .dashboard #pop-over.right-position:after {
    right: 0.59em;
    margin-right: 0; }
  .dashboard #pop-over.bottom-position:after {
    top: auto;
    bottom: 0.59em;
    margin-top: 0; }
  .dashboard #pop-over.fixed {
    visibility: visible;
    z-index: 99999; }
  .dashboard #pop-over p, .dashboard #pop-over li {
    font-size: 1.4em; }
    .dashboard #pop-over p:last-child, .dashboard #pop-over li:last-child {
      margin-bottom: 0; }

.dashboard .toggle-wrapper {
  position: relative; }

.dashboard .toggle-content {
  -webkit-transition: max-height ease-out 0.8s, margin-bottom ease-out 0.8s;
  -o-transition: max-height ease-out 0.8s, margin-bottom ease-out 0.8s;
  transition: max-height ease-out 0.8s, margin-bottom ease-out 0.8s;
  max-height: 0;
  position: relative;
  overflow: hidden; }
  .dashboard .toggle-content.open {
    -webkit-transition: max-height ease-in 0.8s, margin-bottom ease-in 0.8s;
    -o-transition: max-height ease-in 0.8s, margin-bottom ease-in 0.8s;
    transition: max-height ease-in 0.8s, margin-bottom ease-in 0.8s;
    max-height: calc(2.5em * (var(--no-of-children) + 1)); }

.dashboard .toggle-content-wrapper-open .toggle-content.open {
  max-height: unset !important;
  overflow: visible !important; }

.dashboard .product-row {
  margin-top: 65px; }
  .dashboard .product-row iframe {
    margin-top: 25px; }
  .dashboard .product-row .shopify-buy-frame .loading {
    display: none; }

.dashboard form[data-format="inline"] {
  display: none; }
  .form-wrapper .dashboard form[data-format="inline"] {
    display: block; }
  #wrapper .dashboard form[data-format="inline"] div[data-style="clean"] {
    padding: 25px 0; }

.dashboard .close {
  width: 16px;
  height: 16px;
  background: url("../../../shared/public-assets/img/icons/cross.svg") no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 30px;
  right: 35px;
  cursor: pointer; }
  html.cssmask .dashboard .close {
    background: #d05862;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
            mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
    -webkit-transition: background ease 0.3s;
    -o-transition: background ease 0.3s;
    transition: background ease 0.3s; }
    html.cssmask .dashboard .close:hover, html.cssmask .dashboard .close:focus {
      background: #b5454e; }
  .dashboard .close.disabled {
    cursor: not-allowed; }
    html.cssmask .dashboard .close.disabled {
      background: #dbc2c4; }

.dashboard a.inline-link, .dashboard .link.inline-link {
  font-family: 'Open Sans', sans-serif;
  font-display: swap;
  position: relative;
  margin-left: 1.8em;
  padding: 0.8em 0 0 1.8em;
  font-size: 10px;
  border-bottom: none;
  display: inline-block; }
  .dashboard a.inline-link:before, .dashboard .link.inline-link:before {
    width: 70%;
    left: 2.3em; }
  .dashboard a.inline-link:after, .dashboard .link.inline-link:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #d8d4d6;
    bottom: -0.4em;
    left: 0;
    -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
            transform: rotate(25deg); }
  .dashboard a.inline-link span, .dashboard .link.inline-link span {
    position: relative;
    top: 0.2em;
    font-size: 1.2em; }

.dashboard .social-media {
  text-align: center; }
  .dashboard .social-media li {
    -webkit-transition: background ease 0.2s;
    -o-transition: background ease 0.2s;
    transition: background ease 0.2s;
    width: 2.5em;
    height: 2.5em;
    background: #f1f2f5;
    position: relative;
    margin-left: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 36.0em;
    cursor: pointer;
    overflow: hidden; }
    .dashboard .social-media li:first-child {
      margin-left: 0; }
    #content .dashboard .social-media li {
      margin-bottom: 0; }
    .dashboard .social-media li:before {
      -webkit-transition: opacity ease 0.3s 0s;
      -o-transition: opacity ease 0.3s 0s;
      transition: opacity ease 0.3s 0s;
      content: ' ';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0; }
    html.cssmask .dashboard .social-media li:hover:before, html.cssmask .dashboard .social-media li:focus:before {
      opacity: 1; }
    html.cssmask .dashboard .social-media li:hover a, html.cssmask .dashboard .social-media li:focus a {
      background: #FFFFFF; }
  .dashboard .social-media span {
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    display: block; }
  .dashboard .social-media a {
    -webkit-transition: background ease 0.2s;
    -o-transition: background ease 0.2s;
    transition: background ease 0.2s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10; }
    .dashboard .social-media a:before {
      display: none; }
  .dashboard .social-media .twitter:hover, .dashboard .social-media .twitter:focus {
    background: #1da1f2; }
  .dashboard .social-media .twitter a {
    background: url("/public-assets/img/social/twitter.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    width: 1.6em;
    height: 1.1em;
    margin-top: -0.55em;
    margin-left: -0.7em; }
    html.cssmask .dashboard .social-media .twitter a {
      background: #48505e;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("/public-assets/img/social/twitter.svg");
              mask-image: url("/public-assets/img/social/twitter.svg"); }
  .dashboard .social-media .instagram:before {
    background: -o-linear-gradient(#400080, transparent), -o-linear-gradient(250deg, #d047d1, #ff0000, #ffff00);
    background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00); }
  .dashboard .social-media .instagram a {
    background: url("/public-assets/img/social/instagram.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    width: 1.3em;
    height: 1.3em;
    margin-top: -0.65em;
    margin-left: -0.6em; }
    html.cssmask .dashboard .social-media .instagram a {
      background: #48505e;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("/public-assets/img/social/instagram.svg");
              mask-image: url("/public-assets/img/social/instagram.svg"); }
  .dashboard .social-media .pinterest:hover, .dashboard .social-media .pinterest:focus {
    background: #bd081c; }
  .dashboard .social-media .pinterest a {
    background: url("/public-assets/img/social/pinterest.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    width: 1.1em;
    height: 1.4em;
    margin-top: -0.7em;
    margin-left: -0.5em; }
    html.cssmask .dashboard .social-media .pinterest a {
      background: #48505e;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("/public-assets/img/social/pinterest.svg");
              mask-image: url("/public-assets/img/social/pinterest.svg"); }
  .dashboard .social-media .facebook:hover, .dashboard .social-media .facebook:focus {
    background: #4267b2; }
  .dashboard .social-media .facebook a {
    background: url("/public-assets/img/social/facebook.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    width: 1.0em;
    height: 1.3em;
    margin-top: -0.7em;
    margin-left: -0.3em; }
    html.cssmask .dashboard .social-media .facebook a {
      background: #48505e;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("/public-assets/img/social/facebook.svg");
              mask-image: url("/public-assets/img/social/facebook.svg"); }
  @media only screen and (min-width: 431px) {
    .dashboard .social-media li {
      margin-left: 35px; }
      .dashboard .social-media li:first-child {
        margin-left: 0; } }

.dashboard .back {
  margin-top: 35px;
  margin-bottom: 0;
  font-size: 1.4em;
  color: #369aab; }
  .dashboard .back:hover, .dashboard .back:focus {
    color: #237482; }
  .dashboard .back:before {
    content: '\2190';
    margin-right: 0.5em;
    font-size: 1.2em; }
  .dashboard .back.right {
    float: right;
    margin-top: -2.0em; }
  .dashboard .back.disabled {
    color: #abadb2; }
    .dashboard .back.disabled:hover, .dashboard .back.disabled:focus {
      color: #abadb2; }

.dashboard form {
  position: relative; }

.dashboard fieldset {
  border: none; }

.dashboard label {
  cursor: pointer; }

.dashboard input[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }
  .dashboard input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none; }

.dashboard input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }
  .dashboard input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .dashboard input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.dashboard input[type=checkbox], .dashboard input[type=radio] {
  width: auto;
  background: none;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline; }

.dashboard input[type=checkbox] {
  border-radius: 0; }

.dashboard select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .dashboard select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #484848; }

.dashboard option {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.dashboard textarea {
  resize: none; }

.dashboard input:focus, .dashboard select:focus, .dashboard textarea:focus, .dashboard button:focus {
  outline: none; }

.dashboard [contenteditable="true"]:focus {
  outline: none; }

.dashboard input, .dashboard textarea, .dashboard select {
  -webkit-filter: none;
          filter: none; }

.dashboard input, .dashboard select, .dashboard textarea, .dashboard .input, .dashboard .toggle > .multiple-options li {
  -webkit-transition: background ease 0.3s, color ease 0.3s;
  -o-transition: background ease 0.3s, color ease 0.3s;
  transition: background ease 0.3s, color ease 0.3s;
  font-family: 'Open Sans', sans-serif;
  font-display: swap;
  width: 100%;
  background: #FFFFFF;
  padding: 10px 15px;
  font-size: 1.0em;
  color: #484848;
  border-radius: 0.3em;
  border: 2px solid #e0e4e8;
  display: block;
  -webkit-box-shadow: 0 0.3em 0.3em rgba(229, 231, 237, 0.3);
          box-shadow: 0 0.3em 0.3em rgba(229, 231, 237, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard input::-webkit-input-placeholder, .dashboard select::-webkit-input-placeholder, .dashboard textarea::-webkit-input-placeholder, .dashboard .input::-webkit-input-placeholder, .dashboard .toggle > .multiple-options li::-webkit-input-placeholder {
    color: #959ba5;
    font-weight: 200;
    font-style: italic; }
  .dashboard input:-moz-placeholder, .dashboard select:-moz-placeholder, .dashboard textarea:-moz-placeholder, .dashboard .input:-moz-placeholder, .dashboard .toggle > .multiple-options li:-moz-placeholder {
    color: #959ba5;
    font-weight: 200;
    font-style: italic; }
  .dashboard input::-moz-placeholder, .dashboard select::-moz-placeholder, .dashboard textarea::-moz-placeholder, .dashboard .input::-moz-placeholder, .dashboard .toggle > .multiple-options li::-moz-placeholder {
    color: #959ba5;
    font-weight: 200;
    font-style: italic; }
  .dashboard input:-ms-input-placeholder, .dashboard select:-ms-input-placeholder, .dashboard textarea:-ms-input-placeholder, .dashboard .input:-ms-input-placeholder, .dashboard .toggle > .multiple-options li:-ms-input-placeholder {
    color: #959ba5;
    font-weight: 200;
    font-style: italic; }
  .dashboard input.inline, .dashboard select.inline, .dashboard textarea.inline, .dashboard .input.inline, .dashboard .toggle > .multiple-options li.inline {
    width: auto;
    display: inline-block; }
  .dashboard input.disabled, .dashboard select.disabled, .dashboard textarea.disabled, .dashboard .input.disabled, .dashboard .toggle > .multiple-options li.disabled {
    background: #f1f4f8;
    color: #9ea4b0;
    font-style: italic;
    cursor: not-allowed; }

.dashboard .field-wrapper {
  background: #eee8ec;
  padding: 20px;
  border-radius: 0.4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .field-wrapper .close {
    top: 20px;
    right: 20px; }
  .dashboard .field-wrapper .close + dl dt.message-wrapper:first-child {
    margin-top: 0.5em;
    padding-top: 0; }
  .dashboard .field-wrapper dl:last-child dd:last-child {
    margin-bottom: 0; }
    .dashboard #content .field-wrapper dl:last-child dd:last-child {
      margin-bottom: 0; }
  .dashboard .field-wrapper textarea {
    height: 5.0em; }
  .dashboard .field-wrapper [disabled] {
    opacity: 0.8;
    cursor: not-allowed; }
  .dashboard .field-wrapper.no-bg {
    background: none;
    padding: 0; }
  .dashboard .field-wrapper.notes {
    background: none;
    padding: 0;
    color: #414855;
    font-weight: 200;
    font-style: italic; }
  @media only screen and (min-width: 901px) {
    .dashboard .field-wrapper.notes {
      padding-top: 2.5em; } }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(3em);
            transform: translate(3em); }
  20% {
    -webkit-transform: translate(-3em);
            transform: translate(-3em); }
  40% {
    -webkit-transform: translate(1.5em);
            transform: translate(1.5em); }
  60% {
    -webkit-transform: translate(-1.5em);
            transform: translate(-1.5em); }
  80% {
    -webkit-transform: translate(0.8em);
            transform: translate(0.8em); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes shake {
  0% {
    -webkit-transform: translate(3em);
            transform: translate(3em); }
  20% {
    -webkit-transform: translate(-3em);
            transform: translate(-3em); }
  40% {
    -webkit-transform: translate(1.5em);
            transform: translate(1.5em); }
  60% {
    -webkit-transform: translate(-1.5em);
            transform: translate(-1.5em); }
  80% {
    -webkit-transform: translate(0.8em);
            transform: translate(0.8em); }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0); } }

.dashboard #content form {
  -webkit-transition: opacity ease 0.3s 0.3s;
  -o-transition: opacity ease 0.3s 0.3s;
  transition: opacity ease 0.3s 0.3s;
  position: relative; }
  .dashboard #content form.fade-enter {
    opacity: 0.01; }
    .dashboard #content form.fade-enter.fade-enter-active {
      opacity: 1; }
  .dashboard #content form.fade-leave {
    opacity: 1; }
    .dashboard #content form.fade-leave.fade-leave-active {
      opacity: 0.01; }
  .dashboard #content form.has-errors {
    -webkit-animation: shake 0.4s 1 linear;
            animation: shake 0.4s 1 linear; }
  .dashboard #content form .title-highlight {
    margin-bottom: 35px; }
  .dashboard #content form .loading {
    background: #d8d4d6; }
  .dashboard #content form fieldset {
    -webkit-transition: opacity ease 0.3s 0s;
    -o-transition: opacity ease 0.3s 0s;
    transition: opacity ease 0.3s 0s;
    opacity: 1; }
    .dashboard #content form fieldset.step-loading {
      opacity: 0.5; }
  .dashboard #content form dl {
    clear: both;
    font-size: 1.6em; }
    .dashboard #content form dl.no-dt dd:first-child {
      margin-top: 2.2em; }
    .dashboard #content form dl dt {
      margin-bottom: 0.5em;
      font-weight: 700; }
      .dashboard #content form dl dt.static-label label {
        cursor: text; }
      .dashboard #content form dl dt.error, .dashboard #content form dl dt .error {
        margin: 15px 0;
        color: #a6212d;
        font-style: italic; }
    .dashboard #content form dl dd {
      margin-bottom: 35px; }
      .dashboard #content form dl dd.notes {
        margin-top: -35px;
        padding-top: 0.8em;
        font-size: 0.9em;
        color: #414855;
        font-weight: 200;
        font-style: italic; }
        .dashboard #content form dl dd.notes.top {
          margin-top: -25px;
          margin-bottom: 15px; }
          .dashboard #content form dl dd.notes.top.character-limit {
            float: right;
            margin-top: -2.8em; }
        .dashboard #content form dl dd.notes.character-limit.high {
          color: #a6212d;
          font-weight: 400; }
        .dashboard #content form dl dd.notes.character-limit.medium {
          color: #c46716; }
        .dashboard #content form dl dd.notes a, .dashboard #content form dl dd.notes .link {
          font-style: normal; }
        .dashboard #content form dl dd.notes .block:not(:last-child) {
          margin-bottom: 0.5em; }
      .dashboard #content form dl dd.removeable {
        position: relative;
        padding-right: 65px; }
    .dashboard #content form dl p, .dashboard #content form dl li, .dashboard #content form dl dl {
      font-size: 1.0em; }
  .dashboard #content form .field-wrapper {
    margin-bottom: 35px; }
  .dashboard #content form .double-input .child {
    margin-bottom: 15px; }
    .dashboard #content form .double-input .child:last-child {
      margin-bottom: 0; }
  .dashboard #content form .delete {
    width: 16px;
    height: 16px;
    background: url("../../../shared/public-assets/img/icons/cross.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
    html.cssmask .dashboard #content form .delete {
      background: #d05862;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
              mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s; }
      html.cssmask .dashboard #content form .delete:hover, html.cssmask .dashboard #content form .delete:focus {
        background: #b5454e; }
  .dashboard #content form .cta-wrapper, .dashboard #content form .cta, .dashboard #content form .footer {
    clear: both; }
  .dashboard #content form .cta {
    margin-right: auto;
    margin-bottom: 0; }
  .dashboard #content form .cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .dashboard #content form .back {
    color: #369aab;
    font-weight: 600;
    border-bottom: 1px solid currentColor;
    cursor: pointer; }
    .dashboard #content form .back:hover, .dashboard #content form .back:focus {
      color: #237482; }
  @media only screen and (min-width: 551px) {
    .dashboard #content form .col, .dashboard #content form .double-input .child {
      clear: none;
      width: 45%;
      width: calc((100% - 35px) / 2);
      float: left;
      margin-left: 35px; }
      .dashboard #content form .col:first-of-type:not(:nth-child(even)), .dashboard #content form .col:nth-child(odd), .dashboard #content form .double-input .child:first-of-type:not(:nth-child(even)), .dashboard #content form .double-input .child:nth-child(odd) {
        clear: both;
        margin-left: 0; }
    .dashboard #content form .double-input.small .child {
      width: calc((100% - 25px) / 2);
      margin-left: 25px; }
      .dashboard #content form .double-input.small .child:first-of-type:not(:nth-child(even)), .dashboard #content form .double-input.small .child:nth-child(odd) {
        margin-left: 0; }
    .dashboard #content form .double-input .child {
      margin-bottom: 0; } }
  @media only screen and (min-width: 751px) {
    .dashboard #content form .col, .dashboard #content form .double-input .child {
      width: calc((100% - 100px) / 2);
      margin-left: 100px; } }

@media only screen and (min-width: 801px) and (max-width: 1124px) {
  .dashboard #content .main-content form .col, .dashboard #content .main-content form .double-input .child {
    width: calc((100% - 35px) / 2);
    margin-left: 35px; }
    .dashboard #content .main-content form .col:first-of-type:not(:nth-child(even)), .dashboard #content .main-content form .col:nth-child(odd), .dashboard #content .main-content form .double-input .child:first-of-type:not(:nth-child(even)), .dashboard #content .main-content form .double-input .child:nth-child(odd) {
      margin-left: 0; } }

.dashboard .dropdown-wrapper {
  position: relative; }
  .dashboard .dropdown-wrapper.inline {
    display: inline-block; }
  html.no-touchevents .dashboard .dropdown-wrapper .select-wrapper, html.touchevents .dashboard .dropdown-wrapper .selected-option, html.touchevents .dashboard .dropdown-wrapper .dropdown {
    display: none; }

.dashboard .select-wrapper, .dashboard .selected-option {
  position: relative; }
  .dashboard .select-wrapper:before, .dashboard .selected-option:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    border-top: 5px solid #2e333c;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }

.dashboard .selected-option {
  padding-right: 45px;
  padding-left: 18px;
  cursor: pointer;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden; }
  .dashboard .selected-option input {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.dashboard .dropdown {
  max-height: 8.0em;
  position: absolute;
  top: 3.7em;
  left: 0;
  padding: 0;
  overflow-y: auto;
  display: none; }
  .dashboard .dropdown.open {
    display: block;
    z-index: 100; }
  .dashboard .dropdown li, #content .dashboard .dropdown li {
    -webkit-transition: background ease 0.3s, color ease 0.3s;
    -o-transition: background ease 0.3s, color ease 0.3s;
    transition: background ease 0.3s, color ease 0.3s;
    background: #FFFFFF;
    margin: 0;
    padding: 0.5em 15px;
    color: #484848;
    cursor: pointer; }
    .dashboard .dropdown li:nth-child(even), #content .dashboard .dropdown li:nth-child(even) {
      background: #f4f8fb; }
    .dashboard .dropdown li.disabled, #content .dashboard .dropdown li.disabled {
      color: #626161;
      font-style: italic;
      cursor: not-allowed; }
    .dashboard .dropdown li:not(.disabled):hover, .dashboard .dropdown li:not(.disabled):focus, #content .dashboard .dropdown li:not(.disabled):hover, #content .dashboard .dropdown li:not(.disabled):focus {
      background: #369aab;
      color: #FFFFFF; }

.dashboard .checkbox-wrapper {
  position: relative;
  padding-left: 35px;
  display: block; }
  .dashboard .checkbox-wrapper input[type="checkbox"], .dashboard .checkbox-wrapper input[type="radio"], .dashboard .checkbox-wrapper .input {
    position: absolute;
    top: 0.05em;
    left: 0; }
  .dashboard .checkbox-wrapper input[type="checkbox"], .dashboard .checkbox-wrapper input[type="radio"] {
    visibility: hidden;
    z-index: -1; }
  .dashboard .checkbox-wrapper.disabled {
    cursor: not-allowed; }

.dashboard .input.checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 0.2em;
  cursor: pointer; }
  .dashboard .input.checkbox:before {
    -webkit-transition: opacity ease 0.3s 0s;
    -o-transition: opacity ease 0.3s 0s;
    transition: opacity ease 0.3s 0s;
    width: 13px;
    height: 9px;
    background: url("../../../shared/public-assets/img/icons/tick.svg") no-repeat;
    background-size: 100% auto;
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4.5px;
    margin-left: -6.5px;
    opacity: 0; }
    html.cssmask .dashboard .input.checkbox:before {
      background: #369aab;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("../../../shared/public-assets/img/icons/tick.svg");
              mask-image: url("../../../shared/public-assets/img/icons/tick.svg"); }
  .dashboard .input.checkbox:after {
    content: ' ';
    display: block;
    position: absolute;
    -webkit-transition: opacity ease 0.3s 0s;
    -o-transition: opacity ease 0.3s 0s;
    transition: opacity ease 0.3s 0s;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 1em #bae9f1;
            box-shadow: 0 0 1em #bae9f1;
    opacity: 0; }
  input[type="checkbox"]:checked + .dashboard .input.checkbox:before, input[type="checkbox"]:checked + .dashboard .input.checkbox:after, .dashboard .input.checkbox.selected:before, .dashboard .input.checkbox.selected:after {
    opacity: 1; }
  html.cssmask .dashboard .input.checkbox.disabled:before {
    background: #c5cddd; }
  html.cssmask .dashboard .input.checkbox.disabled:after {
    -webkit-box-shadow: 0 0 1em #c5cddd;
            box-shadow: 0 0 1em #c5cddd; }
  .dashboard .input.checkbox.disabled {
    cursor: not-allowed; }

.dashboard .checkbox-group li {
  margin-bottom: 0.6em; }
  .dashboard .checkbox-group li:last-child {
    margin-bottom: 0; }
  .dashboard .checkbox-group li.disabled {
    opacity: 0.8; }
  .dashboard .checkbox-group li.option-other input[type="text"] {
    margin-top: 0.5em; }

@media only screen and (min-width: 751px) {
  .dashboard .checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .dashboard .checkbox-group li {
      width: 50%;
      padding-right: 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

@media only screen and (min-width: 1025px) {
  .dashboard .checkbox-group {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    .dashboard .checkbox-group li {
      width: calc(100% / 3); } }

.dashboard .pretty-radio-wrapper {
  width: 100%;
  position: relative;
  padding-left: 35px; }
  .dashboard .pretty-radio-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: -1; }
  .dashboard .pretty-radio-wrapper .dropdown-wrapper input {
    position: relative;
    visibility: visible;
    z-index: 10; }
  .dashboard .pretty-radio-wrapper .pretty-radio {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border-radius: 36.0em; }
    .dashboard .pretty-radio-wrapper .pretty-radio:before {
      -webkit-transition: opacity ease 0.3s 0s;
      -o-transition: opacity ease 0.3s 0s;
      transition: opacity ease 0.3s 0s;
      content: ' ';
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      background: #369aab;
      top: 50%;
      left: 50%;
      margin-top: -6px;
      margin-left: -6px;
      border-radius: 36.0em;
      opacity: 0; }
    .dashboard .pretty-radio-wrapper .pretty-radio.selected:before {
      opacity: 1; }
  .dashboard .pretty-radio-wrapper p {
    margin: 0; }

.dashboard #content .multiple-options, .dashboard #wrapper:not(.focused-layout) #content .multiple-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .dashboard #content .multiple-options li:nth-child(1), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(1) {
    z-index: 10; }
  .dashboard #content .multiple-options li:nth-child(2), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(2) {
    z-index: 9; }
  .dashboard #content .multiple-options li:nth-child(3), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(3) {
    z-index: 8; }
  .dashboard #content .multiple-options li:nth-child(4), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(4) {
    z-index: 7; }
  .dashboard #content .multiple-options li:nth-child(5), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(5) {
    z-index: 6; }
  .dashboard #content .multiple-options li:nth-child(6), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(6) {
    z-index: 5; }
  .dashboard #content .multiple-options li:nth-child(7), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(7) {
    z-index: 4; }
  .dashboard #content .multiple-options li:nth-child(8), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(8) {
    z-index: 3; }
  .dashboard #content .multiple-options li:nth-child(9), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(9) {
    z-index: 2; }
  .dashboard #content .multiple-options li:nth-child(10), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:nth-child(10) {
    z-index: 1; }
  .dashboard #content .multiple-options li.selected .dropdown-wrapper, .dashboard #wrapper:not(.focused-layout) #content .multiple-options li.selected .dropdown-wrapper {
    display: block; }
  .dashboard #content .multiple-options li:not(.pretty-radio-wrapper), .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:not(.pretty-radio-wrapper) {
    -webkit-transition: background ease 0.5s, color ease 0.5s, border-color ease 0.5s;
    -o-transition: background ease 0.5s, color ease 0.5s, border-color ease 0.5s;
    transition: background ease 0.5s, color ease 0.5s, border-color ease 0.5s;
    position: relative;
    padding-bottom: 35px;
    text-align: center;
    cursor: pointer; }
    .dashboard #content .multiple-options li:not(.pretty-radio-wrapper) input, .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:not(.pretty-radio-wrapper) input {
      position: absolute;
      top: 0;
      left: 0;
      visibility: hidden;
      z-index: -1; }
    .dashboard #content .multiple-options li:not(.pretty-radio-wrapper):hover, .dashboard #content .multiple-options li:not(.pretty-radio-wrapper):focus, .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:not(.pretty-radio-wrapper):hover, .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:not(.pretty-radio-wrapper):focus {
      background: #f2fafb;
      border-color: #d4eaed; }
    .dashboard #content .multiple-options li:not(.pretty-radio-wrapper).selected, .dashboard #wrapper:not(.focused-layout) #content .multiple-options li:not(.pretty-radio-wrapper).selected {
      background: #d2eef2;
      border-color: #b7dce1;
      -webkit-box-shadow: 0 0 1em rgba(186, 233, 241, 0.5);
              box-shadow: 0 0 1em rgba(186, 233, 241, 0.5); }
  .dashboard #content .multiple-options:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options:not(.ignore-standard-layout) > li {
    margin-bottom: 35px; }
  .dashboard #content .multiple-options label, .dashboard #wrapper:not(.focused-layout) #content .multiple-options label {
    font-weight: 700;
    display: block; }
  .dashboard #content .multiple-options small, .dashboard #wrapper:not(.focused-layout) #content .multiple-options small {
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 0.85em;
    font-weight: 700;
    display: inline-block; }
  .dashboard #content .multiple-options.checkboxes, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes {
    margin-bottom: -3.2em; }
    .dashboard #content .multiple-options.checkboxes li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes li {
      padding-bottom: 0;
      text-align: left; }
      .dashboard #content .multiple-options.checkboxes li, .dashboard #content .multiple-options.checkboxes li:hover, .dashboard #content .multiple-options.checkboxes li:focus, .dashboard #content .multiple-options.checkboxes li.selected, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes li:hover, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes li:focus, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes li.selected {
        background: none;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .dashboard #content .multiple-options.checkboxes li p, .dashboard #wrapper:not(.focused-layout) #content .multiple-options.checkboxes li p {
        margin-bottom: 0; }
  .dashboard #content .multiple-options .dropdown-wrapper, .dashboard #wrapper:not(.focused-layout) #content .multiple-options .dropdown-wrapper {
    margin-top: 0.5em;
    display: none; }
    .dashboard #content .multiple-options .dropdown-wrapper .dropdown, .dashboard #wrapper:not(.focused-layout) #content .multiple-options .dropdown-wrapper .dropdown {
      top: 2.8em; }
    .dashboard #content .multiple-options .dropdown-wrapper li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options .dropdown-wrapper li {
      width: 100%;
      float: none;
      margin: 0;
      padding-bottom: 15px;
      text-align: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .dashboard #content .multiple-options .dropdown-wrapper li:hover, .dashboard #content .multiple-options .dropdown-wrapper li:focus, .dashboard #wrapper:not(.focused-layout) #content .multiple-options .dropdown-wrapper li:hover, .dashboard #wrapper:not(.focused-layout) #content .multiple-options .dropdown-wrapper li:focus {
        background: #369aab;
        color: #FFFFFF; }
  @media only screen and (min-width: 601px) {
    .dashboard #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li {
      width: calc((100% - 70px) / 3);
      margin-bottom: 0;
      margin-left: 35px; }
      .dashboard #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li:first-child, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li:first-child {
        margin-left: 0; }
      html.ua-edge .dashboard #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li, html.ua-edge .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li {
        width: 28.3333333333%; }
    .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li {
      width: calc((100% - 65px) / 2); }
      html.ua-edge .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li, html.ua-edge .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li {
        width: 45%; }
    .dashboard #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li {
      width: calc((100% - 130px) / 3); }
      html.ua-edge .dashboard #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li, html.ua-edge .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li {
        width: 28.3333333333%; } }
  @media only screen and (min-width: 631px) and (max-width: 900px) {
    .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout), .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li {
        margin-right: 15px;
        margin-left: 15px; } }
  @media only screen and (min-width: 751px) {
    .dashboard #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li {
      width: calc((100% - 130px) / 3);
      margin-bottom: 0;
      margin-left: 65px; }
      .dashboard #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li:first-child, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li:first-child {
        margin-left: 0; }
      html.ua-edge .dashboard #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li, html.ua-edge .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='3']:not(.ignore-standard-layout) > li {
        width: 28.3333333333%; } }
  @media only screen and (min-width: 901px) {
    .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li {
      width: calc((100% - 105px) / 4);
      margin-bottom: 0;
      margin-left: 35px; }
      .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li:first-child, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li:first-child {
        margin-left: 0; }
      html.ua-edge .dashboard #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li, html.ua-edge .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='4']:not(.ignore-standard-layout) > li {
        width: 20%; }
    .dashboard #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout), .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) {
      margin-left: -35px;
      margin-bottom: -35px; }
      .dashboard #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li {
        margin-right: 35px; }
        .dashboard #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li, .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li {
          width: calc((100% - 70px) / 3); }
          html.ua-edge .dashboard #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li, html.ua-edge .dashboard #wrapper:not(.focused-layout) #content .multiple-options[data-no-of-options='6']:not(.ignore-standard-layout) > li {
            width: 28.3333333333%; } }

.dashboard #content .toggle > .multiple-options, .dashboard #container #wrapper:not(.focused-layout) .form-wrapper fieldset .toggle > .multiple-options {
  margin-left: 0;
  display: inline-block; }
  .dashboard #content .toggle > .multiple-options li, .dashboard #container #wrapper:not(.focused-layout) .form-wrapper fieldset .toggle > .multiple-options li {
    margin: 0;
    margin-left: -2px;
    padding-bottom: 10px;
    display: inline-block;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .dashboard #content .toggle > .multiple-options li:first-child, .dashboard #container #wrapper:not(.focused-layout) .form-wrapper fieldset .toggle > .multiple-options li:first-child {
      margin-left: 0; }

.dashboard #content .toggle > .multiple-options .pretty-radio, .dashboard #content .toggle > .multiple-options .checkbox, .dashboard #content .toggle > .multiple-options input {
  display: none; }

.dashboard #content .toggle > .multiple-options li {
  width: auto;
  min-width: 5.0em;
  position: relative;
  border-radius: 0; }
  .dashboard #content .toggle > .multiple-options li:first-child {
    border-radius: 0.3em 0 0 0.3em; }
  .dashboard #content .toggle > .multiple-options li:last-child {
    border-radius: 0 0.3em 0.3em 0; }
  .dashboard #content .toggle > .multiple-options li.selected {
    z-index: 10; }
  .dashboard #content .toggle > .multiple-options li.inactive label {
    font-weight: 400;
    font-style: italic; }

.dashboard #content .toggle > .multiple-options p {
  margin-bottom: 0; }

.dashboard .input-wrapper.password {
  position: relative; }
  .dashboard .input-wrapper.password input {
    padding-right: 6.0em; }
  .dashboard .input-wrapper.password .show-hide-toggle {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.2em;
    font-size: 0.9em;
    color: #8f848a;
    font-weight: 700;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer; }

.dashboard .add-another {
  -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  -o-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  background: transparent;
  color: #7b7579;
  font-weight: 600;
  border: 2px dashed #cec5cb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .dashboard .add-another:before {
    content: '+';
    position: relative;
    bottom: 0.05em;
    margin-right: 0.5em;
    font-size: 1.5em;
    line-height: 0; }
  .dashboard .add-another:hover, .dashboard .add-another:focus {
    background: #d8edf0;
    color: #369aab;
    border-color: #369aab; }
  .dashboard .add-another.disabled {
    opacity: 0.5;
    cursor: not-allowed; }
    .dashboard .add-another.disabled:hover, .dashboard .add-another.disabled:focus {
      background: transparent;
      color: #7b7579;
      border-color: #cec5cb; }

.dashboard dl.faqs, .dashboard .text dl.faqs {
  margin-top: 35px;
  margin-left: 0;
  padding-left: 12px;
  border-bottom: 1px solid #d8d4d6; }
  html.cssmask .dashboard dl.faqs .arrow-toggle:before, html.cssmask .dashboard .text dl.faqs .arrow-toggle:before {
    background: #df93ae; }
  .dashboard dl.faqs .arrow-toggle, .dashboard .text dl.faqs .arrow-toggle {
    top: 50%;
    left: 12px;
    margin-top: -5px; }
    .dashboard dl.faqs .arrow-toggle.open, .dashboard .text dl.faqs .arrow-toggle.open {
      margin-top: -2px; }
  .dashboard dl.faqs dt, .dashboard dl.faqs dd, .dashboard .text dl.faqs dt, .dashboard .text dl.faqs dd {
    width: calc(100% + 12px);
    position: relative;
    right: 12px;
    padding-left: 37px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .dashboard dl.faqs dt, .dashboard .text dl.faqs dt {
    position: relative;
    padding: 10px 15px 10px 35px;
    font-weight: 400;
    border-top: 1px solid #d8d4d6;
    cursor: pointer; }
  .dashboard dl.faqs dd, .dashboard .text dl.faqs dd {
    -webkit-transition: max-height ease-out 0.8s, margin-bottom ease-out 0.8s;
    -o-transition: max-height ease-out 0.8s, margin-bottom ease-out 0.8s;
    transition: max-height ease-out 0.8s, margin-bottom ease-out 0.8s;
    max-height: 0;
    position: relative;
    overflow: hidden; }
    .dashboard dl.faqs dd.open, .dashboard .text dl.faqs dd.open {
      -webkit-transition: max-height ease-in 0.8s, margin-bottom ease-in 0.8s;
      -o-transition: max-height ease-in 0.8s, margin-bottom ease-in 0.8s;
      transition: max-height ease-in 0.8s, margin-bottom ease-in 0.8s;
      max-height: 50.0em; }
    .dashboard dl.faqs dd.finished-animating, .dashboard .text dl.faqs dd.finished-animating {
      max-height: unset !important; }

.dashboard #content .products {
  margin: 25px auto;
  margin-bottom: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .dashboard #content .products li {
    position: relative;
    margin-bottom: 25px;
    font-size: 10px;
    border: 1px solid #d0cbce;
    border-radius: 0.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden; }
  .dashboard #content .products a {
    display: block;
    cursor: pointer; }
    .dashboard #content .products a:before {
      display: none; }
  .dashboard #content .products .details {
    -webkit-transition: bottom ease 0.3s, padding ease 0.3s;
    -o-transition: bottom ease 0.3s, padding ease 0.3s;
    transition: bottom ease 0.3s, padding ease 0.3s;
    width: 100%;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 30px 30px 30px;
    text-align: center;
    border-top: 1px solid #e9e6e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 10; }
  .dashboard #content .products .title {
    margin-bottom: 0.5em;
    font-size: 2.0em;
    color: #484848;
    font-weight: 600; }
  .dashboard #content .products .keywords {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    font-size: 1.2em;
    color: #a1a0a0; }
    .dashboard #content .products .keywords:last-child {
      margin-bottom: 0; }
  .dashboard #content .products .img {
    margin: 0; }
    .dashboard #content .products .img img {
      -webkit-transition: top ease 0.3s;
      -o-transition: top ease 0.3s;
      transition: top ease 0.3s;
      position: relative;
      top: -6.0em;
      -webkit-box-shadow: none;
              box-shadow: none; }
  @media only screen and (min-width: 551px) and (max-width: 800px) {
    .dashboard #content .products .details {
      padding-top: 20px;
      padding-bottom: 18px; }
    .dashboard #content .products .title {
      display: none; }
    .dashboard #content .products .img img {
      top: -3.5em; } }
  @media only screen and (min-width: 551px) {
    .dashboard #content .products {
      margin-left: -25px; }
      .dashboard #content .products li {
        width: calc((100% - 50px) / 2);
        margin-left: 25px; } }
  @media only screen and (min-width: 801px) {
    .dashboard #content .products li:hover .details, .dashboard #content .products li:focus .details {
      bottom: -5.0em;
      padding-top: 2px; }
    .dashboard #content .products li:hover .img img, .dashboard #content .products li:focus .img img {
      top: -3.0em; }
    .dashboard #content .products li.collection.bolan .img img {
      top: -1.5em; }
    .dashboard #content .products li.collection.bolan:hover .img img, .dashboard #content .products li.collection.bolan:focus .img img {
      top: -3.0em; }
    .dashboard #content .products li.collection.lana .img img {
      top: -10.0em; }
    .dashboard #content .products li.collection.lana:hover .img img, .dashboard #content .products li.collection.lana:focus .img img {
      top: -2.5em; }
    .dashboard #content .products li.collection.brandi .img img {
      top: -2.0em; }
    .dashboard #content .products li.collection.brandi:hover .img img, .dashboard #content .products li.collection.brandi:focus .img img {
      top: -3.0em; }
    .dashboard #content .products li.collection.fleetwood .img img {
      top: -8.2em; }
    .dashboard #content .products li.collection.fleetwood:hover .img img, .dashboard #content .products li.collection.fleetwood:focus .img img {
      top: 0; }
    .dashboard #content .products li.collection.stefani .img img {
      top: -2.5em; }
    .dashboard #content .products li.collection.stefani:hover .img img, .dashboard #content .products li.collection.stefani:focus .img img {
      top: -1.0em; } }
  @media only screen and (min-width: 1025px) {
    .dashboard #content .products {
      margin-bottom: -35px;
      margin-left: -65px; }
      .dashboard #content .products li {
        width: calc((100% - 195px) / 3);
        margin-left: 65px;
        margin-bottom: 35px; }
      .dashboard #content .products .keywords {
        white-space: pre; } }

.dashboard .message-wrapper {
  position: relative;
  display: inline-block; }

.dashboard .message {
  -webkit-transition: opacity ease 0.3s 0.3s;
  -o-transition: opacity ease 0.3s 0.3s;
  transition: opacity ease 0.3s 0.3s;
  background: #f4e4a5;
  padding: 7.5px 15px;
  color: #2e333c;
  border: 1px solid #f0d259;
  border-radius: 0.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block; }
  .dashboard .message.fade-enter {
    opacity: 0.01; }
    .dashboard .message.fade-enter.fade-enter-active {
      opacity: 1; }
  .dashboard .message.fade-leave {
    opacity: 1; }
    .dashboard .message.fade-leave.fade-leave-active {
      opacity: 0.01; }
  .dashboard .message p:last-child {
    margin-bottom: 0; }
  .dashboard .message.fade-enter, .dashboard .message.fade-leave {
    position: absolute;
    top: 0;
    left: 0; }
  .dashboard .message.error {
    background: #fbcbcf;
    border-color: #ebaaaf; }
  .dashboard .message.message-box {
    margin-bottom: 35px;
    padding: 15px 35px 25px 35px;
    display: block; }
  .dashboard .message.col {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .dashboard .message .title {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    margin-top: 0.5em;
    font-size: 2.0em; }
  .dashboard .message .cta {
    margin-top: 15px; }
  .dashboard .message .faqs {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    border: none; }
    .dashboard .message .faqs .arrow-toggle {
      left: 0; }
    .dashboard .message .faqs dt, .dashboard .message .faqs dd {
      right: auto;
      padding-left: 25px; }
    .dashboard .message .faqs dt {
      margin-bottom: 0.8em;
      font-weight: 400;
      border: none; }
    .dashboard .message .faqs dd {
      margin-bottom: 0; }
    .dashboard .message .faqs .bullets {
      margin-top: 0;
      margin-left: 35px;
      list-style: disc; }
      .dashboard .message .faqs .bullets li {
        padding: 0; }
        .dashboard .message .faqs .bullets li:before {
          display: none; }
    .dashboard #content form .message .faqs dd, #content form .dashboard .message .faqs dd {
      margin-bottom: 0; }
  .dashboard .message.toast {
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
    max-width: calc(100% - 50px);
    position: fixed;
    bottom: 25px;
    left: 25px;
    padding: 15px 45px 15px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1000; }
    .dashboard .message.toast.animate-off {
      -webkit-transform: translateY(23em);
          -ms-transform: translateY(23em);
              transform: translateY(23em); }
    .dashboard .message.toast p {
      font-size: 1.2em; }
    .dashboard .message.toast .close {
      width: 12px;
      height: 12px;
      background: url("../../../shared/public-assets/img/icons/cross.svg") no-repeat;
      background-size: 100% auto;
      display: block;
      position: absolute;
      top: 12px;
      right: 12px;
      cursor: pointer; }
      html.cssmask .dashboard .message.toast .close {
        background: #88867d;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
                mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
        -webkit-transition: background ease 0.3s;
        -o-transition: background ease 0.3s;
        transition: background ease 0.3s; }
        html.cssmask .dashboard .message.toast .close:hover, html.cssmask .dashboard .message.toast .close:focus {
          background: #6e6c64; }

@media only screen and (min-width: 801px) {
  .dashboard .message-wrapper {
    padding-top: 65px; } }

.dashboard .step-indicator {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  list-style: none;
  counter-reset: counter;
  margin-bottom: 45px;
  border-bottom: 1px solid #d8d4d6;
  color: #b4b3b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .dashboard .step-indicator li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 2.0em;
    font-size: 1.4em; }
    .dashboard .step-indicator li:before {
      width: 1.4em;
      height: 1.4em;
      content: counter(counter);
      counter-increment: counter;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -0.8em;
      padding-top: 0.05em;
      text-align: center;
      color: #bdbcbd;
      border-radius: 36.0em;
      border: 1px solid #b6b5b5;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .dashboard .step-indicator li:last-child {
      margin-bottom: 45px; }
    .dashboard .step-indicator li.selected {
      color: #ce3762; }
      .dashboard .step-indicator li.selected:before {
        background: #ce3762;
        color: #FFFFFF;
        border-color: #ce3762; }
    .dashboard .step-indicator li.finished:before {
      content: ''; }
    .dashboard .step-indicator li.finished:after {
      width: 0.9em;
      height: 0.6em;
      background: url("../../../shared/public-assets/img/icons/tick.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -0.3em;
      left: 0.3em;
      margin-top: -0.35em; }
      html.cssmask .dashboard .step-indicator li.finished:after {
        background: #b6b5b5;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/tick.svg");
                mask-image: url("../../../shared/public-assets/img/icons/tick.svg"); }
  @media only screen and (min-width: 701px) {
    .dashboard .step-indicator {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; }
      .dashboard .step-indicator li {
        margin-left: 45px;
        margin-bottom: 45px; }
        .dashboard .step-indicator li:first-child {
          margin-left: 0; } }

.dashboard #content .tab-wrapper {
  background: #FFFFFF;
  position: relative;
  margin-top: 65px;
  border: 2px solid #e0e4e8;
  border-radius: 1.0em; }
  .dashboard #content .tab-wrapper .tabs {
    position: relative;
    right: 2px; }
    .dashboard #content .tab-wrapper .tabs:before {
      content: ' ';
      display: block;
      position: absolute;
      width: 100%;
      height: 4.5em;
      background: #e7e9ec;
      position: absolute;
      bottom: 0;
      left: 0;
      border: 2px solid #e7e9ec;
      border-bottom-color: #e0e4e8;
      border-radius: 1.0em 1.0em 0 0;
      z-index: 1; }
    .dashboard #content .tab-wrapper .tabs li {
      position: relative;
      margin-bottom: 0;
      margin-right: -2px;
      display: inline-block;
      z-index: 10; }
      .dashboard #content .tab-wrapper .tabs li a {
        padding: 0.8em 25px;
        color: #878d98;
        border-right: 2px solid #d5dade;
        border-bottom: none;
        display: inline-block; }
        .dashboard #content .tab-wrapper .tabs li a[data-short-text]:before {
          content: attr(data-short-text); }
        .dashboard #content .tab-wrapper .tabs li a[data-short-text] span {
          width: 0;
          height: 0;
          margin: 0;
          overflow: hidden;
          display: block; }
        .dashboard #content .tab-wrapper .tabs li a:hover, .dashboard #content .tab-wrapper .tabs li a:focus {
          color: #6d737f; }
      .dashboard #content .tab-wrapper .tabs li:first-child a {
        border-left: 2px solid #e0e4e8;
        border-radius: 0.5em 0 0 0; }
      .dashboard #content .tab-wrapper .tabs li:last-child:not(.selected) a {
        border-right: none; }
      .dashboard #content .tab-wrapper .tabs li.selected {
        z-index: 5; }
        .dashboard #content .tab-wrapper .tabs li.selected:before, .dashboard #content .tab-wrapper .tabs li.selected:after {
          content: ' ';
          display: block;
          position: absolute;
          width: 100%;
          height: 1.0em;
          top: -0.6em;
          left: 0;
          border-top: 0.25em solid #369aab;
          border-radius: 0.4em 0.4em 0 0; }
        .dashboard #content .tab-wrapper .tabs li.selected:before {
          background: #FFFFFF;
          border-right: 2px solid #d5dade;
          border-left: 2px solid #d5dade;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
        .dashboard #content .tab-wrapper .tabs li.selected a {
          background: #FFFFFF;
          color: #369aab; }
          .dashboard #content .tab-wrapper .tabs li.selected a:hover, .dashboard #content .tab-wrapper .tabs li.selected a:focus {
            color: #237482; }
        .dashboard #content .tab-wrapper .tabs li.selected:first-child:before {
          border-left-color: #e0e4e8; }
  .dashboard #content .tab-wrapper .tab-content {
    padding: 45px 45px 35px 45px; }
    .dashboard #content .tab-wrapper .tab-content > div {
      -webkit-transition: opacity ease 0.2s 0s;
      -o-transition: opacity ease 0.2s 0s;
      transition: opacity ease 0.2s 0s;
      width: 0;
      height: 0;
      overflow: hidden;
      opacity: 0;
      display: block; }
      .dashboard #content .tab-wrapper .tab-content > div.closing, .dashboard #content .tab-wrapper .tab-content > div.selected {
        width: auto;
        height: auto;
        overflow: visible; }
      .dashboard #content .tab-wrapper .tab-content > div.selected {
        opacity: 1;
        -webkit-transition-delay: 0.1s;
             -o-transition-delay: 0.1s;
                transition-delay: 0.1s; }
  @media only screen and (min-width: 451px) {
    .dashboard #content .tab-wrapper .tabs li:last-child a {
      border-right: 2px solid #d5dade; }
    .dashboard #content .tab-wrapper .tabs li a[data-medium-text]:before {
      content: attr(data-medium-text); } }
  @media only screen and (min-width: 721px) {
    .dashboard #content .tab-wrapper .tabs li a[data-short-text]:before {
      content: ''; }
    .dashboard #content .tab-wrapper .tabs li a[data-short-text] span {
      display: inline; }
    .dashboard #content .tab-wrapper .tabs li a[data-medium-text]:before {
      content: ''; } }

.dashboard .overlay {
  -webkit-transition: opacity ease 0.3s 0.3s;
  -o-transition: opacity ease 0.3s 0.3s;
  transition: opacity ease 0.3s 0.3s;
  width: 100vw;
  height: 100vh;
  background: #333644;
  background: rgba(51, 54, 68, 0.75);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  overflow-y: scroll;
  overflow-x: hidden; }
  .dashboard .overlay.fade-enter {
    opacity: 0.01; }
    .dashboard .overlay.fade-enter.fade-enter-active {
      opacity: 1; }
  .dashboard .overlay.fade-leave {
    opacity: 1; }
    .dashboard .overlay.fade-leave.fade-leave-active {
      opacity: 0.01; }
  .dashboard .overlay .content {
    width: 80%;
    background: #FFFFFF;
    margin: 35px auto;
    padding: 35px 35px 25px 35px;
    border-radius: 0.8em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 2.5em rgba(32, 34, 42, 0.6);
            box-shadow: 0 0 2.5em rgba(32, 34, 42, 0.6); }
  .dashboard .overlay .close {
    width: 16px;
    height: 16px;
    background: url("../../../shared/public-assets/img/icons/cross.svg") no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 30px;
    right: 35px;
    cursor: pointer; }
    html.cssmask .dashboard .overlay .close {
      background: #d05862;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
              mask-image: url("../../../shared/public-assets/img/icons/cross.svg");
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s; }
      html.cssmask .dashboard .overlay .close:hover, html.cssmask .dashboard .overlay .close:focus {
        background: #b5454e; }
  .dashboard .overlay .title {
    width: 75%;
    width: calc(100% - 65px); }
  .dashboard .overlay .cta-group {
    margin-top: 35px;
    margin-bottom: 15px;
    padding-top: 35px;
    border-top: 1px solid #d8d4d6;
    display: block; }
    .dashboard .overlay .cta-group li {
      margin: 0 auto 35px auto; }
  .dashboard .overlay.img .title {
    margin-bottom: 35px; }
  .dashboard .overlay.img .img {
    border: 1px solid #d8d4d6; }
  html.cssmask .dashboard .overlay.delete-confirmation .bullets li:before {
    background: #d05862; }
  .dashboard .overlay.delete-confirmation .cta:not(.secondary-cta):not(.disabled) a, .dashboard .overlay.delete-confirmation .cta:not(.secondary-cta):not(.disabled) button {
    background: #d05862;
    border-color: #d05862; }
    .dashboard .overlay.delete-confirmation .cta:not(.secondary-cta):not(.disabled) a:hover, .dashboard .overlay.delete-confirmation .cta:not(.secondary-cta):not(.disabled) a:focus, .dashboard .overlay.delete-confirmation .cta:not(.secondary-cta):not(.disabled) button:hover, .dashboard .overlay.delete-confirmation .cta:not(.secondary-cta):not(.disabled) button:focus {
      background: #b5454e;
      border-color: #b5454e; }
  @media only screen and (min-width: 551px) {
    .dashboard .overlay .cta-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .dashboard .overlay .cta-group li {
        margin-bottom: 0; } }
  @media only screen and (min-width: 701px) {
    .dashboard .overlay.small .content {
      width: 60%; } }

.dashboard .divider-top {
  margin-top: 45px;
  padding-top: 45px;
  border-top: 1px solid #d8d4d6; }

.dashboard .divider-bottom {
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid #d8d4d6; }

.dashboard #container #wrapper.focused-layout {
  min-height: 100vh;
  height: auto;
  background: #fbfbfb;
  color: #484848;
  padding-top: 112px;
  padding-bottom: 65px; }
  .dashboard #container #wrapper.focused-layout:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(65deg, #fbfbfb, #fbfbfb 50%, #faf4f6 50%, #FFFFFF);
    background: linear-gradient(25deg, #fbfbfb, #fbfbfb 50%, #faf4f6 50%, #FFFFFF);
    background-size: 100% 135vh;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1; }
  .dashboard #container #wrapper.focused-layout div:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay), .dashboard #container #wrapper.focused-layout > ol {
    position: relative;
    z-index: 5; }
  .dashboard #container #wrapper.focused-layout .highlight {
    color: #b4b3b3; }
  .dashboard #container #wrapper.focused-layout #logo {
    top: 38px; }
    .dashboard #container #wrapper.focused-layout #logo a:after {
      width: 99.1%;
      left: 1px; }
  .dashboard #container #wrapper.focused-layout #content {
    max-width: 715px;
    min-height: 0;
    margin: 0 auto; }
    .dashboard #container #wrapper.focused-layout #content:after {
      display: none; }
  @media only screen and (min-width: 421px) {
    .dashboard #container #wrapper.focused-layout #logo {
      width: 19.5em;
      height: 3.6em; } }

.dashboard .loading {
  width: 8.5em;
  height: 7.4em;
  background: url("../../../shared/public-assets/img/icons/loader.svg") no-repeat;
  background-size: 100% auto;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -3.7em;
  margin-left: -4.25em;
  position: absolute; }
  html.cssmask .dashboard .loading {
    background: currentColor;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: url("../../../shared/public-assets/img/icons/loader.svg");
            mask-image: url("../../../shared/public-assets/img/icons/loader.svg");
    -webkit-transition: background ease 0.3s;
    -o-transition: background ease 0.3s;
    transition: background ease 0.3s; }
    html.cssmask .dashboard .loading:hover, html.cssmask .dashboard .loading:focus {
      background: currentColor; }
  .dashboard .loading.static {
    position: static;
    margin: 0 auto; }

.dashboard .arrow-toggle {
  position: absolute;
  top: 3px;
  left: 0;
  cursor: pointer; }
  .dashboard .arrow-toggle:before {
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
    width: 16px;
    height: 12px;
    background: url("../../../shared/public-assets/img/icons/arrow.svg") no-repeat;
    background-size: 100% auto;
    content: ' ';
    display: block;
    position: absolute;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
    html.cssmask .dashboard .arrow-toggle:before {
      background: #b0a7ac;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("../../../shared/public-assets/img/icons/arrow.svg");
              mask-image: url("../../../shared/public-assets/img/icons/arrow.svg"); }
  .dashboard .arrow-toggle.open {
    top: 5px; }
    .dashboard .arrow-toggle.open:before {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }

.dashboard div#PureChatWidget.purechat {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .dashboard div#PureChatWidget.purechat a, .dashboard div#PureChatWidget.purechat abbr, .dashboard div#PureChatWidget.purechat address, .dashboard div#PureChatWidget.purechat area, .dashboard div#PureChatWidget.purechat article, .dashboard div#PureChatWidget.purechat aside, .dashboard div#PureChatWidget.purechat audio, .dashboard div#PureChatWidget.purechat b, .dashboard div#PureChatWidget.purechat base, .dashboard div#PureChatWidget.purechat bdi, .dashboard div#PureChatWidget.purechat bdo, .dashboard div#PureChatWidget.purechat blockquote, .dashboard div#PureChatWidget.purechat body, .dashboard div#PureChatWidget.purechat br, .dashboard div#PureChatWidget.purechat button, .dashboard div#PureChatWidget.purechat canvas, .dashboard div#PureChatWidget.purechat caption, .dashboard div#PureChatWidget.purechat cite, .dashboard div#PureChatWidget.purechat code, .dashboard div#PureChatWidget.purechat col, .dashboard div#PureChatWidget.purechat colgroup, .dashboard div#PureChatWidget.purechat command, .dashboard div#PureChatWidget.purechat datalist, .dashboard div#PureChatWidget.purechat dd, .dashboard div#PureChatWidget.purechat del, .dashboard div#PureChatWidget.purechat details, .dashboard div#PureChatWidget.purechat dfn, .dashboard div#PureChatWidget.purechat div, .dashboard div#PureChatWidget.purechat dl, .dashboard div#PureChatWidget.purechat dt, .dashboard div#PureChatWidget.purechat em, .dashboard div#PureChatWidget.purechat embed, .dashboard div#PureChatWidget.purechat fieldset, .dashboard div#PureChatWidget.purechat figcaption, .dashboard div#PureChatWidget.purechat figure, .dashboard div#PureChatWidget.purechat footer, .dashboard div#PureChatWidget.purechat form, .dashboard div#PureChatWidget.purechat h1, .dashboard div#PureChatWidget.purechat h2, .dashboard div#PureChatWidget.purechat h3, .dashboard div#PureChatWidget.purechat h4, .dashboard div#PureChatWidget.purechat h5, .dashboard div#PureChatWidget.purechat h6, .dashboard div#PureChatWidget.purechat head, .dashboard div#PureChatWidget.purechat header, .dashboard div#PureChatWidget.purechat hgroup, .dashboard div#PureChatWidget.purechat hr, .dashboard div#PureChatWidget.purechat i, .dashboard div#PureChatWidget.purechat iframe, .dashboard div#PureChatWidget.purechat img, .dashboard div#PureChatWidget.purechat input, .dashboard div#PureChatWidget.purechat ins, .dashboard div#PureChatWidget.purechat kbd, .dashboard div#PureChatWidget.purechat keygen, .dashboard div#PureChatWidget.purechat label, .dashboard div#PureChatWidget.purechat legend, .dashboard div#PureChatWidget.purechat li, .dashboard div#PureChatWidget.purechat link, .dashboard div#PureChatWidget.purechat map, .dashboard div#PureChatWidget.purechat mark, .dashboard div#PureChatWidget.purechat menu, .dashboard div#PureChatWidget.purechat meta, .dashboard div#PureChatWidget.purechat meter, .dashboard div#PureChatWidget.purechat nav, .dashboard div#PureChatWidget.purechat noscript, .dashboard div#PureChatWidget.purechat object, .dashboard div#PureChatWidget.purechat ol, .dashboard div#PureChatWidget.purechat optgroup, .dashboard div#PureChatWidget.purechat option, .dashboard div#PureChatWidget.purechat output, .dashboard div#PureChatWidget.purechat p, .dashboard div#PureChatWidget.purechat param, .dashboard div#PureChatWidget.purechat pre, .dashboard div#PureChatWidget.purechat progress, .dashboard div#PureChatWidget.purechat q, .dashboard div#PureChatWidget.purechat rp, .dashboard div#PureChatWidget.purechat rt, .dashboard div#PureChatWidget.purechat ruby, .dashboard div#PureChatWidget.purechat s, .dashboard div#PureChatWidget.purechat samp, .dashboard div#PureChatWidget.purechat section, .dashboard div#PureChatWidget.purechat select, .dashboard div#PureChatWidget.purechat small, .dashboard div#PureChatWidget.purechat source, .dashboard div#PureChatWidget.purechat span, .dashboard div#PureChatWidget.purechat strong, .dashboard div#PureChatWidget.purechat style, .dashboard div#PureChatWidget.purechat sub, .dashboard div#PureChatWidget.purechat summary, .dashboard div#PureChatWidget.purechat sup, .dashboard div#PureChatWidget.purechat table, .dashboard div#PureChatWidget.purechat tbody, .dashboard div#PureChatWidget.purechat td, .dashboard div#PureChatWidget.purechat textarea, .dashboard div#PureChatWidget.purechat tfoot, .dashboard div#PureChatWidget.purechat th, .dashboard div#PureChatWidget.purechat thead, .dashboard div#PureChatWidget.purechat time, .dashboard div#PureChatWidget.purechat title, .dashboard div#PureChatWidget.purechat tr, .dashboard div#PureChatWidget.purechat track, .dashboard div#PureChatWidget.purechat u, .dashboard div#PureChatWidget.purechat ul, .dashboard div#PureChatWidget.purechat var, .dashboard div#PureChatWidget.purechat video, .dashboard div#PureChatWidget.purechat wbr, .dashboard div#PureChatWidget.purechat a::before, .dashboard div#PureChatWidget.purechat abbr::before, .dashboard div#PureChatWidget.purechat address::before, .dashboard div#PureChatWidget.purechat area::before, .dashboard div#PureChatWidget.purechat article::before, .dashboard div#PureChatWidget.purechat aside::before, .dashboard div#PureChatWidget.purechat audio::before, .dashboard div#PureChatWidget.purechat b::before, .dashboard div#PureChatWidget.purechat base::before, .dashboard div#PureChatWidget.purechat bdi::before, .dashboard div#PureChatWidget.purechat bdo::before, .dashboard div#PureChatWidget.purechat blockquote::before, .dashboard div#PureChatWidget.purechat body::before, .dashboard div#PureChatWidget.purechat br::before, .dashboard div#PureChatWidget.purechat button::before, .dashboard div#PureChatWidget.purechat canvas::before, .dashboard div#PureChatWidget.purechat caption::before, .dashboard div#PureChatWidget.purechat cite::before, .dashboard div#PureChatWidget.purechat code::before, .dashboard div#PureChatWidget.purechat col::before, .dashboard div#PureChatWidget.purechat colgroup::before, .dashboard div#PureChatWidget.purechat command::before, .dashboard div#PureChatWidget.purechat datalist::before, .dashboard div#PureChatWidget.purechat dd::before, .dashboard div#PureChatWidget.purechat del::before, .dashboard div#PureChatWidget.purechat details::before, .dashboard div#PureChatWidget.purechat dfn::before, .dashboard div#PureChatWidget.purechat div::before, .dashboard div#PureChatWidget.purechat dl::before, .dashboard div#PureChatWidget.purechat dt::before, .dashboard div#PureChatWidget.purechat em::before, .dashboard div#PureChatWidget.purechat embed::before, .dashboard div#PureChatWidget.purechat fieldset::before, .dashboard div#PureChatWidget.purechat figcaption::before, .dashboard div#PureChatWidget.purechat figure::before, .dashboard div#PureChatWidget.purechat footer::before, .dashboard div#PureChatWidget.purechat form::before, .dashboard div#PureChatWidget.purechat h1::before, .dashboard div#PureChatWidget.purechat h2::before, .dashboard div#PureChatWidget.purechat h3::before, .dashboard div#PureChatWidget.purechat h4::before, .dashboard div#PureChatWidget.purechat h5::before, .dashboard div#PureChatWidget.purechat h6::before, .dashboard div#PureChatWidget.purechat head::before, .dashboard div#PureChatWidget.purechat header::before, .dashboard div#PureChatWidget.purechat hgroup::before, .dashboard div#PureChatWidget.purechat hr::before, .dashboard div#PureChatWidget.purechat i::before, .dashboard div#PureChatWidget.purechat iframe::before, .dashboard div#PureChatWidget.purechat img::before, .dashboard div#PureChatWidget.purechat input::before, .dashboard div#PureChatWidget.purechat ins::before, .dashboard div#PureChatWidget.purechat kbd::before, .dashboard div#PureChatWidget.purechat keygen::before, .dashboard div#PureChatWidget.purechat label::before, .dashboard div#PureChatWidget.purechat legend::before, .dashboard div#PureChatWidget.purechat li::before, .dashboard div#PureChatWidget.purechat link::before, .dashboard div#PureChatWidget.purechat map::before, .dashboard div#PureChatWidget.purechat mark::before, .dashboard div#PureChatWidget.purechat menu::before, .dashboard div#PureChatWidget.purechat meta::before, .dashboard div#PureChatWidget.purechat meter::before, .dashboard div#PureChatWidget.purechat nav::before, .dashboard div#PureChatWidget.purechat noscript::before, .dashboard div#PureChatWidget.purechat object::before, .dashboard div#PureChatWidget.purechat ol::before, .dashboard div#PureChatWidget.purechat optgroup::before, .dashboard div#PureChatWidget.purechat option::before, .dashboard div#PureChatWidget.purechat output::before, .dashboard div#PureChatWidget.purechat p::before, .dashboard div#PureChatWidget.purechat param::before, .dashboard div#PureChatWidget.purechat pre::before, .dashboard div#PureChatWidget.purechat progress::before, .dashboard div#PureChatWidget.purechat q::before, .dashboard div#PureChatWidget.purechat rp::before, .dashboard div#PureChatWidget.purechat rt::before, .dashboard div#PureChatWidget.purechat ruby::before, .dashboard div#PureChatWidget.purechat s::before, .dashboard div#PureChatWidget.purechat samp::before, .dashboard div#PureChatWidget.purechat section::before, .dashboard div#PureChatWidget.purechat select::before, .dashboard div#PureChatWidget.purechat small::before, .dashboard div#PureChatWidget.purechat source::before, .dashboard div#PureChatWidget.purechat span::before, .dashboard div#PureChatWidget.purechat strong::before, .dashboard div#PureChatWidget.purechat style::before, .dashboard div#PureChatWidget.purechat sub::before, .dashboard div#PureChatWidget.purechat summary::before, .dashboard div#PureChatWidget.purechat sup::before, .dashboard div#PureChatWidget.purechat table::before, .dashboard div#PureChatWidget.purechat tbody::before, .dashboard div#PureChatWidget.purechat td::before, .dashboard div#PureChatWidget.purechat textarea::before, .dashboard div#PureChatWidget.purechat tfoot::before, .dashboard div#PureChatWidget.purechat th::before, .dashboard div#PureChatWidget.purechat thead::before, .dashboard div#PureChatWidget.purechat time::before, .dashboard div#PureChatWidget.purechat title::before, .dashboard div#PureChatWidget.purechat tr::before, .dashboard div#PureChatWidget.purechat track::before, .dashboard div#PureChatWidget.purechat u::before, .dashboard div#PureChatWidget.purechat ul::before, .dashboard div#PureChatWidget.purechat var::before, .dashboard div#PureChatWidget.purechat video::before, .dashboard div#PureChatWidget.purechat wbr::before, .dashboard div#PureChatWidget.purechat a::after, .dashboard div#PureChatWidget.purechat abbr::after, .dashboard div#PureChatWidget.purechat address::after, .dashboard div#PureChatWidget.purechat area::after, .dashboard div#PureChatWidget.purechat article::after, .dashboard div#PureChatWidget.purechat aside::after, .dashboard div#PureChatWidget.purechat audio::after, .dashboard div#PureChatWidget.purechat b::after, .dashboard div#PureChatWidget.purechat base::after, .dashboard div#PureChatWidget.purechat bdi::after, .dashboard div#PureChatWidget.purechat bdo::after, .dashboard div#PureChatWidget.purechat blockquote::after, .dashboard div#PureChatWidget.purechat body::after, .dashboard div#PureChatWidget.purechat br::after, .dashboard div#PureChatWidget.purechat button::after, .dashboard div#PureChatWidget.purechat canvas::after, .dashboard div#PureChatWidget.purechat caption::after, .dashboard div#PureChatWidget.purechat cite::after, .dashboard div#PureChatWidget.purechat code::after, .dashboard div#PureChatWidget.purechat col::after, .dashboard div#PureChatWidget.purechat colgroup::after, .dashboard div#PureChatWidget.purechat command::after, .dashboard div#PureChatWidget.purechat datalist::after, .dashboard div#PureChatWidget.purechat dd::after, .dashboard div#PureChatWidget.purechat del::after, .dashboard div#PureChatWidget.purechat details::after, .dashboard div#PureChatWidget.purechat dfn::after, .dashboard div#PureChatWidget.purechat div::after, .dashboard div#PureChatWidget.purechat dl::after, .dashboard div#PureChatWidget.purechat dt::after, .dashboard div#PureChatWidget.purechat em::after, .dashboard div#PureChatWidget.purechat embed::after, .dashboard div#PureChatWidget.purechat fieldset::after, .dashboard div#PureChatWidget.purechat figcaption::after, .dashboard div#PureChatWidget.purechat figure::after, .dashboard div#PureChatWidget.purechat footer::after, .dashboard div#PureChatWidget.purechat form::after, .dashboard div#PureChatWidget.purechat h1::after, .dashboard div#PureChatWidget.purechat h2::after, .dashboard div#PureChatWidget.purechat h3::after, .dashboard div#PureChatWidget.purechat h4::after, .dashboard div#PureChatWidget.purechat h5::after, .dashboard div#PureChatWidget.purechat h6::after, .dashboard div#PureChatWidget.purechat head::after, .dashboard div#PureChatWidget.purechat header::after, .dashboard div#PureChatWidget.purechat hgroup::after, .dashboard div#PureChatWidget.purechat hr::after, .dashboard div#PureChatWidget.purechat i::after, .dashboard div#PureChatWidget.purechat iframe::after, .dashboard div#PureChatWidget.purechat img::after, .dashboard div#PureChatWidget.purechat input::after, .dashboard div#PureChatWidget.purechat ins::after, .dashboard div#PureChatWidget.purechat kbd::after, .dashboard div#PureChatWidget.purechat keygen::after, .dashboard div#PureChatWidget.purechat label::after, .dashboard div#PureChatWidget.purechat legend::after, .dashboard div#PureChatWidget.purechat li::after, .dashboard div#PureChatWidget.purechat link::after, .dashboard div#PureChatWidget.purechat map::after, .dashboard div#PureChatWidget.purechat mark::after, .dashboard div#PureChatWidget.purechat menu::after, .dashboard div#PureChatWidget.purechat meta::after, .dashboard div#PureChatWidget.purechat meter::after, .dashboard div#PureChatWidget.purechat nav::after, .dashboard div#PureChatWidget.purechat noscript::after, .dashboard div#PureChatWidget.purechat object::after, .dashboard div#PureChatWidget.purechat ol::after, .dashboard div#PureChatWidget.purechat optgroup::after, .dashboard div#PureChatWidget.purechat option::after, .dashboard div#PureChatWidget.purechat output::after, .dashboard div#PureChatWidget.purechat p::after, .dashboard div#PureChatWidget.purechat param::after, .dashboard div#PureChatWidget.purechat pre::after, .dashboard div#PureChatWidget.purechat progress::after, .dashboard div#PureChatWidget.purechat q::after, .dashboard div#PureChatWidget.purechat rp::after, .dashboard div#PureChatWidget.purechat rt::after, .dashboard div#PureChatWidget.purechat ruby::after, .dashboard div#PureChatWidget.purechat s::after, .dashboard div#PureChatWidget.purechat samp::after, .dashboard div#PureChatWidget.purechat section::after, .dashboard div#PureChatWidget.purechat select::after, .dashboard div#PureChatWidget.purechat small::after, .dashboard div#PureChatWidget.purechat source::after, .dashboard div#PureChatWidget.purechat span::after, .dashboard div#PureChatWidget.purechat strong::after, .dashboard div#PureChatWidget.purechat style::after, .dashboard div#PureChatWidget.purechat sub::after, .dashboard div#PureChatWidget.purechat summary::after, .dashboard div#PureChatWidget.purechat sup::after, .dashboard div#PureChatWidget.purechat table::after, .dashboard div#PureChatWidget.purechat tbody::after, .dashboard div#PureChatWidget.purechat td::after, .dashboard div#PureChatWidget.purechat textarea::after, .dashboard div#PureChatWidget.purechat tfoot::after, .dashboard div#PureChatWidget.purechat th::after, .dashboard div#PureChatWidget.purechat thead::after, .dashboard div#PureChatWidget.purechat time::after, .dashboard div#PureChatWidget.purechat title::after, .dashboard div#PureChatWidget.purechat tr::after, .dashboard div#PureChatWidget.purechat track::after, .dashboard div#PureChatWidget.purechat u::after, .dashboard div#PureChatWidget.purechat ul::after, .dashboard div#PureChatWidget.purechat var::after, .dashboard div#PureChatWidget.purechat video::after, .dashboard div#PureChatWidget.purechat wbr::after {
    font-family: 'Open Sans', sans-serif !important;
    font-display: swap !important;
    font-size: 10px !important; }
  .dashboard div#PureChatWidget.purechat p {
    font-size: 1.6em !important; }
    .dashboard div#PureChatWidget.purechat p * {
      font-size: 1.0em !important; }
    .dashboard div#PureChatWidget.purechat p.purechat-download-container {
      font-size: 0.8em !important; }
  .dashboard div#PureChatWidget.purechat.purechat-bottom-right {
    bottom: 15px !important;
    right: 15px !important; }
  .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed {
    width: 4.5em !important;
    min-width: 4.5em !important;
    height: 4.5em !important;
    background: none !important;
    border-radius: 0 !important; }
    .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed:before {
      width: 2.5em;
      height: 2.4em;
      background: url("../../../shared/public-assets/img/icons/chat.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -1.2em;
      right: 1.0em;
      z-index: 10; }
      html.cssmask .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/chat.svg");
                mask-image: url("../../../shared/public-assets/img/icons/chat.svg"); }
    .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed:after {
      content: ' ';
      display: block;
      position: absolute;
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 4.5em !important;
      height: 4.5em !important;
      background: #ce3762 !important;
      bottom: 0;
      right: 0;
      border-radius: 36.0em !important;
      cursor: pointer !important; }
    .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed:hover:after, .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed:focus:after {
      background: #a9294e !important; }
    .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed.purechat-state-unavailable:after, .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed.purechat-state-unavailable:hover:after, .dashboard div#PureChatWidget.purechat.purechat-widget-collapsed.purechat-state-unavailable:focus:after {
      background: #b2b4b7 !important; }
  .dashboard div#PureChatWidget.purechat .purechat-collapsed.purechat-display-block {
    width: 4.5em !important;
    height: 4.5em !important;
    position: relative !important;
    float: right !important;
    z-index: 20 !important; }
    .dashboard div#PureChatWidget.purechat .purechat-collapsed.purechat-display-block .purechat-collapsed-image {
      width: 100% !important;
      height: 100% !important;
      display: block !important; }
  .dashboard div#PureChatWidget.purechat .pc-svgicon-lg {
    width: 16px !important;
    height: 16px !important;
    margin-left: 10px !important; }
  .dashboard div#PureChatWidget.purechat .purechat-btn-collapse .pc-svgicon-lg {
    width: 20px !important;
    height: 20px !important; }
  .dashboard div#PureChatWidget.purechat .purechat-widget-title-link {
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-display: swap !important;
    padding: 0 !important;
    font-size: 1.5em !important; }
  .dashboard div#PureChatWidget.purechat .purechat-widget-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important; }
    .dashboard div#PureChatWidget.purechat .purechat-widget-header .purechat-widget-title {
      margin: 0 !important;
      padding: 0 4px !important; }
    .dashboard div#PureChatWidget.purechat .purechat-widget-header .purechat-widget-room-avatar {
      width: 30px !important;
      height: 30px !important;
      margin-top: -7px !important;
      margin-right: 6px !important;
      border-width: 2px !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .dashboard div#PureChatWidget.purechat .purechat-widget-header .purechat-btn, .dashboard div#PureChatWidget.purechat .purechat-widget-header .purechat-btn:hover, .dashboard div#PureChatWidget.purechat .purechat-widget-header .purechat-btn:focus {
      background: none !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.0em !important;
      border: none !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .dashboard div#PureChatWidget.purechat .purechat-content-wrapper {
    background: #FFFFFF !important;
    border-left: 1px solid #d8d4d6 !important;
    border-right: 1px solid #d8d4d6 !important;
    border-bottom: 1px solid #d8d4d6 !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important; }
    .dashboard div#PureChatWidget.purechat .purechat-content-wrapper:before {
      display: none !important; }
  .dashboard div#PureChatWidget.purechat .purechat-card {
    font-family: 'Open Sans', sans-serif !important;
    font-display: swap !important;
    margin: 0 !important;
    padding: 18px !important;
    font-size: 10px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .dashboard div#PureChatWidget.purechat .purechat-enterinfo-container {
    margin-bottom: 25px !important; }
  .dashboard div#PureChatWidget.purechat .purechat-form {
    font-size: 10px !important; }
  .dashboard div#PureChatWidget.purechat .purechat-firstname-input, .dashboard div#PureChatWidget.purechat .purechat-lastname-input, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input, .dashboard div#PureChatWidget.purechat .purechat-company-input, .dashboard div#PureChatWidget.purechat .purechat-email-input, .dashboard div#PureChatWidget.purechat .purechat-question-input, .dashboard div#PureChatWidget.purechat .purechat-send-form, .dashboard div#PureChatWidget.purechat .purechat-emoji-search {
    font-family: 'Open Sans', sans-serif !important;
    font-display: swap !important;
    background: #FFFFFF !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    color: #484848 !important;
    line-height: 1.0em !important;
    border-radius: 0.5em !important;
    border: 2px solid #e0e4e8 !important;
    display: block !important;
    -webkit-box-shadow: 0 0.3em 0.3em rgba(229, 231, 237, 0.3) !important;
            box-shadow: 0 0.3em 0.3em rgba(229, 231, 237, 0.3) !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .dashboard div#PureChatWidget.purechat .purechat-firstname-input, .dashboard div#PureChatWidget.purechat .purechat-firstname-input:hover, .dashboard div#PureChatWidget.purechat .purechat-firstname-input:active, .dashboard div#PureChatWidget.purechat .purechat-firstname-input:focus, .dashboard div#PureChatWidget.purechat .purechat-lastname-input, .dashboard div#PureChatWidget.purechat .purechat-lastname-input:hover, .dashboard div#PureChatWidget.purechat .purechat-lastname-input:active, .dashboard div#PureChatWidget.purechat .purechat-lastname-input:focus, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input:hover, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input:active, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input:focus, .dashboard div#PureChatWidget.purechat .purechat-company-input, .dashboard div#PureChatWidget.purechat .purechat-company-input:hover, .dashboard div#PureChatWidget.purechat .purechat-company-input:active, .dashboard div#PureChatWidget.purechat .purechat-company-input:focus, .dashboard div#PureChatWidget.purechat .purechat-email-input, .dashboard div#PureChatWidget.purechat .purechat-email-input:hover, .dashboard div#PureChatWidget.purechat .purechat-email-input:active, .dashboard div#PureChatWidget.purechat .purechat-email-input:focus, .dashboard div#PureChatWidget.purechat .purechat-question-input, .dashboard div#PureChatWidget.purechat .purechat-question-input:hover, .dashboard div#PureChatWidget.purechat .purechat-question-input:active, .dashboard div#PureChatWidget.purechat .purechat-question-input:focus, .dashboard div#PureChatWidget.purechat .purechat-send-form, .dashboard div#PureChatWidget.purechat .purechat-send-form:hover, .dashboard div#PureChatWidget.purechat .purechat-send-form:active, .dashboard div#PureChatWidget.purechat .purechat-send-form:focus, .dashboard div#PureChatWidget.purechat .purechat-emoji-search, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:hover, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:active, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:focus {
      font-size: 1.6em !important; }
    .dashboard div#PureChatWidget.purechat .purechat-firstname-input::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-lastname-input::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-company-input::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-email-input::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-question-input::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-send-form::-webkit-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-emoji-search::-webkit-input-placeholder {
      color: #959ba5;
      font-weight: 200;
      font-style: italic; }
    .dashboard div#PureChatWidget.purechat .purechat-firstname-input:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-lastname-input:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-company-input:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-email-input:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-question-input:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-send-form:-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:-moz-placeholder {
      color: #959ba5;
      font-weight: 200;
      font-style: italic; }
    .dashboard div#PureChatWidget.purechat .purechat-firstname-input::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-lastname-input::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-company-input::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-email-input::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-question-input::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-send-form::-moz-placeholder, .dashboard div#PureChatWidget.purechat .purechat-emoji-search::-moz-placeholder {
      color: #959ba5;
      font-weight: 200;
      font-style: italic; }
    .dashboard div#PureChatWidget.purechat .purechat-firstname-input:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-lastname-input:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-phonenumber-input:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-company-input:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-email-input:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-question-input:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-send-form:-ms-input-placeholder, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:-ms-input-placeholder {
      color: #959ba5;
      font-weight: 200;
      font-style: italic; }
  .dashboard div#PureChatWidget.purechat .purechat-send-form {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dashboard div#PureChatWidget.purechat .purechat-emoji-search, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:hover, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:active, .dashboard div#PureChatWidget.purechat .purechat-emoji-search:focus {
    font-size: 1.2em !important; }
  .dashboard div#PureChatWidget.purechat .purechat-message-note, .dashboard div#PureChatWidget.purechat .purechat-message {
    background: #c2edf5 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
    .dashboard div#PureChatWidget.purechat .purechat-message-note .purechat-message-tail, .dashboard div#PureChatWidget.purechat .purechat-message .purechat-message-tail {
      display: none !important; }
  .dashboard div#PureChatWidget.purechat .purechat-message-right .purechat-message {
    background: #f1f2f5 !important; }
  .dashboard div#PureChatWidget.purechat .purechat-message-note.purechat-message-note-closed {
    background: none !important; }
  .dashboard div#PureChatWidget.purechat .purechat-user-status {
    margin-top: -35px !important; }
  .dashboard div#PureChatWidget.purechat .purechat-btn {
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-display: swap !important;
    background: #369aab !important;
    margin: 25px 0 0 0 !important;
    padding: 1.0em 1.2em 0.7em 1.2em !important;
    font-size: 1.4em !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border: 2px solid #369aab !important;
    border-radius: 0.2em !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    cursor: pointer !important;
    -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s !important;
    -o-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s !important;
    transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s !important; }
    .dashboard div#PureChatWidget.purechat .purechat-btn:hover, .dashboard div#PureChatWidget.purechat .purechat-btn:focus {
      background: #237482 !important;
      border-color: #237482 !important; }
  .dashboard div#PureChatWidget.purechat .purechat-thumbs {
    cursor: pointer !important; }
    .dashboard div#PureChatWidget.purechat .purechat-thumbs, .dashboard div#PureChatWidget.purechat .purechat-thumbs:hover, .dashboard div#PureChatWidget.purechat .purechat-thumbs:focus, .dashboard div#PureChatWidget.purechat .purechat-thumbs:active {
      border: 2px solid #e0e4e8 !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .dashboard div#PureChatWidget.purechat .purechat-footer .purechat-poweredby {
    font-size: 10px !important; }
    .dashboard div#PureChatWidget.purechat .purechat-footer .purechat-poweredby * {
      font-size: 1.0em !important;
      color: #959ba5 !important; }
  .dashboard div#PureChatWidget.purechat .purechat-toggle-audio-notifications, .dashboard div#PureChatWidget.purechat .purechat-btn-pop-out {
    color: #959ba5 !important; }
  @media only screen and (min-width: 601px) {
    .dashboard div#PureChatWidget.purechat.purechat-bottom-right {
      right: 25px !important; } }

.dashboard h1 {
  font-size: 3.5em;
  font-weight: 700; }

.dashboard h2, .dashboard h3, .dashboard h4 {
  font-size: 3.0em;
  font-weight: 700; }

.dashboard .title {
  font-weight: 700; }

.dashboard #wrapper:not(.focused-layout) {
  min-height: 100vh;
  height: auto;
  background: #fbfbfb;
  color: #484848;
  position: relative;
  padding: 35px 35px 35px 80px;
  border-top: none; }
  .dashboard #wrapper:not(.focused-layout):after {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(65deg, #fbfbfb, #fbfbfb 50%, #faf4f6 50%, #FFFFFF);
    background: linear-gradient(25deg, #fbfbfb, #fbfbfb 50%, #faf4f6 50%, #FFFFFF);
    background-size: 100% 135vh;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1; }
  .dashboard #wrapper:not(.focused-layout) div:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay), .dashboard #wrapper:not(.focused-layout) > ol {
    position: relative;
    z-index: 5; }
  .dashboard #wrapper:not(.focused-layout) .highlight {
    color: #b4b3b3; }
  .dashboard #wrapper:not(.focused-layout):before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-top: 5px solid #ce3762;
    z-index: 2000;
    -webkit-transition: z-index ease 0s 0.3s;
    -o-transition: z-index ease 0s 0.3s;
    transition: z-index ease 0s 0.3s; }
    .dashboard.overlay-open #wrapper:not(.focused-layout):before {
      z-index: 1000; }
  .dashboard #wrapper:not(.focused-layout) #demo-switcher-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .dashboard #wrapper:not(.focused-layout) #demo-switcher-wrapper #demo-switcher {
      width: 100%;
      left: 0; }
    .dashboard #wrapper:not(.focused-layout) #demo-switcher-wrapper .content {
      padding-right: 35px;
      padding-left: 35px; }
    .dashboard #wrapper:not(.focused-layout) #demo-switcher-wrapper .input.dropdown {
      font-size: 10px; }
  .dashboard #wrapper:not(.focused-layout) div#content:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) {
    padding: 0;
    z-index: 1000; }
  .dashboard #wrapper:not(.focused-layout) .field-wrapper.notes {
    font-weight: 200; }
  .dashboard.pride #wrapper:not(.focused-layout):before {
    border-image-source: linear-gradient(90deg, #ea0535, #ea0535 16.66%, #ea6b05 16.66%, #ea6b05 33.32%, #eed02a 33.32%, #eed02a 49.98%, #48b636 49.98%, #48b636 66.64%, #1784bc 66.64%, #1784bc 83.3%, #8140a7 83.3%);
    border-image-slice: 5; }
  .dashboard #wrapper:not(.focused-layout) .intro {
    position: relative;
    margin-bottom: 25px; }
    .dashboard #wrapper:not(.focused-layout) .intro > div, .dashboard #wrapper:not(.focused-layout) .intro > div:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) {
      position: static; }
    .dashboard #wrapper:not(.focused-layout) .intro .right {
      margin: 45px auto 0 auto; }
  .dashboard #wrapper:not(.focused-layout) .instructions {
    font-size: 1.8em;
    font-style: italic; }
  .dashboard #wrapper:not(.focused-layout) .page-has-search-box div.text:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) {
    position: static; }
  .dashboard #wrapper:not(.focused-layout) .page-has-search-box .cta {
    display: none; }
  .dashboard #wrapper:not(.focused-layout) .page-has-cta:not(.page-has-search-box) .cta {
    margin: 25px auto 35px auto; }
    .dashboard #wrapper:not(.focused-layout) .page-has-cta:not(.page-has-search-box) .cta a, .dashboard #wrapper:not(.focused-layout) .page-has-cta:not(.page-has-search-box) .cta button {
      margin: 0 auto;
      display: block; }
  @media only screen and (max-width: 900px) {
    .dashboard #wrapper:not(.focused-layout) {
      -webkit-transition: -webkit-transform ease 0.3s;
      transition: -webkit-transform ease 0.3s;
      -o-transition: transform ease 0.3s;
      transition: transform ease 0.3s;
      transition: transform ease 0.3s, -webkit-transform ease 0.3s;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
      .dashboard.navigation-open #wrapper:not(.focused-layout) {
        -webkit-transform: translateX(230px);
            -ms-transform: translateX(230px);
                transform: translateX(230px); } }
  @media only screen and (min-width: 601px) {
    .dashboard #wrapper:not(.focused-layout) {
      padding-right: 65px;
      padding-left: 110px; }
      .dashboard #wrapper:not(.focused-layout) .page-has-search-box .cta {
        margin-top: 35px;
        display: block; } }
  @media only screen and (min-width: 651px) {
    .dashboard #wrapper:not(.focused-layout) .intro.large-gutter-right {
      padding-right: 18.0em; }
    .dashboard #wrapper:not(.focused-layout) .intro .right {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0; } }
  @media only screen and (min-width: 701px) {
    .dashboard #wrapper:not(.focused-layout) .page-has-cta:not(.page-has-search-box) .cta {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0; } }
  @media only screen and (min-width: 901px) {
    .dashboard #wrapper:not(.focused-layout) {
      -webkit-transition: padding ease 0.5s;
      -o-transition: padding ease 0.5s;
      transition: padding ease 0.5s;
      padding-left: 328px; }
      .dashboard.navigation-small #wrapper:not(.focused-layout) {
        padding-left: 140px; } }
  @media only screen and (min-width: 951px) {
    .dashboard #wrapper:not(.focused-layout) .intro {
      margin-bottom: 35px; }
      .dashboard #wrapper:not(.focused-layout) .intro + .tabs {
        margin-top: -10px; } }
  @media only screen and (min-width: 1051px) {
    .dashboard #wrapper:not(.focused-layout) .page-has-search-box .cta {
      position: absolute;
      top: 0.8em;
      right: 0;
      margin: 0; }
    .dashboard #wrapper:not(.focused-layout) .intro.large-gutter-right {
      padding-right: 22.0em; } }

.dashboard #sidebar {
  width: 230px;
  height: 100vh;
  background: #363d4a;
  position: fixed;
  top: -5px;
  left: -230px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden; }
  .dashboard #sidebar #navigation-launcher {
    -webkit-transition: background ease 0.3s;
    -o-transition: background ease 0.3s;
    transition: background ease 0.3s;
    width: 45px;
    height: 45px;
    background: #363d4a;
    position: fixed;
    top: 25px;
    left: 15px;
    border-radius: 36.0em;
    cursor: pointer; }
    .dashboard #sidebar #navigation-launcher:hover, .dashboard #sidebar #navigation-launcher:focus {
      background: #1f232a; }
    .dashboard #sidebar #navigation-launcher:before {
      width: 25px;
      height: 17px;
      background: url("../../../shared/public-assets/img/icons/menu.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -8.5px;
      margin-left: -12.5px; }
      html.cssmask .dashboard #sidebar #navigation-launcher:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/menu.svg");
                mask-image: url("../../../shared/public-assets/img/icons/menu.svg"); }
  .dashboard #sidebar li {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-display: swap;
    position: relative;
    margin: 0;
    font-size: 1.4em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer; }
    .dashboard #sidebar li a {
      position: relative;
      padding: 15px 25px 15px 72px;
      color: currentColor;
      font-weight: 700;
      border: none;
      display: block; }
      .dashboard #sidebar li a:before {
        top: 50%;
        left: 25px; }
      .dashboard #sidebar li a > span {
        white-space: pre; }
    .dashboard #sidebar li.home a {
      height: 30px;
      padding-top: 22px;
      padding-bottom: 18px;
      padding-left: 30px; }
      .dashboard #sidebar li.home a:before {
        width: 162px;
        height: 30px;
        background: url("../../../../../../shared/public-assets/img/logos/ghr_large.svg") no-repeat;
        background-size: 100% auto;
        content: ' ';
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -81px;
        position: relative;
        top: 0; }
        html.cssmask .dashboard #sidebar li.home a:before {
          background: #FFFFFF;
          -webkit-mask-size: contain;
                  mask-size: contain;
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-image: url("../../../../../../shared/public-assets/img/logos/ghr_large.svg");
                  mask-image: url("../../../../../../shared/public-assets/img/logos/ghr_large.svg"); }
    .dashboard #sidebar li.e-cards > a:before {
      width: 24px;
      height: 20px;
      background: url("../img/e-cards.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -13px; }
      html.cssmask .dashboard #sidebar li.e-cards > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../img/e-cards.svg");
                mask-image: url("../img/e-cards.svg"); }
    .dashboard #sidebar li.wedding-website > a:before {
      width: 25px;
      height: 23px;
      background: url("../img/wedding-website.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -13px; }
      html.cssmask .dashboard #sidebar li.wedding-website > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../img/wedding-website.svg");
                mask-image: url("../img/wedding-website.svg"); }
    .dashboard #sidebar li.form-answers > a:before {
      width: 26px;
      height: 26px;
      background: url("../img/form-answers.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -17px; }
      html.cssmask .dashboard #sidebar li.form-answers > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../img/form-answers.svg");
                mask-image: url("../img/form-answers.svg"); }
    .dashboard #sidebar li.guest-list > a:before {
      width: 23px;
      height: 23px;
      background: url("../img/guest-list.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -14px; }
      html.cssmask .dashboard #sidebar li.guest-list > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../img/guest-list.svg");
                mask-image: url("../img/guest-list.svg"); }
    .dashboard #sidebar li.reminders > a:before {
      width: 20px;
      height: 27px;
      background: url("../img/reminders.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -15px; }
      html.cssmask .dashboard #sidebar li.reminders > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../img/reminders.svg");
                mask-image: url("../img/reminders.svg"); }
    .dashboard #sidebar li.your-wedding > a:before {
      width: 25px;
      height: 25px;
      background: url("../img/your-wedding.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -16px; }
      html.cssmask .dashboard #sidebar li.your-wedding > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../img/your-wedding.svg");
                mask-image: url("../img/your-wedding.svg"); }
    .dashboard #sidebar li.help-and-support > a:before {
      width: 25px;
      height: 24px;
      background: url("../../../../../../shared/public-assets/img/icons/chat.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      position: absolute;
      margin-top: -13px; }
      html.cssmask .dashboard #sidebar li.help-and-support > a:before {
        background: #FFFFFF;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../../../../shared/public-assets/img/icons/chat.svg");
                mask-image: url("../../../../../../shared/public-assets/img/icons/chat.svg"); }
    .dashboard #sidebar li.disabled > a {
      font-style: italic;
      font-weight: 400;
      opacity: 0.8; }
  .dashboard #sidebar .sub-navigation {
    margin-top: -15px;
    padding-bottom: 15px;
    font-size: 10px; }
    .dashboard #sidebar .sub-navigation li {
      margin-top: 15px;
      font-size: 1.2em; }
      .dashboard #sidebar .sub-navigation li.selected a {
        color: #FFFFFF;
        font-weight: 700; }
    .dashboard #sidebar .sub-navigation a {
      margin-left: 72px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      color: #abb0ba;
      font-weight: 400; }
      .dashboard #sidebar .sub-navigation a:before {
        display: none; }
      .dashboard #sidebar .sub-navigation a span {
        position: relative;
        display: inline-block; }
        .dashboard #sidebar .sub-navigation a span:before {
          -webkit-transition: width ease 0.3s, left ease 0.3s;
          -o-transition: width ease 0.3s, left ease 0.3s;
          transition: width ease 0.3s, left ease 0.3s;
          content: ' ';
          display: block;
          position: absolute;
          width: 0;
          height: 1px;
          background: currentColor;
          top: auto;
          bottom: -1px;
          left: 50%; }
      .dashboard #sidebar .sub-navigation a:hover span:before, .dashboard #sidebar .sub-navigation a:focus span:before {
        width: 100%;
        left: 0; }
  .dashboard #sidebar span span {
    font-weight: 400;
    font-style: italic; }
  .dashboard #sidebar #navigation-toggle {
    display: none; }
  .dashboard #sidebar #user-account {
    position: relative;
    margin-top: auto;
    padding: 15px 25px 15px 72px;
    border-top: 1px solid #74777d;
    cursor: pointer; }
    .dashboard #sidebar #user-account:before, .dashboard #sidebar #user-account:after {
      width: 31px;
      height: 31px;
      top: 15px;
      left: 25px; }
    .dashboard #sidebar #user-account:before {
      content: ' ';
      display: block;
      position: absolute;
      background: #ce3762;
      margin-top: -0.4em;
      border-radius: 36.0em; }
    .dashboard #sidebar #user-account:after {
      font-family: 'Josefin Sans', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      font-display: swap;
      content: attr(data-initial);
      position: absolute;
      text-align: center;
      font-size: 2.0em;
      font-weight: 700;
      line-height: 1.4em;
      display: block;
      z-index: 10; }
    .dashboard #sidebar #user-account p {
      -webkit-transition: opacity ease 0.3s 0s;
      -o-transition: opacity ease 0.3s 0s;
      transition: opacity ease 0.3s 0s;
      margin: 0;
      white-space: pre;
      opacity: 1; }
    .dashboard #sidebar #user-account .account-menu {
      width: 85%;
      background: #808793;
      position: absolute;
      bottom: 50px;
      left: 7.5%;
      border-radius: 0.4em; }
      .dashboard #sidebar #user-account .account-menu:after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: 0;
        border-top: 0 solid #808793;
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        -webkit-transition: border-width ease 0.3s 0.1s, margin-left ease 0.3s 0.1s, bottom ease 0.3s 0.2s;
        -o-transition: border-width ease 0.3s 0.1s, margin-left ease 0.3s 0.1s, bottom ease 0.3s 0.2s;
        transition: border-width ease 0.3s 0.1s, margin-left ease 0.3s 0.1s, bottom ease 0.3s 0.2s;
        z-index: -1; }
      .dashboard #sidebar #user-account .account-menu.open:after {
        bottom: -5px;
        margin-left: -5px;
        border-top-width: 5px;
        border-left-width: 5px;
        border-right-width: 5px;
        z-index: 10; }
      .dashboard #sidebar #user-account .account-menu.open[data-options="1"] ul {
        max-height: 45px; }
      .dashboard #sidebar #user-account .account-menu.open[data-options="2"] ul {
        max-height: 90px; }
      .dashboard #sidebar #user-account .account-menu.open[data-options="3"] ul {
        max-height: 135px; }
      .dashboard #sidebar #user-account .account-menu.open ul {
        -webkit-box-shadow: 0 0 0.5em #1f232a;
                box-shadow: 0 0 0.5em #1f232a; }
    .dashboard #sidebar #user-account ul {
      -webkit-transition: max-height ease 0.3s;
      -o-transition: max-height ease 0.3s;
      transition: max-height ease 0.3s;
      max-height: 0;
      border-radius: 0.4em;
      overflow: hidden; }
      .dashboard #sidebar #user-account ul li {
        -webkit-transition: background ease 0.3s;
        -o-transition: background ease 0.3s;
        transition: background ease 0.3s;
        background: #808793;
        padding: 15px 25px;
        font-size: 1.3em;
        font-weight: 700;
        white-space: pre;
        border-top: 1px solid #65686f;
        cursor: pointer; }
        .dashboard #sidebar #user-account ul li:first-child {
          border-top: none; }
        .dashboard #sidebar #user-account ul li:hover, .dashboard #sidebar #user-account ul li:focus {
          background: #747b88; }
  @media only screen and (max-width: 900px) {
    .dashboard #sidebar {
      background: -webkit-gradient(linear, left top, right top, color-stop(90%, #363d4a), to(#2f3540));
      background: -o-linear-gradient(left, #363d4a 90%, #2f3540);
      background: linear-gradient(90deg, #363d4a 90%, #2f3540); } }
  @media only screen and (min-width: 601px) {
    .dashboard #sidebar #navigation-launcher {
      left: 25px; } }
  @media only screen and (min-width: 901px) {
    .dashboard #sidebar {
      -webkit-transition: width ease 0.5s;
      -o-transition: width ease 0.5s;
      transition: width ease 0.5s;
      width: 253px;
      top: 5px;
      left: 0; }
      .dashboard #sidebar #navigation-launcher {
        display: none; }
      .dashboard #sidebar.small {
        width: 75px; }
        .dashboard #sidebar.small > ul {
          min-height: 40em; }
        .dashboard #sidebar.small li a {
          padding-top: 25px;
          padding-bottom: 25px; }
          .dashboard #sidebar.small li a > span {
            opacity: 0; }
        .dashboard #sidebar.small li.selected .sub-navigation {
          display: none; }
        .dashboard #sidebar.small li.home a {
          height: 22px;
          padding-top: 20px;
          padding-bottom: 20px; }
          .dashboard #sidebar.small li.home a:before {
            width: 17px;
            height: 22px;
            background: url("../../../../../../shared/public-assets/img/logos/ghr_small.svg") no-repeat;
            background-size: 100% auto;
            content: ' ';
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8.5px;
            position: relative; }
            html.cssmask .dashboard #sidebar.small li.home a:before {
              background: #FFFFFF;
              -webkit-mask-size: contain;
                      mask-size: contain;
              -webkit-mask-repeat: no-repeat;
                      mask-repeat: no-repeat;
              -webkit-mask-image: url("../../../../../../shared/public-assets/img/logos/ghr_small.svg");
                      mask-image: url("../../../../../../shared/public-assets/img/logos/ghr_small.svg"); }
        .dashboard #sidebar.small #navigation-toggle {
          -webkit-transform: scaleX(-1);
              -ms-transform: scaleX(-1);
                  transform: scaleX(-1); }
          .dashboard #sidebar.small #navigation-toggle:before {
            right: auto; }
        .dashboard #sidebar.small #user-account p {
          opacity: 0; }
      .dashboard #sidebar > ul {
        min-height: 55em; }
      .dashboard #sidebar li {
        border-top: 1px solid #74777d;
        border-left: 0 solid #ce3762;
        -webkit-transition: border-width ease 0.2s;
        -o-transition: border-width ease 0.2s;
        transition: border-width ease 0.2s; }
        .dashboard #sidebar li a {
          -webkit-transition: background ease 0.3s, padding ease 0.3s;
          -o-transition: background ease 0.3s, padding ease 0.3s;
          transition: background ease 0.3s, padding ease 0.3s;
          background: #363d4a;
          padding: 30px 30px 30px 77px; }
          .dashboard #sidebar li a:hover, .dashboard #sidebar li a:focus {
            background: #2b313b; }
          .dashboard #sidebar li a > span {
            -webkit-transition: opacity ease 0.3s 0s;
            -o-transition: opacity ease 0.3s 0s;
            transition: opacity ease 0.3s 0s;
            opacity: 1; }
        .dashboard #sidebar li:first-child {
          border-top: none; }
        .dashboard #sidebar li.selected {
          background: -webkit-gradient(linear, left top, left bottom, from(#2f3540), to(#1f232a));
          background: -o-linear-gradient(top, #2f3540, #1f232a);
          background: linear-gradient(180deg, #2f3540, #1f232a);
          border-left-width: 5px; }
          .dashboard #sidebar li.selected .sub-navigation {
            display: block; }
          .dashboard #sidebar li.selected a, .dashboard #sidebar li.selected a:hover, .dashboard #sidebar li.selected a:focus {
            background: none; }
        .dashboard #sidebar li.home a {
          height: 36px; }
          .dashboard #sidebar li.home a:before {
            width: 194px;
            height: 36px;
            margin-left: -97px; }
      .dashboard #sidebar .sub-navigation {
        margin-top: -35px;
        padding-bottom: 35px;
        display: none; }
        .dashboard #sidebar .sub-navigation li {
          border-top: none; }
          .dashboard #sidebar .sub-navigation li.selected {
            background: none;
            border: none; }
        .dashboard #sidebar .sub-navigation a {
          margin-left: 77px; }
      .dashboard #sidebar #navigation-toggle {
        height: 11px;
        position: relative;
        padding: 25px 20px;
        display: block; }
        .dashboard #sidebar #navigation-toggle:before {
          width: 14px;
          height: 14px;
          background: url("../../../../../../shared/public-assets/img/icons/collapse.svg") no-repeat;
          background-size: 100% auto;
          content: ' ';
          display: block;
          position: absolute;
          bottom: 25px;
          right: 20px;
          cursor: pointer; }
          html.cssmask .dashboard #sidebar #navigation-toggle:before {
            background: #FFFFFF;
            -webkit-mask-size: contain;
                    mask-size: contain;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-image: url("../../../../../../shared/public-assets/img/icons/collapse.svg");
                    mask-image: url("../../../../../../shared/public-assets/img/icons/collapse.svg"); }
      .dashboard #sidebar #user-account {
        -webkit-transition: background ease 0.3s;
        -o-transition: background ease 0.3s;
        transition: background ease 0.3s;
        background: #363d4a;
        padding: 35px 30px 35px 77px; }
        .dashboard #sidebar #user-account:hover, .dashboard #sidebar #user-account:focus {
          background: #2f3540; }
        .dashboard #sidebar #user-account:before, .dashboard #sidebar #user-account:after {
          top: 35px;
          left: 25px; }
        .dashboard #sidebar #user-account .account-menu {
          bottom: 75px; }
          .dashboard #sidebar #user-account .account-menu.open[data-options="1"] ul {
            max-height: 55px; }
          .dashboard #sidebar #user-account .account-menu.open[data-options="2"] ul {
            max-height: 110px; }
          .dashboard #sidebar #user-account .account-menu.open[data-options="3"] ul {
            max-height: 165px; }
        .dashboard #sidebar #user-account ul li {
          padding-top: 20px;
          padding-bottom: 20px; } }

.dashboard .tabs {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  margin-bottom: 25px;
  margin-left: -35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row; }
  .dashboard .tabs li {
    margin-left: 35px;
    font-size: 1.4em;
    border-bottom: 5px solid transparent;
    cursor: pointer; }
    .dashboard .tabs li.selected {
      font-weight: 700;
      border-bottom-color: #ce3762; }

.dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .multiple-options {
  margin-left: -35px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .multiple-options li {
    margin-left: 35px; }

.dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .toggle > .multiple-options li.selected {
  background: #c3e5f0; }

.dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .cta {
  margin-top: 35px; }

.dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset + .secondary-cta {
  margin-top: 35px; }

.dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .message {
  width: 100%;
  margin-bottom: 0; }

.dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset div.message:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) {
  z-index: 1; }

@media only screen and (min-width: 501px) {
  .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset + .secondary-cta {
    float: right;
    margin-top: 0;
    position: relative;
    bottom: 3.15em; } }

@media only screen and (min-width: 901px) {
  .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset h2 {
      width: 100%;
      margin-top: 15px;
      margin-bottom: 25px; }
      .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset h2:first-child {
        margin-top: 0; }
    .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset dl, .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .field-wrapper {
      width: calc((100% - 35px) / 2); }
      .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset dl.full-width, .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .field-wrapper.full-width {
        width: 100%; }
    .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .field-wrapper dl {
      width: 100%; }
    .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .column-wrapper {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .dashboard #wrapper:not(.focused-layout) .form-wrapper fieldset .cta {
      width: 100%; } }

.dashboard .card-wrapper {
  width: 100%;
  position: relative; }
  .dashboard .card-wrapper .card, .dashboard .card-wrapper .buckets li, .dashboard .buckets .card-wrapper li {
    width: 100%;
    text-align: left; }
  @media only screen and (min-width: 951px) {
    .dashboard .card-wrapper {
      width: calc(100% + 35px);
      margin-left: -35px; }
      .dashboard .card-wrapper .card, .dashboard .card-wrapper .buckets li, .dashboard .buckets .card-wrapper li {
        width: calc((100% - 70px)/2);
        margin-bottom: 35px;
        margin-left: 35px;
        float: left;
        clear: left; }
        .dashboard .card-wrapper .card:nth-child(even), .dashboard .card-wrapper .buckets li:nth-child(even), .dashboard .buckets .card-wrapper li:nth-child(even) {
          float: right;
          clear: right; } }

.dashboard .card, .dashboard .buckets li {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  background: #FFFFFF;
  margin-bottom: 15px;
  padding: 25px;
  text-align: center;
  border: 1px solid #dfd8da;
  border-radius: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .card.no-cta, .dashboard .buckets li.no-cta {
    padding-bottom: 15px; }
  .dashboard .card p, .dashboard .buckets li p, .dashboard .card li, .dashboard .buckets li li, .dashboard .card dl, .dashboard .buckets li dl {
    font-size: 1.3em;
    line-height: 1.6em; }
    .dashboard .card p:last-child, .dashboard .buckets li p:last-child, .dashboard .card li:last-child, .dashboard .buckets li li:last-child, .dashboard .card dl:last-child, .dashboard .buckets li dl:last-child {
      margin-bottom: 0; }
  .dashboard .card h2, .dashboard .buckets li h2, .dashboard .card h3, .dashboard .buckets li h3, .dashboard .card .title, .dashboard .buckets li .title {
    margin-bottom: 35px;
    font-size: 2.0em; }
  .dashboard .card strong, .dashboard .buckets li strong {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-display: swap;
    margin-bottom: 0.2em;
    font-size: 4.0em;
    font-weight: 500;
    line-height: 1.0em;
    display: block; }
  .dashboard .card a, .dashboard .buckets li a, .dashboard .card .link, .dashboard .buckets li .link {
    line-height: 1.0em;
    font-weight: 700; }
  .dashboard .card small.guest-names, .dashboard .buckets li small.guest-names {
    margin-top: 0;
    margin-left: 0.5em;
    font-style: italic;
    color: #928a8e;
    display: inline; }
  .dashboard .card small:not(.guest-names), .dashboard .buckets li small:not(.guest-names) {
    font-family: 'Open Sans', sans-serif;
    font-display: swap;
    width: 100%;
    position: relative;
    right: 25px;
    margin-top: auto;
    margin-bottom: 0;
    padding: 20px 25px 0 25px;
    text-align: right;
    font-size: 1.1em;
    text-transform: none;
    border-top: 1px solid #dfd8da;
    display: block; }
  .dashboard .card blockquote small, .dashboard .buckets li blockquote small, .dashboard .card blockquote small:not(.guest-names), .dashboard .buckets li blockquote small:not(.guest-names), .dashboard .card .img small, .dashboard .buckets li .img small, .dashboard .card .img small:not(.guest-names), .dashboard .buckets li .img small:not(.guest-names) {
    right: 0;
    padding: 0;
    text-align: center;
    border-top: none; }
    .dashboard .card blockquote small:before, .dashboard .buckets li blockquote small:before, .dashboard .card blockquote small:not(.guest-names):before, .dashboard .buckets li blockquote small:not(.guest-names):before, .dashboard .card .img small:before, .dashboard .buckets li .img small:before, .dashboard .card .img small:not(.guest-names):before, .dashboard .buckets li .img small:not(.guest-names):before {
      content: '- '; }
  .dashboard .card blockquote, .dashboard .buckets li blockquote {
    position: relative;
    margin-bottom: 35px;
    padding: 0 35px; }
    .dashboard .card blockquote:before, .dashboard .buckets li blockquote:before, .dashboard .card blockquote:after, .dashboard .buckets li blockquote:after {
      font-family: 'Playfair Display', serif;
      font-weight: 400;
      font-display: swap;
      position: absolute;
      font-size: 7.0em;
      color: #d8d4d6;
      font-weight: 300;
      line-height: 0.1em;
      vertical-align: text-top; }
    .dashboard .card blockquote:before, .dashboard .buckets li blockquote:before {
      content: open-quote;
      top: 0.2em;
      left: 0; }
    .dashboard .card blockquote:after, .dashboard .buckets li blockquote:after {
      content: close-quote;
      bottom: 0.2em;
      right: 0; }
  .dashboard .card .img a, .dashboard .buckets li .img a {
    border: none; }
  .dashboard .card .overview, .dashboard .buckets li .overview {
    margin-bottom: 25px;
    text-align: left; }
    .dashboard .card .overview > dt, .dashboard .buckets li .overview > dt {
      position: relative;
      margin-bottom: 0.8em;
      padding-left: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .dashboard .card .overview > dd, .dashboard .buckets li .overview > dd {
      width: 100%;
      position: relative;
      right: 25px;
      margin-bottom: 15px;
      padding-right: 25px;
      padding-left: 25px;
      border-bottom: 1px solid #dfd8da; }
      .dashboard .card .overview > dd:last-child, .dashboard .buckets li .overview > dd:last-child {
        margin-bottom: 0;
        border-bottom: none; }
    .dashboard .card .overview span, .dashboard .buckets li .overview span {
      display: block; }
    .dashboard .card .overview strong, .dashboard .buckets li .overview strong {
      position: relative;
      bottom: 0.35em;
      margin: 0;
      padding-right: 0.1em;
      text-align: right;
      font-size: 2.0em;
      display: block; }
      .dashboard .card .overview strong.zero, .dashboard .buckets li .overview strong.zero {
        padding-right: 0; }
  .dashboard .card .breakdown, .dashboard .buckets li .breakdown {
    margin-top: 0.2em;
    margin-bottom: 0;
    margin-left: 45px;
    font-size: 1.0em; }
    .dashboard .card .breakdown.open, .dashboard .buckets li .breakdown.open, .dashboard .card .breakdown.open:last-child, .dashboard .buckets li .breakdown.open:last-child {
      margin-bottom: 25px; }
    .dashboard .card .breakdown dt, .dashboard .buckets li .breakdown dt, .dashboard .card .breakdown dd, .dashboard .buckets li .breakdown dd {
      width: 50%;
      float: left;
      margin-bottom: 0.3em; }
    .dashboard .card .breakdown dt, .dashboard .buckets li .breakdown dt {
      clear: both; }
    .dashboard .card .breakdown dd, .dashboard .buckets li .breakdown dd {
      font-family: 'Playfair Display', serif;
      font-weight: 400;
      font-display: swap;
      padding-right: 0.1em;
      text-align: right;
      font-size: 2.0em;
      font-weight: 500;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .dashboard .card .breakdown dd.zero, .dashboard .buckets li .breakdown dd.zero {
        padding-right: 0; }
  .dashboard .card .uploaded-images, .dashboard .buckets li .uploaded-images {
    margin-top: 15px;
    margin-bottom: -25px;
    margin-left: -25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dashboard .card .uploaded-images li, .dashboard .buckets li .uploaded-images li {
      width: calc((100% - 50px) / 2);
      margin: 0 0 25px 25px; }
    .dashboard .card .uploaded-images a, .dashboard .buckets li .uploaded-images a {
      border: none; }
    .dashboard .card .uploaded-images img, .dashboard .buckets li .uploaded-images img {
      width: 100%;
      display: block; }
  .dashboard .card.counts li, .dashboard .buckets li.counts li {
    margin-bottom: 25px; }
    .dashboard .card.counts li:last-child, .dashboard .buckets li.counts li:last-child {
      margin-bottom: 0; }
  .dashboard .card.counts a, .dashboard .buckets li.counts a {
    color: #484848;
    font-weight: 400;
    line-height: 1.4em; }
    .dashboard .card.counts a:before, .dashboard .buckets li.counts a:before {
      display: none; }
    .dashboard .card.counts a:hover, .dashboard .buckets li.counts a:hover, .dashboard .card.counts a:focus, .dashboard .buckets li.counts a:focus {
      color: #484848; }
  .dashboard .card.plus-ones .breakdown dd, .dashboard .buckets li.plus-ones .breakdown dd {
    font-size: 1.6em;
    text-transform: none; }
  .dashboard .card.guest-text .block, .dashboard .buckets li.guest-text .block {
    margin-top: 25px; }
    .dashboard .card.guest-text .block:first-child, .dashboard .buckets li.guest-text .block:first-child {
      margin-top: 0; }
  .dashboard .card.guest-text strong, .dashboard .buckets li.guest-text strong {
    font-size: 1.2em;
    text-transform: none; }
  @media only screen and (min-width: 551px) and (max-width: 950px), only screen and (min-width: 1251px) {
    .dashboard .card, .dashboard .buckets li {
      padding-right: 35px;
      padding-bottom: 35px;
      padding-left: 35px; }
      .dashboard .card > small:not(.guest-names), .dashboard .buckets li > small:not(.guest-names) {
        right: 35px;
        margin-bottom: -10px;
        padding-right: 35px;
        padding-left: 35px; }
      .dashboard .card .overview > dd, .dashboard .buckets li .overview > dd {
        right: 35px;
        padding-right: 35px;
        padding-left: 35px; }
      .dashboard .card.counts ul, .dashboard .buckets li.counts ul {
        margin-bottom: -25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .dashboard .card.counts li, .dashboard .buckets li.counts li {
        width: calc((100% - 35px) / 2); }
        .dashboard .card.counts li:last-child, .dashboard .buckets li.counts li:last-child {
          margin-bottom: 25px; } }
  @media only screen and (min-width: 951px) {
    .dashboard .card, .dashboard .buckets li {
      margin-bottom: 35px; } }

.dashboard .buckets {
  margin-bottom: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .dashboard .buckets li {
    width: 100%;
    margin-right: 35px;
    margin-bottom: 35px;
    font-size: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer; }
    .dashboard .buckets li .title {
      margin-bottom: 15px; }
    .dashboard .buckets li .cta {
      margin-top: 15px; }
  @media only screen and (min-width: 951px) {
    .dashboard.navigation-small .buckets li {
      width: calc((100% - 35px)/2); } }
  @media only screen and (min-width: 1201px) {
    .dashboard .buckets li {
      width: calc((100% - 35px)/2); } }
  @media only screen and (min-width: 1401px) {
    .dashboard .buckets li {
      width: calc((100% - 35px)/3); } }

.dashboard .family-breakdown h2, .dashboard .family-breakdown .title {
  margin-bottom: 15px;
  font-size: 1.4em;
  text-transform: uppercase;
  line-height: 1.0em; }

.dashboard .family-breakdown > li {
  position: relative;
  margin-bottom: 45px;
  padding-left: 35px; }
  .dashboard .family-breakdown > li:last-child {
    margin-bottom: 0; }

.dashboard .family-breakdown .toggle-content.open {
  max-height: calc( ((1.6em + 10px + 50px) * (var(--no-of-children) + 1)) + 0.6em + ((1.3em * var(--no-of-elements)) * (var(--no-of-children) + 1))); }

.dashboard .family-breakdown .toggle-content .card, .dashboard .family-breakdown .toggle-content .buckets li, .dashboard .buckets .family-breakdown .toggle-content li {
  text-align: left;
  font-weight: 700; }
  .dashboard .family-breakdown .toggle-content .card dl, .dashboard .family-breakdown .toggle-content .buckets li dl, .dashboard .buckets .family-breakdown .toggle-content li dl {
    margin-top: 10px;
    font-weight: 400; }
  .dashboard .family-breakdown .toggle-content .card dt:last-of-type, .dashboard .family-breakdown .toggle-content .buckets li dt:last-of-type, .dashboard .buckets .family-breakdown .toggle-content li dt:last-of-type, .dashboard .family-breakdown .toggle-content .card dd:last-of-type, .dashboard .family-breakdown .toggle-content .buckets li dd:last-of-type, .dashboard .buckets .family-breakdown .toggle-content li dd:last-of-type {
    margin-bottom: 0; }

.dashboard .family-breakdown dl {
  margin-top: 0.3em;
  font-size: 0.8em; }

.dashboard .family-breakdown dt, .dashboard .family-breakdown dd {
  float: left;
  margin-bottom: 0.5em; }

.dashboard .family-breakdown dt {
  clear: both;
  margin-right: 0.5em; }

.dashboard .family-breakdown dd.block {
  clear: both; }
  .dashboard .family-breakdown dd.block ul {
    list-style: disc;
    margin-left: 35px; }
  .dashboard .family-breakdown dd.block li {
    margin-bottom: 0.5em;
    font-size: 1.0em; }

@media only screen and (min-width: 801px) and (max-width: 900px), only screen and (min-width: 1081px) {
  .dashboard .family-breakdown .toggle-content {
    margin-left: -35px; }
    .dashboard .family-breakdown .toggle-content .card, .dashboard .family-breakdown .toggle-content .buckets li, .dashboard .buckets .family-breakdown .toggle-content li {
      clear: left;
      width: calc((100% - 70px) / 2);
      float: left;
      margin-left: 35px; }
      .dashboard .family-breakdown .toggle-content .card:nth-child(even), .dashboard .family-breakdown .toggle-content .buckets li:nth-child(even), .dashboard .buckets .family-breakdown .toggle-content li:nth-child(even) {
        clear: right;
        float: right; } }

@media only screen and (min-width: 551px) and (max-width: 950px), only screen and (min-width: 1251px) {
  .dashboard .family-breakdown .toggle-content.open {
    max-height: calc( ((1.6em + 10px + 25px + 35px) * (var(--no-of-children) + 1)) + 0.6em + ((1.3em * var(--no-of-elements)) * (var(--no-of-children) + 1))); } }

.dashboard .search-box {
  position: relative;
  margin-bottom: 65px;
  z-index: 10; }
  .dashboard .search-box:before {
    width: 20px;
    height: 20px;
    background: url("../../../shared/public-assets/img/icons/search.svg") no-repeat;
    background-size: 100% auto;
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 15px; }
    html.cssmask .dashboard .search-box:before {
      background: #d6d9dd;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("../../../shared/public-assets/img/icons/search.svg");
              mask-image: url("../../../shared/public-assets/img/icons/search.svg"); }
  .dashboard .search-box input {
    padding-left: 45px; }
  @media only screen and (min-width: 901px) {
    .dashboard .search-box.page-has-tabs {
      position: absolute;
      top: -4.5em;
      right: 0;
      margin-bottom: 0; } }
  @media only screen and (min-width: 1051px) {
    .dashboard .search-box {
      position: absolute;
      top: 4.5em;
      right: 0;
      margin-bottom: 0; } }

@media only screen and (min-width: 601px) and (max-width: 1050px) {
  .dashboard .page-has-search-box.page-has-cta + .search-box {
    float: right;
    margin-top: -3.6em; }
    .dashboard .page-has-search-box.page-has-cta + .search-box + ul, .dashboard .page-has-search-box.page-has-cta + .search-box + div {
      clear: both; } }

@media only screen and (min-width: 1051px) {
  .dashboard .page-has-search-box {
    min-height: 12.5em;
    margin-bottom: 35px;
    padding-right: 30.0em; } }

.dashboard .table-columns {
  background: #70b0bb;
  padding: 1.2em 0;
  font-size: 10px;
  color: #FFFFFF;
  border-radius: 0.6em 0.6em 0 0;
  display: none; }
  .dashboard .table-columns li {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-display: swap;
    font-size: 1.6em;
    text-align: left;
    text-transform: uppercase;
    white-space: pre; }
  .dashboard .table-columns .checkbox {
    -webkit-box-shadow: none;
            box-shadow: none; }
  @media only screen and (min-width: 801px) and (max-width: 900px), only screen and (min-width: 1051px) {
    .dashboard .table-columns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.dashboard .table {
  margin-top: 25px; }
  .dashboard .table .table-columns > li, .dashboard .table .details > li {
    padding: 0 25px; }
  .dashboard .table .table-rows {
    border: 2px solid #b2cfd5;
    border-radius: 0.6em;
    overflow: hidden; }
    .dashboard .table .table-rows > li {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      background: #FFFFFF;
      margin: 0;
      cursor: pointer; }
      .dashboard .table .table-rows > li:hover, .dashboard .table .table-rows > li:focus {
        background: #fcfcfc; }
      .dashboard .table .table-rows > li.selected, .dashboard .table .table-rows > li.selected:hover, .dashboard .table .table-rows > li.selected:focus {
        background: #d7f0f4; }
      .dashboard .table .table-rows > li:nth-child(even) {
        background: #f1f6f7; }
        .dashboard .table .table-rows > li:nth-child(even):hover, .dashboard .table .table-rows > li:nth-child(even):focus {
          background: #eef4f5; }
        .dashboard .table .table-rows > li:nth-child(even).selected, .dashboard .table .table-rows > li:nth-child(even).selected:hover, .dashboard .table .table-rows > li:nth-child(even).selected:focus {
          background: #c4e6ec; }
  .dashboard .table .details {
    position: relative;
    padding-top: 1.2em;
    padding-bottom: 1.2em; }
    .dashboard .table .details p {
      margin-bottom: 0; }
      .dashboard .table .details p.title {
        margin-bottom: 0.3em; }
    .dashboard .table .details ul {
      list-style: disc;
      margin-left: 1.0em; }
    .dashboard .table .details li {
      margin-bottom: 25px; }
      .dashboard .table .details li:last-child {
        margin-bottom: 0; }
      .dashboard .table .details li.checkbox {
        position: absolute;
        top: 20px;
        left: 0; }
        .dashboard .table .details li.checkbox + li {
          padding-left: 65px; }
    .dashboard .table .details small {
      margin-top: 0.5em;
      margin-bottom: 0;
      font-style: italic; }
      .dashboard .table .details small a {
        font-style: normal; }
    .dashboard .table .details .label {
      margin-bottom: 0.3em;
      display: block; }
  .dashboard .table.non-editable .table-rows > li {
    cursor: default; }
  @media only screen and (min-width: 801px) and (max-width: 900px), only screen and (min-width: 1051px) {
    .dashboard .table .table-columns, .dashboard .table .details {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .dashboard .table .table-columns > li, .dashboard .table .details > li {
        width: 20%;
        margin: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .dashboard .table .table-columns > li.tiny, .dashboard .table .details > li.tiny {
          width: 8%; }
        .dashboard .table .table-columns > li.large, .dashboard .table .details > li.large {
          width: 30%; }
        .dashboard .table .table-columns > li.checkbox, .dashboard .table .details > li.checkbox {
          width: 37px;
          position: static; }
          .dashboard .table .table-columns > li.checkbox + li, .dashboard .table .details > li.checkbox + li {
            padding-left: 25px; }
    .dashboard .table .table-rows {
      border-top: none;
      border-radius: 0 0 0.6em 0.6em; }
    .dashboard .table .details li {
      margin-bottom: 0.5em; }
      .dashboard .table .details li:last-child {
        margin-bottom: 0; }
    .dashboard .table .details button[data-short-text]:after {
      content: attr(data-short-text); }
    .dashboard .table .details button[data-short-text] span {
      width: 0;
      height: 0;
      margin: 0;
      overflow: hidden;
      display: block; }
    .dashboard .table .details .label {
      display: none; } }

.dashboard #wrapper:not(.focused-layout) div:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher).action-bar-wrapper {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5000; }

.dashboard .action-bar-wrapper {
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  margin-top: 35px;
  overflow: hidden; }
  .dashboard .action-bar-wrapper.visible {
    height: 109px; }
    .dashboard .action-bar-wrapper.visible .action-bar {
      margin-top: 0; }

.dashboard .action-bar {
  -webkit-transition: margin ease 0.1s;
  -o-transition: margin ease 0.1s;
  transition: margin ease 0.1s;
  width: 80%;
  background: #FFFFFF;
  margin: 109px auto 0 auto;
  padding: 20px;
  font-size: 10px;
  color: #484848;
  border-radius: 0.8em;
  border: 2px solid #d0cbce;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .action-bar .text {
    margin-top: 0.6em;
    font-size: 1.6em; }
  .dashboard .action-bar .items {
    margin-right: 15px;
    display: none; }
    .dashboard .action-bar .items span {
      display: none; }
  .dashboard .action-bar strong {
    background: #ce3762;
    padding: 0.1em 0.5em;
    color: #FFFFFF;
    border-radius: 3.0em; }
  .dashboard .action-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row; }
  .dashboard .action-bar li {
    -webkit-transition: color ease 0.3s, border-color ease 0.3s;
    -o-transition: color ease 0.3s, border-color ease 0.3s;
    transition: color ease 0.3s, border-color ease 0.3s;
    width: 40px;
    height: 40px;
    position: relative;
    margin-bottom: 0;
    margin-left: 12px;
    border-radius: 0.2em;
    border: 1px solid #d0cbce;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .dashboard .action-bar li:first-child {
      margin-left: 0; }
    .dashboard .action-bar li.edit:before {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 21px;
      height: 21px;
      background: url("../../../shared/public-assets/img/icons/edit.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      top: 50%;
      left: 50%;
      margin-top: -10.5px;
      margin-left: -10.5px;
      position: absolute;
      margin-left: -8px; }
      html.cssmask .dashboard .action-bar li.edit:before {
        background: #484848;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/edit.svg");
                mask-image: url("../../../shared/public-assets/img/icons/edit.svg"); }
    .dashboard .action-bar li.move:before {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 25px;
      height: 25px;
      background: url("../../../shared/public-assets/img/icons/move.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      top: 50%;
      left: 50%;
      margin-top: -12.5px;
      margin-left: -12.5px;
      position: absolute; }
      html.cssmask .dashboard .action-bar li.move:before {
        background: #484848;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/move.svg");
                mask-image: url("../../../shared/public-assets/img/icons/move.svg"); }
    .dashboard .action-bar li.duplicate:before {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 16px;
      height: 20px;
      background: url("../../../shared/public-assets/img/icons/duplicate.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      top: 50%;
      left: 50%;
      margin-top: -10px;
      margin-left: -8px;
      position: absolute; }
      html.cssmask .dashboard .action-bar li.duplicate:before {
        background: #484848;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/duplicate.svg");
                mask-image: url("../../../shared/public-assets/img/icons/duplicate.svg"); }
    .dashboard .action-bar li.delete:before {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 18px;
      height: 20px;
      background: url("../../../shared/public-assets/img/icons/delete.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      top: 50%;
      left: 50%;
      margin-top: -10px;
      margin-left: -9px;
      position: absolute; }
      html.cssmask .dashboard .action-bar li.delete:before {
        background: #484848;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/delete.svg");
                mask-image: url("../../../shared/public-assets/img/icons/delete.svg"); }
    .dashboard .action-bar li.user:before {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 16px;
      height: 22px;
      background: url("../../../shared/public-assets/img/icons/user.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      top: 50%;
      left: 50%;
      margin-top: -11px;
      margin-left: -8px;
      position: absolute; }
      html.cssmask .dashboard .action-bar li.user:before {
        background: #484848;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/user.svg");
                mask-image: url("../../../shared/public-assets/img/icons/user.svg"); }
    .dashboard .action-bar li.password:before {
      -webkit-transition: background ease 0.3s;
      -o-transition: background ease 0.3s;
      transition: background ease 0.3s;
      width: 32px;
      height: 9px;
      background: url("../../../shared/public-assets/img/icons/password.svg") no-repeat;
      background-size: 100% auto;
      content: ' ';
      display: block;
      top: 50%;
      left: 50%;
      margin-top: -4.5px;
      margin-left: -16px;
      position: absolute; }
      html.cssmask .dashboard .action-bar li.password:before {
        background: #484848;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-image: url("../../../shared/public-assets/img/icons/password.svg");
                mask-image: url("../../../shared/public-assets/img/icons/password.svg"); }
    .dashboard .action-bar li.disabled {
      border-color: #e6e3e4;
      cursor: not-allowed; }
      html.cssmask .dashboard .action-bar li.disabled:before {
        background: #c8c8c8; }
    .dashboard .action-bar li:hover:not(.disabled), .dashboard .action-bar li:focus:not(.disabled) {
      border-color: #5cabb9; }
      html.cssmask .dashboard .action-bar li:hover:not(.disabled):before, html.cssmask .dashboard .action-bar li:focus:not(.disabled):before {
        background: #5cabb9; }
  @media only screen and (min-width: 421px) {
    .dashboard .action-bar .items {
      display: block; } }
  @media only screen and (min-width: 551px) {
    .dashboard .action-bar .items span {
      display: inline; } }

.dashboard .upload {
  -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  -o-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  max-width: 50.0em;
  background: #ece1e4;
  position: relative;
  margin: 0 auto 65px auto;
  padding: 35px;
  text-align: center;
  border-radius: 2.0em;
  border: 3px dashed #c6babd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .upload:hover, .dashboard .upload:focus {
    background: #c5e8ee;
    border-color: #369aab; }
    .dashboard .upload:hover .cta button, .dashboard .upload:focus .cta button {
      background: #237482;
      border-color: #237482; }
  .dashboard .upload input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    z-index: 10; }
  .dashboard .upload .cta {
    margin-bottom: 0; }

.dashboard .blocked {
  opacity: 0.5; }

.dashboard .blocked-access-explanation, .dashboard #wrapper:not(.focused-layout) div.blocked-access-explanation:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) {
  position: fixed;
  z-index: 10; }
  .dashboard .blocked-access-explanation > div, .dashboard #wrapper:not(.focused-layout) div.blocked-access-explanation:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) > div {
    position: static; }
    .dashboard .blocked-access-explanation > div:after, .dashboard #wrapper:not(.focused-layout) div.blocked-access-explanation:not(#sidebar):not(#pop-over):not(.account-menu):not(#demo-switcher-wrapper):not(#demo-switcher):not(.overlay) > div:after {
      content: ' ';
      display: block;
      position: absolute;
      width: 45px;
      height: 45px;
      top: -20px;
      left: 50%;
      margin-left: -22.5px;
      border-radius: 36.0em;
      -webkit-box-shadow: 0 0 2em #aeaaac;
              box-shadow: 0 0 2em #aeaaac; }

.dashboard .blocked-access-explanation {
  width: 80vw;
  background: #FFFFFF;
  top: 10.0em;
  left: calc((100vw - 80vw) / 2);
  padding: 45px 50px 35px 50px;
  -webkit-box-shadow: 0 0 2em #aeaaac;
          box-shadow: 0 0 2em #aeaaac;
  border-radius: 0.8em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .dashboard .blocked-access-explanation:before {
    width: 22px;
    height: 27px;
    background: url("../img/locked.svg") no-repeat;
    background-size: 100% auto;
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: -4px;
    z-index: 5; }
    html.cssmask .dashboard .blocked-access-explanation:before {
      background: #FFFFFF;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-image: url("../img/locked.svg");
              mask-image: url("../img/locked.svg"); }
  .dashboard .blocked-access-explanation:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    background: #ce3762;
    top: -20px;
    left: 50%;
    margin-left: -30.5px;
    border-radius: 36.0em;
    border: 8px solid #FFFFFF; }
  .dashboard .blocked-access-explanation .title {
    margin-bottom: 15px;
    font-size: 2.8em; }
  .dashboard .blocked-access-explanation .cta {
    margin-top: 45px; }

@media only screen and (min-width: 701px) {
  .dashboard .blocked-access-explanation {
    width: 65vw;
    left: calc((100vw - 65vw) / 2); } }

@media only screen and (min-width: 751px) {
  .dashboard .blocked-access-explanation {
    top: 5.0em; } }

@media only screen and (min-width: 901px) {
  .dashboard .blocked-access-explanation {
    width: 600px;
    left: calc((100vw - 253px - 600px) / 2 + 253px); }
    .dashboard.navigation-small .blocked-access-explanation {
      left: calc((100vw - 75px - 600px) / 2 + 75px); } }

@media only screen and (min-width: 1251px) {
  .dashboard .blocked-access-explanation {
    width: 750px;
    left: calc((100vw - 253px - 750px) / 2 + 253px); }
    .dashboard.navigation-small .blocked-access-explanation {
      left: calc((100vw - 75px - 750px) / 2 + 75px); } }

.dashboard .credits-available {
  width: 12.0em;
  background: #e5eef1;
  text-align: center;
  font-size: 1.1em;
  border-radius: 0.5em; }
  .dashboard .credits-available.medium {
    background: #f7ead9; }
  .dashboard .credits-available.low {
    background: #f9e4e4; }
  .dashboard .credits-available > a {
    width: 100%;
    padding: 15px 25px 20px 25px;
    color: #484848;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block; }
    .dashboard .credits-available > a:before {
      display: none; }
  .dashboard .credits-available strong {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-display: swap;
    font-size: 3.0em;
    font-weight: 600;
    line-height: 0.6em;
    display: block; }
  .dashboard .credits-available .label {
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    display: block; }
  .dashboard .credits-available .link {
    margin-top: 15px; }

.dashboard #send-reminder-form .time-picker {
  margin-top: 25px; }

@media only screen and (min-width: 551px) {
  .dashboard #send-reminder-form .time-picker {
    margin-top: 0; } }

.dashboard #tracking .collapsed-cards:empty:before {
  content: attr(data-empty-message);
  font-size: 1.8em;
  color: #928a8e;
  font-style: italic; }

.dashboard #tracking .collapsed-cards p.title {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-display: swap;
  position: relative;
  margin: 0;
  padding-left: 35px;
  font-size: 1.0em; }
  .dashboard #tracking .collapsed-cards p.title .arrow-toggle {
    top: 0.3em; }

.dashboard #tracking .collapsed-cards dl {
  padding-left: 35px;
  font-size: 10px;
  font-weight: 300; }
  .dashboard #tracking .collapsed-cards dl.open {
    margin-bottom: 20px; }

.dashboard #tracking .collapsed-cards dt, .dashboard #tracking .collapsed-cards dd {
  padding-left: 35px;
  font-size: 1.4em; }
  .dashboard #tracking .collapsed-cards dt:not(.open), .dashboard #tracking .collapsed-cards dd:not(.open) {
    display: none; }

.dashboard #tracking .collapsed-cards dt {
  margin-top: 35px;
  margin-bottom: 0.5em;
  font-style: italic; }
  .dashboard #tracking .collapsed-cards dt:first-child {
    margin-top: 25px; }
  .dashboard #tracking .collapsed-cards dt.title {
    position: relative;
    margin-bottom: -20px;
    font-size: 1.6em;
    font-style: normal;
    display: block; }

.dashboard #tracking .collapsed-cards li small {
  width: auto;
  right: 0;
  margin: 0.2em 0 1.0em 0;
  padding: 0;
  text-align: left;
  font-size: 1.0em;
  border: none; }

@media only screen and (min-width: 601px) and (max-width: 950px), only screen and (min-width: 1201px) {
  .dashboard #tracking .collapsed-cards li small {
    float: right;
    margin: 0;
    text-align: right; } }

@media only screen and (min-width: 951px) {
  .dashboard #tracking .collapsed-cards:empty:before {
    margin-left: 35px; } }

@media only screen and (min-width: 1051px) {
  .dashboard #tracking .intro {
    padding-right: 28.0em; }
  .dashboard #tracking .search-box {
    top: 0; } }