@font-face {
  font-weight:100;
  font-family:"MuseoSans-light";
  font-style:normal;
  font-display:swap;
  src:url(fonts/MuseoSans100-webfont.woff2) format("woff2"),
  url(fonts/MuseoSans100-webfont.woff) format("woff")
}
@font-face {
  font-weight:300;
  font-family:"MuseoSans-normal";
  font-style:normal;
  font-display:swap;
  src:url(fonts/MuseoSans300-webfont.woff2) format("woff2"),
  url(fonts/MuseoSans300-webfont.woff) format("woff")
}
@font-face {
  font-weight:500;
  font-family:"MuseoSans-bold";
  font-style:normal;
  font-display:swap;
  src:url(fonts/MuseoSans500-webfont.woff2) format("woff2"),
  url(fonts/MuseoSans500-webfont.woff) format("woff")
}
@font-face {
  font-weight:700;
  font-family:"MuseoSans-heavy";
  font-style:normal;
  font-display:swap;
  src:url(fonts/MuseoSans700-webfont.woff2) format("woff2"),
  url(fonts/MuseoSans700-webfont.woff) format("woff")
}


:root {
  --font-family: "MuseoSans-light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

body {
  /*
  font-weight: 300;
  font-family: "MuseoSans-light", helvetica, arial, sans-serif;
  */
  color: rgb(0, 71, 179);
}

/*
.sd-btn {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-radius:var(--sjs-corner-radius, 4px);
  cursor:pointer;
  font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style:normal;
  font-weight:600;
  font-size:var(--sjs-font-size, 16px);
  line-height:calc(1.5*(var(--sjs-font-size, 16px)));
  text-align:center;
  color:var(--sjs-primary-backcolor, var(--primary, #19b394));
  border:none;
  outline:none;
  box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition:box-shadow var(--sjs-transition-duration, 150ms),background var(--sjs-transition-duration, 150ms)
}
*/

.sd-btn {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background:var(--sjs-primary-backcolor);
  border-radius:32px;
  cursor:pointer;
  font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style:normal;
  font-weight:600;
  font-size:var(--sjs-font-size, 16px);
  line-height:calc(1.5*(var(--sjs-font-size, 16px)));
  text-align:center;
  color:#fff;
  border:none;
  outline:none;
  box-shadow:var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)),0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition:box-shadow var(--sjs-transition-duration, 150ms),background var(--sjs-transition-duration, 150ms);
}
.sd-btn:hover {
  background-color: var(--sjs-primary-backcolor-light);
}
.sd-error {
  display:block;
  padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius:var(--sjs-corner-radius, 4px);
  line-height:var(--sjs-font-size, 16px);
  font-size:var(--sjs-font-size, 16px);
  font-weight:600;
  text-align:left;
  color:var(--sjs-general-forecolor);
  white-space:normal;
  width:100%;
  background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-sizing:border-box
}
