@font-face {
  font-family: Tungsten;
  src: url('../fonts/Tungsten-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf ui text;
  src: url('../fonts/SF-UI-Text-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui text;
  src: url('../fonts/SF-UI-Text-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui text;
  src: url('../fonts/SF-UI-Text-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui text;
  src: url('../fonts/SF-UI-Text-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui text;
  src: url('../fonts/SF-UI-Text-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui display;
  src: url('../fonts/SF-UI-Display-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui display;
  src: url('../fonts/SF-UI-Display-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui display;
  src: url('../fonts/SF-UI-Display-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sf ui display;
  src: url('../fonts/SF-UI-Display-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

:root {
  --dark-slate-gray: #262c46;
  --silver: #c2beb396;
  --dark-slate-gray-2: #312b3de3;
  --light-sea-green: #1abc9c;
  --peru: #b59143;
  --sandy-brown: #fac960;
  --twm-blue: #00528c;
  --deep-sky-blue: #00b2ed;
  --dark-blue: #032944;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: #8a6d2f;
  letter-spacing: 0;
  text-shadow: none;
  margin: 10px 0;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 54px;
}

h2 {
  color: #000c;
  text-shadow: none;
  margin: 0 0 27px;
  font-size: 38px;
  font-weight: 300;
  line-height: 36px;
}

h3 {
  text-shadow: none;
  margin: 5px 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

h4 {
  margin: 30px 0 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

h5 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

h6 {
  margin: 10px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #000c;
  letter-spacing: 0;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

a {
  color: #0078ce;
  text-decoration: none;
}

a:hover {
  color: #00b2ed;
}

.logo {
  margin-top: 0;
  margin-right: 13px;
  padding-top: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.logo.footer {
  margin: 30px auto 0;
  display: block;
}

.footer {
  color: #777;
  text-align: center;
  margin-bottom: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.footer.reversed {
  margin-bottom: 0;
  padding-top: 26px;
}

.footer.reversed.relative {
  background-color: #0009;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.h1-headline {
  color: #00528c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 44px;
}

.h1-headline.white {
  color: #fff;
  line-height: 48px;
}

.submitbutton {
  text-align: center;
  border-style: none;
  border-radius: 6px;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .6s;
  display: block;
}

.submitbutton:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton.complete {
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton.grey:hover {
  background-color: #909090;
}

.submitbutton.grey.close-modal {
  border-radius: 6px;
  width: auto;
  min-width: 160px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.submitbutton.grey.close-modal:hover {
  text-align: center;
}

.submitbutton.small {
  background-color: #646464;
  width: 220px;
  height: 46px;
  margin-top: 12px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 16px;
}

.submitbutton.small:hover {
  background-color: #3f3f3f;
}

.submitbutton.small.short {
  width: 180px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.submitbutton.small.short:hover {
  color: #fff;
}

.submitbutton.supersmall {
  color: #fff;
  border-radius: 6px;
  width: 180px;
  min-width: 140px;
  height: 40px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.submitbutton.login {
  border-radius: 6px;
  width: 300px;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 16px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton.white {
  background-color: #fff3;
  width: 500px;
  margin-top: 5px;
  padding-top: 18px;
  font-size: 22px;
  font-weight: 300;
}

.submitbutton.white:hover {
  background-color: #ffffff4d;
}

.submitbutton.white.small {
  color: #00b2ed;
  background-color: #fff;
  border: 1px solid #00b2ed;
  width: 80px;
  height: 36px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 400;
}

.submitbutton.white.small:hover {
  background-color: #00b2ed33;
}

.submitbutton.white.small.edit-plan-button {
  width: auto;
  min-width: 80px;
  padding-left: 14px;
  padding-right: 14px;
}

.submitbutton.subscription {
  width: 220px;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 20px;
}

.submitbutton.outline {
  background-color: #0098ffb3;
  border: 1px solid #fff;
  width: 240px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 18px;
}

.submitbutton.outline:hover {
  color: #fff;
  background-color: #00b2ed;
}

.submitbutton.red {
  background-color: #ef5350;
  width: 160px;
  height: 60px;
  margin-top: 30px;
  padding-top: 20px;
  line-height: 18px;
}

.submitbutton.supersmall {
  color: #fff;
  border-radius: 6px;
  width: 210px;
  min-width: 140px;
  height: 40px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.submitbutton.supersmall:hover {
  color: #fff;
}

.submitbutton.complete {
  border-radius: 6px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton.complete:hover {
  color: #fff;
}

.submitbutton.complete.update-plan-button {
  margin-top: 20px;
}

.submitbutton.form {
  color: #fff;
  border-radius: 6px;
  margin-top: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.submitbutton.form.cancel.close-modal {
  color: #fff;
  width: 200px;
  padding-top: 20px;
}

.submitbutton.subscription {
  border-radius: 6px;
  width: 220px;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton.subscription:hover {
  color: #fff;
}

.submitbutton.form {
  color: #fff;
  margin-top: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 20px;
  display: block;
}

.submitbutton.form.cancel {
  background-color: #a8a8a8;
}

.submitbutton.form.cancel:hover {
  background-color: #909090;
}

.submitbutton.form.cancel.close-modal {
  color: #fff;
  width: 200px;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 20px;
}

.submitbutton.red {
  background-color: #ef5350;
  border-radius: 6px;
  width: 160px;
  height: 60px;
  margin-top: 30px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  line-height: 18px;
}

.submitbutton.red:hover {
  color: #fff;
  background-color: #d42f2c;
}

.submitbutton.blue {
  background-color: #2893f0;
  border-radius: 6px;
  width: 160px;
  height: 60px;
  margin-top: 30px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  line-height: 18px;
}

.submitbutton.blue:hover {
  color: #fff;
  background-color: #1679cf;
}

.submitbutton.login-copy {
  border-radius: 6px;
  width: 100%;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 16px;
}

.input {
  float: none;
  clear: none;
  text-indent: 0;
  width: 300px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 9px;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  position: static;
  top: 0;
  left: 0;
}

.headlinesmall {
  color: #000;
  text-align: left;
  text-transform: none;
  width: auto;
  margin: 0 auto;
  padding: 0 0 24px;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  display: block;
}

.headlinesmall.name {
  color: #000;
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.headlinesmall.light {
  color: #313131;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-weight: 300;
}

.paragraph {
  color: #424242;
  text-align: left;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph.smalltext.payment {
  background-color: #0000;
  width: 580px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  font-size: 13px;
  line-height: 16px;
  display: block;
}

.paragraph.smalltext.red.init-hidden {
  font-family: Sf ui text, sans-serif;
  display: block;
}

.paragraph.smalltext.plan {
  color: #00528ca6;
  letter-spacing: 1px;
  letter-spacing: 1px;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.paragraph.left {
  color: #312b3d;
  line-height: 26px;
}

.paragraph.small {
  color: #000c;
  text-align: center;
  flex: 1;
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
}

.paragraph.small.red {
  color: #ed4444;
  text-align: left;
  width: 115px;
  padding: 10px 0;
  font-size: 13px;
  transition: color .3s;
}

.paragraph.small.red:hover {
  color: #af2323;
}

.paragraph.small.center {
  text-align: center;
  padding-bottom: 0;
}

.paragraph.supersmall {
  color: #000000b3;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
  line-height: 17px;
}

.paragraph.supersmall.left {
  line-height: 10px;
}

.paragraph.blurb {
  color: #000c;
  font-size: 13px;
  line-height: 16px;
}

.paragraph.video {
  padding-bottom: 5px;
  font-weight: 300;
  line-height: 24px;
}

.paragraph.white {
  color: #ffffffd6;
}

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

.paragraph.center.small {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  line-height: 20px;
}

.paragraph.alt {
  color: #424242;
  font-weight: 300;
  line-height: 26px;
}

.paragraph.xsmall {
  padding-bottom: 0;
  font-size: 14px;
  display: block;
}

.paragraph.xsmall.red {
  color: #d32f2f;
  display: block;
}

.paragraph.smalltext {
  color: #262c46;
  padding-top: 0;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  display: block;
}

.paragraph.smalltext.red {
  color: #ed4444;
}

.paragraph.smalltext.red.init-hidden {
  font-family: Sf ui text, sans-serif;
}

.paragraph.smalltext.plan {
  color: #00528ca6;
  letter-spacing: 1px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 13px;
  font-weight: 400;
}

.paragraph.smalltext.payment {
  background-color: #0000;
  width: 580px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.paragraph.smalltext-copy {
  color: #262c46;
  margin-top: -8px;
  padding-top: 0;
  padding-bottom: 12px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  display: block;
}

.pagebody {
  height: auto;
  overflow: visible;
}

.h2-white {
  color: #fff;
  text-align: center;
  width: 760px;
  margin: 30px auto 20px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  display: block;
}

.h2-white.big {
  margin-bottom: 0;
  font-size: 28px;
}

.h2-white.alt {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.h2-white.alt.thin {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.h3-white {
  opacity: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
  display: block;
}

.h3-white.login {
  margin-bottom: 0;
}

.h3-white.alt {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 30px;
}

.h2-dark {
  color: #424242;
  text-align: center;
  margin: 0 auto;
  font-family: Sf ui text, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  display: block;
}

.h2-dark.small {
  color: #424242;
  margin-top: 16px;
  padding-bottom: 12px;
  font-size: 32px;
  line-height: 42px;
}

.h2-dark.small.white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 30px;
}

.h2-dark.bold {
  text-align: left;
  font-size: 30px;
  font-weight: 400;
}

.body {
  background-color: #222;
  height: 100%;
}

.twmheader {
  z-index: 9999;
  background-color: #00000026;
  justify-content: center;
  align-self: stretch;
  height: 90px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.twmheader.dash {
  color: #00528c;
  background-color: #00528c;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-bottom: 0;
}

.twmheader.left {
  color: #00528c;
  background-color: #00528c;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100px;
  margin-bottom: 0;
  padding-left: 100px;
}

.twmheader.login {
  color: #00528c;
  z-index: 2;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 90px;
  margin-bottom: 0;
}

.twmbranding {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.contentheaderarea {
  padding-top: 100px;
  transition: opacity .5s;
}

.checkbox {
  text-align: left;
  width: auto;
  height: 25px;
  margin-left: 0;
  margin-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 19px;
  display: block;
}

.checkbox.terms {
  color: #fff;
  width: 540px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 0;
  font-size: 18px;
  line-height: 23px;
  display: block;
}

.contentbg {
  color: #312b3d;
  background-color: #e6e8f1;
  background-image: linear-gradient(#000000b3 14%, #0000001a), url('../images/push-up-blurred.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: row;
  align-items: center;
  min-height: 760px;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: block;
}

.h1 {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  line-height: 48px;
  text-decoration: none;
  transition: opacity .2s;
  transform: translate(0);
}

.h1.big {
  text-shadow: none;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 52px;
  line-height: 58px;
  display: block;
  position: static;
  top: 200px;
}

.h1._44 {
  font-size: 44px;
}

.radio {
  width: 30px;
  height: 25px;
  margin-left: 10px;
  font-size: 19px;
}

.radio.type {
  align-self: center;
  margin-top: 0;
}

.radio-choice {
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 140px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-choice.type {
  align-items: center;
  width: 120px;
  height: 50px;
  margin-left: 19px;
}

.textarea {
  width: 600px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.textarea.gift {
  width: 580px;
  height: 100px;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.labelsmall {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall.account {
  color: #0006;
  text-align: left;
  letter-spacing: 1px;
  font-size: 13px;
}

.labelsmall.left {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 0;
}

.labelsmall.left.top-padding {
  margin-top: 30px;
}

.labelsmall.left.bold {
  margin-top: 0;
  font-weight: 500;
  display: block;
}

.labelsmall.bottompadding {
  padding-bottom: 16px;
  display: block;
}

.labelsmall.bold {
  text-align: left;
  font-weight: 600;
}

.form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.dropdown {
  width: 200px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
}

.dropdown.gift {
  border-color: #c2c2c2;
  justify-content: flex-start;
  width: 400px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.disclaimer {
  background-color: #e7e7e7;
  justify-content: center;
  width: 580px;
  height: 200px;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.disclaimertext {
  color: #000;
  background-color: #f1f1f1;
  border: 1px solid #a1a1a1;
  height: 200px;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  overflow: auto;
}

.agreement-label {
  color: #000;
  font-size: 16px;
}

.connect {
  background-color: #fffc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  height: auto;
  margin-top: 50px;
  padding: 20px 40px 30px;
  display: flex;
}

.connect.client-copy {
  background-color: #fff0;
  border-radius: 12px;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.h4 {
  color: #312b3de3;
  text-align: center;
  margin-bottom: 0;
  padding-top: 28px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.h4.login {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
}

.h4.payment {
  text-align: left;
  background-color: #0000;
  width: 580px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.h4.account {
  color: #000000e3;
  text-align: left;
  margin-top: 4px;
  padding-top: 0;
  padding-bottom: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: none;
}

.h4.account.bold {
  margin-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 22px;
  display: block;
}

.h4.account.table.red {
  color: #d32f2f;
}

.h4.account {
  color: #000000e3;
  text-align: left;
  margin-top: 4px;
  padding-top: 0;
  padding-bottom: 16px;
  display: block;
}

.h4.account.table {
  margin-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.h4.h3-white {
  color: #fff;
}

.h4.payment {
  text-align: left;
  text-align: left;
  background-color: #0000;
  width: 580px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 6px;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.h4.h3-white {
  color: #fff;
  padding-bottom: 20px;
}

.payment {
  background-color: #f4f4f4;
  border-radius: 12px;
  margin-top: 24px;
  padding-top: 20px;
  padding-bottom: 45px;
  transition: opacity .5s;
  display: block;
}

.payment.fc {
  background-color: #ffffffd9;
  padding-top: 40px;
  padding-bottom: 60px;
}

.card-input {
  background-color: #fff;
  border: 1px solid #cbcbce;
  width: 580px;
  height: 38px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-left: 8px;
  display: block;
}

.card-input.left {
  margin-top: 8px;
  margin-left: 0;
  margin-right: 0;
}

.error-holder {
  color: red;
  width: 575px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.login-button {
  z-index: 999;
  opacity: .8;
  cursor: pointer;
  background-color: #0098ffcc;
  border: 1px #fff;
  border-radius: 6px;
  justify-content: space-between;
  align-self: flex-end;
  width: 100px;
  height: 36px;
  margin-top: 20px;
  margin-right: 24px;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.login-button:hover {
  opacity: 1;
}

.login-button._2 {
  width: 86px;
  margin-top: 0;
  margin-right: 0;
  transition: background-color .2s;
  position: static;
}

.login-button.subscribe {
  margin-top: 0;
  margin-right: 0;
  display: none;
  position: static;
}

.login-label {
  z-index: 998;
  opacity: 1;
  color: #ffffffe6;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding-top: 2px;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  line-height: 13px;
  display: flex;
  position: relative;
}

.login-label:hover {
  opacity: 1;
}

.loginbackground {
  background-image: linear-gradient(#0009, #0009), url('../images/fitness-objects.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100%;
}

.loginheader {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: flex;
}

.login-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  display: flex;
}

.content-block {
  z-index: 9999;
  background-color: #fff;
  width: 1000px;
  height: auto;
  padding: 16px 16px 60px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.facebook {
  justify-content: center;
  align-items: center;
  width: 280px;
  margin: 10px auto 15px;
  padding-top: 0;
  display: block;
}

.inputfield {
  color: #312b3de3;
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield.short.disabled {
  background-color: #e7e7e7;
}

.inputfield.price {
  width: 100px;
  display: inline-block;
}

.inputfield.price.edit-plan-dollars {
  margin-top: 2px;
}

.inputfield.xshort {
  width: 60px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.inputfield.tip {
  width: 100px;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
}

.inputfield.short {
  width: 380px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.inputfield.short.edit-plan-name {
  width: 100%;
  max-width: 385px;
  margin-top: 2px;
  display: inline-block;
  overflow: visible;
}

.inputfield.short {
  width: 100%;
  max-width: 100%;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.inputfield.short {
  width: 380px;
  display: block;
}

.inputfield.short::placeholder {
  color: #312b3d66;
}

.inputfield.disabled {
  background-color: #e2e2e2;
  width: 380px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.inputfield.disabled::placeholder {
  color: #312b3dcc;
}

.inputfield.login {
  width: 100%;
}

.h3-dark {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.h3-dark.video {
  text-align: left;
  justify-content: flex-start;
}

.h3-dark.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.h3-dark.left {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 8px;
  font-size: 18px;
  display: block;
}

.h3-dark.account {
  text-align: left;
  justify-content: flex-start;
}

.h3-dark.alt {
  color: #424242;
  font-weight: 400;
  line-height: 28px;
}

.h3-dark.left {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.h3-dark.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.dash-background {
  background-image: url('../images/trainer-benefits2.jpg');
  background-position: 50% 27%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.dash-background.client {
  background-image: linear-gradient(#00112ce6, #00112c80), url('../images/selfie.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: auto;
  min-height: 800px;
  margin-top: 0;
  padding-bottom: 100px;
  display: block;
}

.dash-background.redirect {
  background-image: linear-gradient(#0006, #0006), url('../images/gym.jpeg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: auto;
  margin-top: 0;
  padding-bottom: 100px;
  display: block;
}

.tips {
  background-color: #eee;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
}

.tips.troubleshoot {
  padding-bottom: 60px;
}

.bank-info {
  background-color: #f1f1f1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  padding-bottom: 30px;
  display: flex;
}

.bank-info.account {
  background-color: #eee;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.list {
  color: #312b3de6;
  margin-bottom: 20px;
  padding: 0 40px 0 60px;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
}

.list.error {
  padding-left: 40px;
  padding-right: 40px;
}

.list.long {
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.list.error-copy {
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.list-item {
  color: #424242;
  padding-top: 20px;
  padding-left: 6px;
  font-family: Poppins, sans-serif;
  font-weight: 300;
  line-height: 26px;
}

.list-item.error {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.list-item.small {
  color: #424242;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.list-item.error {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-weight: 400;
}

.video-holder {
  background-color: #2e2e2e;
  width: 620px;
  display: flex;
}

.video-holder.upload-exercise {
  background-image: url('../images/video-upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 593px;
  background-attachment: scroll;
  min-height: 340px;
}

.content-container {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.content-container.white {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  padding: 30px 40px 40px;
}

.video-text {
  background-color: #fff;
  order: -1;
  width: 360px;
  padding-top: 20px;
  padding-left: 28px;
  padding-right: 20px;
}

.video-text.tall {
  padding-bottom: 20px;
}

.modalcontent {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.modalcontent.wide {
  width: 700px;
  padding-bottom: 30px;
  display: block;
}

.div-block {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.modalclosediv {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.div-block-3 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.textlink {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink:hover {
  color: #00b2ed;
}

.textlink.white {
  color: #fff;
  cursor: pointer;
}

.textlink.white:hover {
  color: #c0efff;
}

.textlink.red {
  color: #e53935;
  font-size: 12px;
  display: flex;
}

.textlink.red:hover {
  color: #f3615e;
}

.textlink._14 {
  font-size: 14px;
  line-height: 18px;
}

.textlink._14.grey {
  color: #8a8a8a;
}

.textlink._14.grey:hover {
  color: #666;
  text-decoration: none;
}

.textlink.lightblue {
  color: #00b2edd1;
  font-size: 13px;
}

.textlink.lightblue:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.textlink.decline {
  color: #fff;
  margin-right: 20px;
}

.textlink.decline:hover {
  text-decoration: underline;
}

.textlink.lightblue {
  color: #7dc2ff;
  font-size: 12px;
  font-style: normal;
}

.textlink.lightblue:hover {
  text-decoration: underline;
}

.div-block-4 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block {
  color: #0009;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.modalrequiredfields {
  z-index: 999;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalinvalidpayment {
  z-index: 998;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalinvalidsubscription {
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalfailedfblogin {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.close-modal {
  cursor: pointer;
  display: block;
}

.account-dropdown {
  opacity: 0;
  background-color: #00528c;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 50px;
  transition: opacity 1s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.account-dropdown.show-after-initialize {
  transition: opacity 1s;
}

.dropdown-toggle {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding: 30px 20px 10px 0;
  display: flex;
  position: relative;
}

.dropdown-toggle.show-after-initialize {
  transition: opacity .2s;
}

.trainername {
  color: #fff;
  margin-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  line-height: 14px;
}

.settings-dropdown {
  justify-content: flex-end;
  margin-right: 14px;
  display: block;
}

.dropdown-link {
  color: #0d3d5f;
  text-align: left;
  font-family: Work Sans, sans-serif;
}

.dropdown-link:hover {
  background-color: #e9e9e9;
}

.dropdown-link.w--current {
  color: #0d3d5f;
}

.dropdown-list {
  display: none;
}

.dropdown-list.w--open {
  background-color: #fff;
  border: 1px solid #ddd;
  width: 150px;
  right: 16px;
}

.content-wrapper-grey {
  background-color: #eee;
  min-height: 640px;
  padding: 40px 0 80px;
}

.content-wrapper-grey.img {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/gymbag2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 100%;
}

.account-section {
  background-color: #fff;
  margin-top: 16px;
  padding: 16px 40px 30px;
  display: block;
}

.account-section.changebank {
  margin-top: 20px;
  display: none;
}

.account-section.profile {
  flex-direction: row;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
  display: flex;
}

.account-section.profile.show-after-initialize {
  flex-direction: row;
  margin-top: 14px;
  padding-bottom: 14px;
  transition: opacity .2s;
  display: flex;
}

.account-section.setupbank {
  margin-top: 20px;
  display: block;
}

.account-section.setupbank.show-after-initialize {
  margin-top: 16px;
  padding-top: 22px;
  padding-bottom: 40px;
  transition: opacity .2s;
}

.account-section.show-after-initialize {
  padding-top: 22px;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 1px 1px 3px #00000017;
}

.account-section.payment-method {
  flex-direction: row;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
  display: flex;
}

.account-section.payment-method.show-after-initialize {
  flex-direction: row;
  margin-top: 14px;
  transition: opacity .2s;
  display: flex;
}

.account-section.payment-method.show-after-initialize.hidden {
  flex-direction: column;
  padding-bottom: 12px;
}

.account-section.conversion {
  margin-top: 20px;
  padding-bottom: 54px;
  display: block;
}

.fb-photo {
  background-color: #4a7ea1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  border: 2px solid #a6cae4;
  border-radius: 30px;
  align-self: center;
  width: 50px;
  height: 50px;
  margin-right: 12px;
}

.fb-photo.large {
  background-color: #85b7da;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100px;
  border-style: none;
  border-radius: 60px;
  align-self: flex-start;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  position: relative;
}

.nameandarrow {
  opacity: .75;
  display: flex;
}

.nameandarrow:hover, .nameandarrow:focus {
  opacity: 1;
}

.submit-button-holder {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
}

.form-wrapper {
  margin-bottom: 0;
}

.individualfields {
  width: 580px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.companyfields {
  width: 580px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.nav {
  z-index: 990;
  background-color: #00528c;
  width: 100%;
  height: 100px;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.accountinfowrapper {
  padding: 6px 60px 40px;
  transition: opacity .575s;
}

.div-block-9 {
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.container {
  padding-bottom: 60px;
}

.footer-links {
  opacity: .8;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.create-account {
  text-align: center;
  background-color: #00b2ed;
  border-radius: 6px;
  width: 250px;
  height: 56px;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .6s;
}

.create-account:hover {
  color: #fff;
  background-color: #1393db;
}

.modalcreateaccountemail {
  z-index: 999;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 80px;
  font-family: Poppins, sans-serif;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modallogin {
  z-index: 9999;
  background-color: #0009;
  align-items: center;
  margin-right: 0;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalforgotpassword {
  z-index: 30;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.image-3 {
  cursor: pointer;
  padding-bottom: 8px;
}

.modalchangepassword {
  z-index: 995;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.modalvideo {
  z-index: 9998;
  background-color: #0009;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.select-field {
  font-family: Work Sans, sans-serif;
  font-size: 16px;
}

.select-field.frequency {
  margin-top: 5px;
  margin-bottom: 30px;
}

.select-field.frequency.edit-plan-interval-type {
  display: block;
}

.select-field.trial {
  margin-top: 5px;
  margin-bottom: 30px;
}

.select-field.trial.edit-trial-days {
  display: block;
}

.image-4 {
  padding-top: 26px;
  padding-bottom: 22px;
}

.small-text {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.small-text.xs {
  text-transform: none;
  font-size: 13px;
  display: none;
}

.small-text.red {
  color: #d32f2f;
  font-size: 12px;
}

.small-text.xs {
  text-transform: none;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  display: block;
}

.small-text.xs.hidden {
  display: none;
}

.modalchangepayment {
  z-index: 9999;
  clear: both;
  background-color: #0009;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalchangeemail {
  z-index: 999;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.clientname {
  color: #fff;
  margin-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  line-height: 14px;
}

.modalsuccess {
  z-index: 999;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.featured-trainers {
  z-index: 9997;
  background-color: #f8f8f8;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
  position: static;
}

.trainer-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  display: flex;
}

.trainer {
  width: 334px;
  margin-left: 30px;
  margin-right: 20px;
}

.circle-pic {
  border: 1px solid #a8b5bd;
  border-radius: 100px;
  width: 130px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.circle-pic.colin {
  background-image: url('../images/colin.jpg');
  background-size: contain;
  width: 120px;
  height: 120px;
}

.circle-pic.mara {
  background-image: url('../images/trainer-mara.jpg');
  background-position: 50%;
  background-size: contain;
  width: 120px;
  height: 120px;
}

.circle-pic.jeremias {
  background-image: url('../images/jeremias_1.jpg');
  background-position: 50% 23%;
  background-size: 350px;
  width: 120px;
  height: 120px;
}

.circle-pic.cienna {
  background-image: url('../images/cienna.jpg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
}

.circle-pic.kelly {
  background-image: url('../images/trainer-kelly.jpg');
  background-position: 50% 23%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.stefanie {
  background-image: url('../images/stef-headshot.jpg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.jason {
  background-image: url('../images/jason.jpg');
  background-position: 31% 5%;
  background-repeat: no-repeat;
  background-size: 340px;
  width: 120px;
  height: 120px;
}

.circle-pic.charles {
  background-image: url('../images/charles.JPG');
  background-position: 50% 11%;
  background-repeat: no-repeat;
  background-size: 190px;
  width: 120px;
  height: 120px;
}

.circle-pic.ramel {
  background-image: url('../images/Ramel.JPG');
  background-position: 50% 3%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.shauntel {
  background-image: url('../images/shauntel.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
}

.circle-pic.jagoda {
  background-image: url('../images/jagoda1.jpg');
  background-position: 60% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.mike {
  background-image: url('../images/mike.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.james {
  background-image: url('../images/jamesb.jpg');
  background-position: 23% 11%;
  background-size: 200px;
  width: 120px;
  height: 120px;
}

.circle-pic.odie {
  background-image: url('../images/Screen-Shot-2018-12-11-at-11.21.54-AM.png');
  background-position: 23% 11%;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.erika {
  background-image: url('../images/es2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.circle-pic.victoria {
  background-image: url('../images/vic.JPG');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 120px;
  height: 120px;
}

.circle-pic.krista {
  background-image: url('../images/krista.jpeg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
}

.div-block-29 {
  padding-top: 10px;
}

.image-6 {
  margin-right: 6px;
}

.modalprice {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.trainer-pic-link {
  border-style: none;
  width: auto;
}

.trainer-row {
  justify-content: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 30px;
  display: flex;
}

.trainer-layout {
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.trainer-overview {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-left: 20px;
  display: flex;
}

.signup-blocks {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding-top: 0;
  display: flex;
}

.unordered-list-2 {
  padding-left: 14px;
}

.heading-help {
  background-image: url('../images/trainer-header.jpg');
  background-position: 56% 93%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 400px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-help.client {
  background-image: url('../images/header-client.jpg');
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-phone-pocket {
  background-image: url('../images/phone-in-pocket.jpg');
  background-position: 50% 61%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 280px;
  margin-bottom: 30px;
}

.nav-home {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 700px;
  display: flex;
  position: static;
}

.nav-container {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 80px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.navlink {
  color: #fff;
  margin-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
}

.navlink:hover {
  color: #fff;
  background-color: #0000004d;
}

.navlink.w--current {
  color: #fff;
}

.navlink.w--current:hover {
  background-color: #00000080;
}

.navlink.blue {
  color: #4fc3f7;
}

.brand {
  flex-direction: row;
  align-items: center;
  height: 80px;
  padding-bottom: 6px;
  display: flex;
}

.brand.w--current {
  align-items: center;
  width: auto;
  height: 80px;
  padding-top: 0;
  padding-bottom: 6px;
  display: flex;
}

.navheader {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 1000px;
  height: 80px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.navheader.mobile {
  width: 100%;
  max-height: 9999px;
  display: none;
}

.navheader.blog {
  justify-content: space-between;
  width: 1000px;
  padding-left: 30px;
  padding-right: 30px;
}

.image-10 {
  width: 220px;
  display: block;
}

.nav-dropdown-tggle {
  color: #fff;
  margin-right: 0;
  font-family: Work Sans, sans-serif;
}

.nav-dropdown-tggle:hover {
  color: #fff;
  background-color: #0000004d;
}

.nav-dropdown-tggle.w--open {
  color: #fff;
  background-color: #0000004f;
  margin-right: 0;
}

.nav-dropdown {
  color: #fff;
  font-family: Work Sans, sans-serif;
}

.nav-dropdown:hover {
  color: #47d1ff;
}

.nav-dropdown.w--current {
  color: #fff;
}

.nav-dropdown.w--current:hover {
  color: #47d1ff;
}

.dropdown-global-nav.w--open {
  background-color: #0000004d;
  margin-top: 0;
}

.cta-block {
  color: #000;
  background-color: #00b2ed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 200px;
  margin-top: 0;
  padding: 40px 120px 80px;
  display: block;
}

.cta-block.support {
  margin-bottom: 20px;
  padding-bottom: 60px;
}

.plan-block {
  background-color: #0000;
  border: 1px #92b8d3a1;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
}

.plan-block.subscription {
  border-style: none;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 16px;
  display: flex;
}

.plan-block.outline {
  border-style: solid;
  justify-content: space-between;
  display: flex;
}

.plan-block.payer {
  padding-top: 0;
  padding-left: 16px;
  display: block;
}

.plan-block.price-billing {
  border-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.plan-block.recipient {
  background-color: #ebf5f8;
  align-items: center;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.plan-block.plan-trainer-name {
  border-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 20px;
  display: flex;
}

.plan-block.trial {
  background-color: #aef3e5;
  align-items: center;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.plan-block.trial.end {
  background-color: #ffd0d0;
}

.plan-info {
  flex-direction: column;
  height: auto;
  padding: 8px 10px 10px;
  display: flex;
}

.plan-info.name {
  width: 420px;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 10px;
}

.plan-info.name.long {
  width: 460px;
  padding-right: 20px;
}

.plan-info.edit {
  justify-content: center;
  align-items: flex-end;
  width: 120px;
  height: 68px;
  padding-top: 10px;
  padding-right: 10px;
}

.plan-info.price {
  width: 180px;
}

.plan-info.trial {
  width: 160px;
}

.plan-info.renewal {
  width: 220px;
  padding-left: 0;
}

.plan-info.plan-name {
  align-items: flex-start;
  padding-bottom: 5px;
  padding-left: 0;
}

.plan-info.billed-to {
  width: 320px;
  padding-left: 0;
}

.plan-info.plan {
  width: 240px;
  padding-left: 0;
}

.modalnewplan {
  z-index: 9999;
  background-color: #0009;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.modalcancelsubscription {
  z-index: 9999;
  clear: both;
  background-color: #0009;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modal-content-long {
  background-color: #eee;
  width: 560px;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px 30px;
  display: block;
}

.outlined-box {
  border: 1px solid #92b8d3a1;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 14px;
}

.outlined-box.trial {
  padding-top: 14px;
}

.checkbox-label {
  margin-left: 5px;
  padding-top: 4px;
  padding-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
}

.checkbox-label.small {
  color: #000000b3;
  margin-left: 6px;
  font-size: 16px;
  line-height: 18px;
}

.checkbox-label._14-med {
  margin-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.checkbox-label._14-reg {
  margin-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.checkbox-label._15 {
  margin-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.modalplatform {
  z-index: 997;
  background-color: #0009;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.delete-textlink {
  cursor: pointer;
}

.button-small {
  color: #00b2ed;
  text-align: center;
  background-color: #fff;
  border: 1px solid #00b2ed;
  width: 160px;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 12px;
  transition: background-color .6s;
}

.button-small:hover {
  background-color: #00b2ed33;
}

.button-small.update-plan-button {
  width: 130px;
  margin-top: 0;
  margin-right: 20px;
  padding-top: 8px;
  display: none;
}

.button-small.refund {
  width: 110px;
  margin-top: 0;
}

.button-small.short {
  width: 120px;
}

.button-small.update-payment-button {
  width: 200px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 500;
  display: block;
}

.button-small.long {
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.button-small.long.workout {
  left: 0;
}

.button-small.edit {
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Sf ui text, sans-serif;
  position: relative;
  left: 0;
}

.button-small.long {
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
}

.button-small.update-plan-button {
  width: 130px;
  margin-top: 0;
  margin-right: 20px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  display: none;
}

.gift {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border: 1px solid #e4e4e4;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 640px;
  min-height: 50px;
  margin: 28px auto 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: none;
}

.form-block-4 {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.form-3 {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
}

.checkbox-field {
  align-items: center;
  padding-left: 0;
  display: flex;
}

.gift-info {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border: 1px solid #e4e4e4;
  flex-direction: column;
  align-items: center;
  width: 640px;
  min-height: 50px;
  margin: 0 auto 30px;
  padding-top: 13px;
  padding-bottom: 30px;
  display: flex;
}

.gift-info.init-hidden {
  display: none;
}

.form-4 {
  padding-top: 12px;
}

.form-block-5 {
  padding-top: 40px;
}

.blog-logo {
  width: 280px;
}

.div-block-78 {
  justify-content: flex-end;
  align-items: flex-end;
  height: 50px;
  padding: 0 12px;
  display: flex;
}

.graylink {
  color: #aaa;
  cursor: pointer;
  transition: color .2s;
  display: block;
}

.graylink:hover {
  color: #838383;
}

.link-block-6 {
  height: 70px;
  margin-right: 20px;
  display: block;
}

.sign-up-banner {
  background-color: #0d334e;
  background-image: linear-gradient(#0c273ad6, #0c273ad6), url('../images/fitness-objects.png');
  background-position: 0 0, 14% 73%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.container-7 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.div-block-81 {
  margin-top: 50px;
}

.div-block-82 {
  margin-top: 10px;
}

.button-group-training {
  text-align: center;
  background-color: #fff3;
  border-style: none;
  width: 500px;
  height: 60px;
  margin: 5px auto 0;
  padding-top: 18px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  transition: background-color .6s;
  display: block;
}

.button-group-training:hover {
  color: #fff;
  background-color: #ffffff4d;
}

.group-training {
  color: #303030;
  background-color: #2c2c2c;
  background-image: linear-gradient(#0009, #0009), url('../images/plank-blurred.jpg');
  background-position: 0 0, 50% 36%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 200px;
  margin-top: 0;
  padding-top: 34px;
  padding-bottom: 92px;
  line-height: 22px;
  display: none;
}

.image-27 {
  display: block;
}

.payment-summary {
  cursor: pointer;
  background-color: #f3faff;
  border-top: 4px solid #fff;
  border-bottom: 3px #fff;
  align-items: center;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 20px 12px 30px;
  transition: background-color .2s;
  display: flex;
}

.payment-summary:hover {
  background-color: #e6f0f8;
}

.error-status-holder {
  align-items: center;
  width: auto;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-98 {
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.payment-expanded {
  background-color: #f3faff;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 20px 20px 30px;
  display: block;
}

.details-left-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.payment-client-heading {
  padding-bottom: 0;
}

.error-img {
  width: 24px;
  height: 24px;
  display: block;
}

.amount-column {
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.day {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.message-holder {
  background-image: linear-gradient(#00528ca6, #00528ca6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 30px 0 60px;
  display: flex;
}

.date-column {
  padding-left: 0;
}

.link-block-8 {
  width: 40px;
  height: 30px;
  margin-bottom: 10px;
}

.image-29 {
  width: 30px;
}

.modal-refund {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.tip-amount {
  background-color: #eee;
  width: 660px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 40px 20px;
  display: block;
}

.div-refund-button, .div-failed, .div-trial-end-date, .div-refund-note {
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 0;
  padding-right: 20px;
  display: flex;
}

.month {
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.date {
  margin-top: 0;
  margin-bottom: 0;
}

.payment-client-details {
  background-color: #fff;
  margin-top: 16px;
  padding: 16px 40px 30px;
  display: block;
}

.rowwrapper {
  margin-left: 0;
  margin-right: 0;
}

.modalrevshare {
  z-index: 999;
  background-color: #0009;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.pie-chart {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.div-block-101 {
  padding-top: 0;
  padding-left: 40px;
}

.modal-cancel-plan {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.plan-details {
  background-color: #eee;
  width: 460px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.div-block-102 {
  justify-content: flex-end;
  padding-top: 24px;
  display: flex;
}

.div-block-103 {
  padding-left: 30px;
  padding-right: 30px;
}

.text-span-11, .text-span-12 {
  margin-right: 10px;
}

.modaledittrial {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-104 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-105 {
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.modalnewtrial {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.workout-wrapper {
  background-color: #fff;
  border-radius: 4px;
  width: 260px;
  height: 50px;
  margin: 4px auto;
  display: block;
  box-shadow: 1px 1px 3px #00000030;
}

.workout-info {
  align-items: center;
  width: 260px;
  height: 50px;
  margin-top: 0;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.workout-img {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 42px;
  height: 42px;
}

.workout-img.empty {
  background-image: url('../images/error_2error.png');
}

.workout-text {
  width: 206px;
  padding-left: 8px;
  overflow: visible;
}

.textlabel-roboto {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.textlabel-roboto.rest {
  color: #999;
  letter-spacing: 0;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  font-size: 13px;
  transition: color .2s;
  display: block;
}

.textlabel-roboto.rest:hover {
  color: #474747;
}

.textlabel-roboto._13 {
  color: #999;
  font-size: 13px;
}

.textlabel-roboto._13.blue {
  color: #00528c;
}

.durationlabel {
  color: #262c469c;
  letter-spacing: .2px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px;
  display: none;
}

.header {
  z-index: 24;
  background-color: #031927;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.workout-tile-overlay {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 50px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.workout-tile-overlay:hover {
  opacity: 1;
}

.tile-hover-icon-block {
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.icon-trash {
  opacity: .5;
  transition: opacity .3s;
}

.icon-trash:hover {
  opacity: 1;
}

.workout-div-2 {
  transition: opacity .3s;
  display: block;
  position: relative;
}

.icon-duplicate {
  opacity: .5;
  transition: opacity .3s;
}

.icon-duplicate:hover {
  opacity: 1;
}

.show-workouts-div {
  width: 90px;
  position: fixed;
}

.workout-div {
  position: relative;
}

.div-block-116, .div-block-117, .div-block-118, .div-block-119 {
  display: none;
}

.option-menu-div {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  font-family: Roboto, sans-serif;
  display: flex;
}

.option-menu-div:hover {
  background-color: #cfcfcf;
}

.option-menu-div.hidden {
  width: auto;
}

.option-menu-div.big {
  color: #0000;
  height: 40px;
}

.option-menu-div.big:hover {
  background-color: #ececec;
}

.text-menu-option {
  color: #00528c;
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option.big {
  font-size: 14px;
  line-height: 18px;
}

.div-block-142 {
  display: none;
}

.modal-workout-details {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.exercise-row {
  background-color: #fff;
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.exercise-row.border {
  border-top: 1px solid #cecece;
}

.text-span-15 {
  color: #0000004d;
}

.exercise-image {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: 8px;
  display: block;
  position: relative;
}

.exercise-content-div {
  flex-direction: column;
  align-items: flex-start;
  width: 388px;
  padding-left: 12px;
  display: flex;
  position: static;
  right: 0;
}

.rest-time-holder {
  text-align: right;
  width: 100%;
}

.exercise-holder {
  flex-direction: column;
  align-items: center;
  max-height: 500px;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  display: block;
  position: static;
  left: 10px;
  overflow: auto;
}

.modal-content-exercises {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.navbar {
  background-color: #00528c;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  display: block;
  position: relative;
}

.nav-menu-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-115 {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.div-block-150 {
  padding-left: 20px;
}

.nav-link {
  opacity: .7;
  color: #fff;
  width: 240px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 400;
  transition: background-color .2s;
  display: block;
}

.nav-link:hover {
  opacity: 1;
  color: #fff;
  background-color: #013a64;
}

.nav-link:focus {
  opacity: 1;
  background-color: #013a64;
}

.nav-link.w--current {
  opacity: 1;
  color: #fff;
  background-color: #013a64;
}

.div-block-156 {
  border-top: 1px solid #ffffff4f;
  margin-top: 14px;
  padding-top: 14px;
  padding-bottom: 40px;
}

.text-name {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-name.white {
  color: #fff;
}

.text-logout {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  line-height: 22px;
}

.text-logout.white {
  opacity: .7;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  transition: opacity .3s;
}

.text-logout.white:hover {
  opacity: 1;
}

.subscription-button-holder {
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.modal-tip {
  z-index: 996;
  background-color: #0006;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.cc-exists {
  margin-top: 25px;
  display: block;
}

.enter-cc {
  margin-top: 25px;
  padding-top: 0;
  display: block;
}

.tip-payment {
  background-color: #eee;
  width: 660px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 40px;
  display: block;
}

.next-button-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-162 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-10 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.payment-info-wrapper {
  background-color: #fff;
  margin-top: 16px;
  padding: 30px 40px 40px;
  display: block;
}

.div-block-163 {
  margin-top: 24px;
  margin-bottom: 40px;
}

.success {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  padding: 30px 40px 40px;
  display: flex;
}

.success.init-hidden {
  padding-bottom: 60px;
}

.success.hidden {
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-block-174 {
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
}

.modaleditplan {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.modalchangedefault {
  z-index: 997;
  background-color: #0009;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.gray-box-modal {
  background-color: #eee;
  width: 520px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 30px;
  display: block;
}

.subscription-header-div {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}

.subscription-header-div.payment-method {
  margin-bottom: 16px;
  display: block;
}

.div-block-185, .radio-button-field-3 {
  margin-top: 0;
}

.trainer-radio-option {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 10px;
  display: flex;
}

.trainer-radio-option:hover {
  background-color: #ddd;
  border: 2px solid #fff;
}

.trainer-pic {
  background-image: url('../images/shauntel.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 78px;
  height: 84px;
  margin-left: 14px;
  display: none;
}

.modalimage {
  z-index: 997;
  background-color: #0009;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.image-35 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-188 {
  display: none;
}

.div-block-189 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-190 {
  margin-bottom: 12px;
}

.div-block-191 {
  display: block;
}

.div-block-192 {
  width: 100%;
}

.text-span-18 {
  margin-left: 8px;
  margin-right: 8px;
}

.form-12 {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.div-block-206 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 30px;
  right: 35px;
}

.text-span-19 {
  font-weight: 300;
}

.div-block-207 {
  margin-top: 20px;
  margin-bottom: 32px;
}

.client-payment {
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cc-input {
  padding-top: 20px;
}

.div-block-211 {
  margin-top: 10px;
}

.text-40 {
  color: #262c46;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 40px;
  line-height: 44px;
}

.text-40.left {
  text-align: left;
  line-height: 46px;
}

.payment-label {
  float: none;
  color: #000000b3;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.tipping-div {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  display: block;
}

.button-tipping {
  text-align: center;
  background-image: url('../images/money_1money.png');
  background-position: 17px;
  background-repeat: no-repeat;
  background-size: 26px;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  height: 50px;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 0;
  padding-left: 28px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  transition: background-color .6s;
  display: block;
}

.button-tipping:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.tipping-button-holder {
  margin-top: 6px;
  margin-bottom: 12px;
}

.text-18 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.text-18.light {
  font-weight: 300;
}

.charles {
  width: auto;
  height: 100%;
}

.tipmodallabelsmall {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.tipmodallabelsmall.bold {
  text-align: left;
  text-align: left;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 6px;
  font-family: Sf ui text, sans-serif;
  font-weight: 600;
}

.checkbox-4 {
  margin-top: 4px;
  margin-left: 0;
  font-size: 20px;
}

.checkbox-field-2 {
  padding-left: 0;
}

.text-span-20 {
  font-size: 13px;
}

.div-block-231 {
  width: 380px;
}

.div-block-239 {
  align-items: center;
  display: flex;
}

.edit-plan-2 {
  display: block;
}

.div-block-252 {
  padding-top: 50px;
  padding-bottom: 32px;
}

.image-52 {
  float: right;
  margin-bottom: 20px;
  margin-left: 30px;
}

.text-24 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.div-block-254 {
  display: block;
}

.icon-media-option {
  width: 30px;
  padding-right: 9px;
}

.image-53 {
  margin-right: 5px;
}

.item-hover-icon {
  width: 30px;
  height: 30px;
  box-shadow: none;
  background-color: #032944;
  border: 1px solid #ffffffd4;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-right: 8px;
  padding: 4px;
  display: flex;
}

.sf-15 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.sf-15.semi {
  font-weight: 600;
}

.sf-15.semi.white {
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.sf-15.white {
  color: #fff;
  line-height: 22px;
}

.sf-18 {
  color: #3f3f3f;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.sf-18.white {
  color: #fff;
}

.sf-18.white.opacity {
  color: #ffffffd6;
}

.sf-18.bold {
  font-weight: 500;
}

.leaderboard-profile {
  background-color: #8db1ca;
  background-image: url('../images/seth.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.leaderboard-profile.initials {
  background-image: none;
}

.sf-22 {
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  line-height: 26px;
}

.sf-12 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.sf-12.white {
  color: #fff;
}

.sf-12.white.label {
  color: #ffffffd6;
  text-align: center;
  letter-spacing: 1px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.sf-12.grey {
  color: #6d6d6d;
}

.sf-12.white-right {
  color: #fff;
}

.sf-16 {
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.sf-16.white {
  color: #fff;
}

.sf-16.semi {
  font-weight: 600;
}

.sf-16.semi.white {
  color: #fff;
}

.sf-16.semi.white.center {
  text-align: center;
  text-shadow: -1px -1px 6px #000, 1px -1px 6px #000, -1px 1px 6px #000, 1px 1px 6px #000;
}

.sf-34 {
  font-family: Sf ui text, sans-serif;
  font-size: 34px;
  line-height: 42px;
}

.sf-34.semi {
  font-weight: 600;
}

.sf-34.semi.white {
  color: #fff;
}

.sf-34.semi.white.center {
  text-align: center;
}

.sf-34.green {
  color: #b9fd4f;
}

.sf-34.blue {
  color: #4fc3f7;
}

.streak-wrapper {
  background-image: url('../images/streak-fire.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 479px;
  height: 240px;
  display: flex;
}

.streak-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.streak-number {
  background-color: #dd2c00;
  border: 8px solid #ff5722;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  margin-top: 12px;
  margin-bottom: 28px;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.div-block-260 {
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 21px;
  padding-top: 2px;
  display: flex;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
}

.text-span-25 {
  font-weight: 700;
}

.sf-11 {
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.days-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: minmax(30px, 30px);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 30px;
  display: grid;
  position: static;
}

.cal-item-wrapper {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  flex-direction: column;
  padding: 3px 2px 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cal-item {
  z-index: 1;
  background-color: #00b2ed;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  display: block;
  position: static;
  overflow: hidden;
}

.cal-item.green {
  clear: none;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-item.grey {
  background-color: #999;
}

.cal-item.red {
  background-color: #e57373;
  padding-right: 4px;
}

.cal-item.green {
  clear: none;
  cursor: pointer;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-date {
  align-items: center;
  width: auto;
  min-width: 0;
  height: 26px;
  min-height: 26px;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: static;
}

.text-span-26 {
  cursor: default;
  font-size: 10px;
  line-height: 14px;
}

.day-of-week {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  align-items: center;
  height: 29px;
  margin-bottom: 0;
  padding-left: 12px;
  display: flex;
}

.cal-arrows {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.arrow {
  background-color: #fff;
  background-image: url('../images/arrow-left_1arrow-left.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 3px;
  margin-right: 3px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.arrow:hover {
  background-color: #b4daf1;
}

.arrow.right {
  background-image: url('../images/arrow-right_1arrow-right.png');
  background-size: 24px;
}

.month-year-holder {
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.text-26 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.text-26.blue {
  color: #00528c;
  font-weight: 500;
}

.text-26.medium {
  font-weight: 500;
}

.text-26.medium.blue {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
}

.text-year {
  color: #00528c;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
  font-family: Work Sans, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
}

.workout-name {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.edit-button-holder {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-bottom: 21px;
  display: flex;
}

.set-number-no-click {
  background-color: #00528c;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: background-color .275s;
  display: flex;
}

.set-number-no-click.hidden {
  flex-wrap: wrap;
  align-content: center;
}

.div-block-196 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.modal-workout-detail {
  z-index: 99;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.set-label {
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 16px;
}

.div-block-197 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.div-block-194 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-date {
  color: #161616;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: static;
}

.text-date.grey {
  color: #8b8b8b;
  padding-left: 0;
}

.text-date.current {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border-radius: 13px;
  width: 26px;
  height: 26px;
  margin-left: -5px;
}

.show-more {
  background-color: #fff;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.show-more:hover {
  background-color: #f3f1f1;
}

.text-duration {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.date-holder {
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  margin-bottom: 8px;
  padding: 0 30px 0 40px;
  display: flex;
}

.workout-status {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 6px 0;
  display: flex;
}

.workout-status.hidden {
  display: flex;
}

.text-11 {
  color: #161616;
  margin-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.text-11.uppercase {
  text-transform: uppercase;
  line-height: 22px;
}

.status-color {
  background-color: #66bb6a;
  border-radius: 7px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.status-color.red {
  background-color: #e57373;
}

.status-color.grey {
  background-color: #999;
}

.all-item-holder {
  margin-top: 10px;
  padding-right: 0;
}

.image-54 {
  margin-right: 10px;
}

.calories {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.div-block-263 {
  margin-left: 6px;
  padding-top: 14px;
}

.duration {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.sf-13 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.sf-13.gray {
  color: #00000070;
}

.sf-13.blue {
  color: #0078ce;
}

.sf-13.semi {
  font-weight: 600;
  line-height: 16px;
  display: block;
}

.div-block-272 {
  margin-left: 10px;
}

.text-span-28 {
  font-weight: 500;
}

.div-block-289 {
  margin-top: 14px;
}

.text-12 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-12.semi {
  font-weight: 500;
}

.text-12.blue {
  color: #00528c;
}

.text-12.semi {
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.sf-52 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-52.dark-blue {
  color: #00528c;
}

.sf-52.white {
  color: #fff;
}

.sf-52.semi {
  text-align: left;
  font-weight: 600;
}

.sf-52.tran-white {
  color: #ffffffb3;
  margin-left: 10px;
  font-weight: 400;
}

.option-menu-div-2 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: relative;
}

.option-menu-div-2:hover {
  background-color: #cfcfcf;
}

.option-menu-div-2.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-2.big:hover {
  background-color: #e9e9e9;
}

.sf-19 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-55 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-55.semi {
  font-weight: 600;
}

.sf-55.semi.navy {
  color: #00528c;
}

.sf-55.white {
  color: #fff;
  cursor: default;
  font-weight: 300;
  line-height: 28px;
  display: inline;
}

.sf-55.center {
  text-align: center;
  text-align: center;
  font-weight: 300;
}

.sf-55.white {
  color: #fff;
  cursor: default;
  flex: 1;
  font-weight: 300;
  line-height: 28px;
  display: inline;
}

.sf-15-med {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.sf-15-med.navy {
  color: #00528c;
  display: block;
  position: absolute;
  inset: 25% auto auto 50%;
}

.sf-57 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-57.center {
  text-align: center;
}

.sf-57.white {
  color: #fff;
}

.sf-57.white.tran {
  color: #ffffffa3;
}

.plan-name-price {
  border-bottom: 1px solid #3898ec6e;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.plan-tile {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 48%;
  min-width: 48%;
  min-height: 40px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile:hover {
  background-color: #fff59dcf;
}

.plan-tile.wide {
  width: 92%;
  min-width: 92%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.photo-options {
  z-index: 999;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 140px;
  min-width: 0;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  top: 33px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.video {
  margin-bottom: 0;
}

.price-holder {
  align-self: center;
  padding-top: 4px;
}

.button-select-plan {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan:hover {
  color: #fff;
  background-color: #1679cf;
}

.plan-description {
  margin-bottom: 30px;
  padding-top: 14px;
}

.plan-button-div {
  justify-content: center;
  display: flex;
  position: relative;
}

.sf-title {
  color: #333;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
}

.sf-title.semi-center {
  color: #00528c;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-336 {
  flex: 1;
}

.nav-reset-password {
  z-index: 990;
  background-color: #00528c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
}

.div-block-339 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-21 {
  color: #161616;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.header-left-side {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding: 4px 10px 6px 0;
  display: flex;
}

.div-block-340 {
  margin-left: 14px;
}

.modal-top-bar {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.plus-toggle-copy {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: none;
}

.plus-toggle-copy:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border-color: #adadad;
}

.plus-toggle-copy:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.username-fs-wrapper {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 40px;
  display: flex;
}

.divider-div {
  border-top: 1px solid #d8d8d8;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.delete-client {
  background-color: #0000;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  margin-left: 9px;
  display: flex;
  position: relative;
  right: -80px;
}

.button-div {
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  margin-top: 12px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  bottom: 21px;
  left: 0;
  right: 0;
}

.timeline-item-text {
  color: #ffeaea;
  align-self: auto;
  width: 206px;
  padding-left: 8px;
  overflow: visible;
}

.icon-program-options {
  width: 30px;
  padding-right: 9px;
}

.icon-program-options.send {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-42 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-42.white {
  opacity: 1;
  color: #fff;
}

.text-42.white.trans {
  opacity: .9;
  opacity: .84;
  font-family: Sf ui text, sans-serif;
}

.text-42.light-grey {
  opacity: .45;
  text-align: center;
}

.text-42.grey {
  opacity: .68;
  text-align: center;
}

.text-42.light-grey {
  opacity: .45;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  position: static;
}

.additional-input {
  margin-top: -4px;
  margin-left: 22px;
  display: block;
}

.additional-input.select {
  margin-top: 0;
  margin-left: 20px;
  display: block;
}

.additional-input.name {
  width: 80%;
  display: block;
}

.text-block-20 {
  color: #ffffffe0;
}

.sf-51 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-51.white {
  color: #fff;
}

.sf-51.semi {
  opacity: 1;
  font-weight: 600;
}

.sf-51.semi.navy {
  color: #1e6190;
}

.sf-51.semi.gray {
  color: #7596ac;
}

.sf-51.white {
  color: #fff;
  line-height: 18px;
  transition: background-color .2s;
}

.sf-51.white.tran {
  color: #ffffffcf;
}

.sf-51.white {
  color: #fff;
  cursor: default;
  line-height: 18px;
  transition: background-color .2s;
}

.sf-51.heading {
  color: #9e9e9e;
  text-transform: uppercase;
  font-weight: 600;
}

.sf-51.white {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  line-height: 18px;
  transition: background-color .2s;
}

.text-bottom-duraction-label {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.text-bottom-duraction-label.grey {
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  font-family: Sf ui text, sans-serif;
}

.text-bottom-duraction-label.grey {
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  font-family: Sf ui text, sans-serif;
}

.text-bottom-duraction-label.grey {
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  font-family: Sf ui text, sans-serif;
}

.text-bottom-duraction-label.grey {
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  font-family: Sf ui text, sans-serif;
}

.text-bottom-duraction-label.grey:hover {
  text-decoration: underline;
}

.checkbox-field-3 {
  margin-bottom: 0;
}

.heading-holder-3 {
  background-color: #fff;
  border-bottom: 1px #e0e0e0;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  display: block;
}

.heading-holder-3.hidden {
  display: block;
}

.image-59 {
  opacity: .5;
  display: block;
}

.tile-hover-icon-block-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.save-options-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-top: 0;
  padding-bottom: 16px;
  display: flex;
}

.feedback-message-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 6px;
  display: flex;
}

.submit-save-button-3 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-3:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-3.red {
  background-color: #ef5350;
  margin-left: 7px;
}

.submit-save-button-3.red:hover {
  background-color: #da3e3b;
}

.submit-save-button-3.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 14px;
}

.submit-save-button-3.cancel:hover {
  background-color: #929292;
}

.submit-save-button-3.outline {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #14659e;
  margin-right: 0;
}

.submit-save-button-3.outline:hover {
  background-color: #e6f1ff;
}

.div-block-243 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-247 {
  padding-bottom: 16px;
}

.text-45 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.text-46 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-46.bold {
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.text-46.gray {
  color: #7e7e7e;
  font-family: Sf ui text, sans-serif;
}

.timeline-client-name {
  padding-left: 10px;
}

.input-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 4px;
  padding-bottom: 0;
  display: flex;
}

.div-block-320-copy {
  margin-left: 60px;
  padding-top: 10px;
}

.success-banner {
  background-color: #4caf50;
  align-items: center;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.calendar-modal {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.textarea-2 {
  height: auto;
  min-height: 80px;
  font-family: Work Sans, sans-serif;
}

.program-detail-wrapper {
  flex: 0 auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 1px;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 50px auto auto 0;
  overflow: auto;
}

.program-detail-wrapper.custom-scroller {
  display: block;
}

.weight-list-holder {
  width: 100%;
  display: block;
}

.sf-58 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.sf-58.light-center {
  text-align: center;
  font-weight: 300;
}

.input-url {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Work Sans, sans-serif;
  display: block;
}

.workout-name-2 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.client-row {
  background-color: #fff;
  border: 1px #000;
  border-top-color: #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  width: 480px;
  height: auto;
  margin: 0 auto;
  padding: 10px 6px 10px 20px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.client-row:hover {
  background-color: #fffbd6;
}

.modal-weight-settings {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0;
}

.timeline-search {
  background-color: #ddeefa;
  width: auto;
  padding: 8px 14px;
  position: static;
}

.modal-content-scheduled {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 600px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.text-span-30 {
  cursor: pointer;
}

.text-47 {
  color: #312b3de3;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.div-block-236 {
  justify-content: space-between;
  padding-right: 14px;
  display: flex;
}

.profile-pic {
  background-color: #85b7da;
  border-radius: 50px;
  width: 70px;
  min-width: 70px;
  height: 70px;
  position: relative;
}

.profile-pic.small {
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.auto-sync-text {
  justify-content: center;
  align-items: center;
  width: 160px;
  padding-top: 4px;
  padding-left: 4px;
  line-height: 52px;
  display: block;
}

.modal-content {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 520px;
  min-height: 260px;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.plus-image {
  opacity: .7;
  margin-right: 0;
}

.image-70 {
  margin-right: 4px;
}

.quote-wrapper {
  border-top: 1px solid #cdd5da;
  border-bottom: 1px solid #cdd5da;
  width: 100%;
  height: 320px;
}

.workout-text-2 {
  width: 206px;
  padding-top: 2px;
  padding-left: 8px;
  overflow: visible;
}

.div-block-274 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: none;
}

.sf-link {
  color: #0078ce;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.sf-link.tap {
  color: #1c69f5;
  cursor: pointer;
  font-weight: 400;
}

.sf-link.small.inactive {
  color: #979797;
  font-weight: 400;
  line-height: 13px;
}

.sf-link.small.inactive:hover {
  color: #7e7e7e;
}

.sf-link.sm-reg {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-link.small-copy, .sf-link.small {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}

.sf-link.small {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-316 {
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.modal-top-bar-3 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-top-bar-3.absolute {
  margin-left: auto;
  padding-top: 0;
  position: absolute;
  inset: 10px 0 auto auto;
}

.label-sf {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.arrow-left {
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 30px;
  margin-top: 8px;
  padding-top: 10px;
  padding-left: 12px;
}

.client-program {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 410px;
  margin: 10px 0 0;
  padding: 6px 10px;
  display: flex;
  position: relative;
}

.client-program.checked {
  background-color: #fff59d;
}

.upload-button-div {
  height: auto;
  display: inline-block;
  position: static;
  top: 0;
}

.upload-button-div.media {
  width: 33%;
  margin-bottom: 0;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
}

.close-modal-2 {
  cursor: pointer;
  max-width: none;
  display: block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.no-assignment-found {
  color: #312b3de3;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
  font-size: 20px;
}

.text-span-17 {
  margin-left: 9px;
}

.workout-modal-button-holder {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 580px;
  height: 68px;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  bottom: 8px;
  right: 0;
}

.workout-modal-button-holder.noborder {
  border-top-style: none;
  width: auto;
  height: 80px;
}

.div-block-303 {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: static;
  left: 0;
}

.title {
  margin-top: 6px;
}

.div-block-295 {
  margin-left: 8px;
}

.upload-button-holder-2 {
  align-items: flex-start;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: static;
}

.continue-button {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 340px;
  min-width: 0;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.continue-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.continue-button.disable {
  opacity: .53;
  color: #fff;
  cursor: default;
}

.continue-button.disable:hover {
  background-color: #3898ec;
}

.text-48 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.text-48.white {
  color: #fff;
}

.text-48.gray {
  color: #7e7e7e;
}

.select-audio {
  margin-left: 14px;
  position: relative;
  left: 60px;
  right: 0;
}

.audio-component {
  background-color: #eef1f3;
  align-items: center;
  height: 58px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 12px;
  display: flex;
}

.text-49 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-49.red {
  color: #ef5350;
  cursor: pointer;
}

.text-50 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.text-50.center {
  text-align: center;
  font-size: 20px;
}

.add-options {
  z-index: 1000;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  min-width: 0;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.cal-client-name {
  padding-left: 10px;
  padding-right: 20px;
}

.sf-14 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.div-block-325 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.media-preview {
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  display: flex;
}

.twm-spinner.sm {
  width: 65%;
  height: 65%;
}

.workout-tile-overlay-timeline {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  height: 50px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.workout-tile-overlay-timeline:hover {
  opacity: 1;
}

.sf-15-med-2 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-2.navy {
  color: #00528c;
}

.sf-15-med-2.blue {
  color: #00b2ed;
}

.exercise-content-div-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 87%;
  min-width: 100px;
  max-width: 388px;
  padding-left: 12px;
  display: flex;
  position: static;
  right: 0;
}

.button-holder {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.modal-grip-bar {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.div-block-334 {
  padding-top: 12px;
}

.div-block-334.hidden {
  padding-top: 20px;
  padding-left: 0;
  display: block;
}

.div-block-291 {
  padding-bottom: 20px;
}

.input-label-holder {
  padding-bottom: 10px;
}

.edit-workout-wrapper-2 {
  background-color: #0000;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.search-field {
  color: #a8a1a1;
  background-color: #fff9;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
}

.search-field:focus {
  border-color: #00b2ed;
}

.search-field::placeholder {
  color: #03294480;
}

.div-block-270 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.add-icon {
  opacity: .84;
}

.add-icon:hover {
  opacity: 1;
}

.post-text-audio {
  background-color: #fff;
  border: 1px #c2c2c2;
  width: 520px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.exercise-img-small {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-top: 0;
  display: block;
}

.delete-div {
  position: absolute;
  inset: auto auto 32px 30px;
}

.workout-div-3 {
  cursor: move;
  height: auto;
  min-height: 50px;
  padding-top: 0;
  padding-bottom: 4px;
  position: relative;
}

.div-block-314 {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 8px 14px;
  display: flex;
  position: relative;
}

.small-text-2 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-2.view-all {
  text-transform: none;
}

.client-list-scroll-holder {
  max-height: 500px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: auto;
}

.minus-toggle-copy {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: none;
}

.minus-toggle-copy:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle-copy:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.timeline-header-2 {
  background-color: #acd0f0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  margin-bottom: 0;
  padding: 0 6px 0 10px;
  display: flex;
}

.week-options {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  min-width: 90px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.div-block-326 {
  background-image: url('../images/preview_1preview.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  background-attachment: scroll;
  width: 22px;
  height: 24px;
  margin-right: 6px;
}

.checkbox-label-14 {
  color: #312b3de3;
  margin-bottom: 0;
  margin-left: 3px;
  padding-top: 2px;
  padding-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.checkbox-label-16 {
  color: #00528c;
  margin-bottom: 0;
  margin-left: 3px;
  padding-top: 4px;
  padding-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.delete-media {
  margin-top: 20px;
}

.image-79 {
  margin-left: 3px;
  display: none;
}

.save-option {
  background-color: #e3edf5;
  border: 1px #adc9ec;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 460px;
  height: 60px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 21px;
  padding-right: 12px;
  transition: box-shadow .4s;
  display: flex;
  position: static;
}

.workout-label-holder {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  min-height: 56px;
  display: flex;
  position: relative;
}

.timeline-item-header {
  border: 1px #000;
  align-items: center;
  margin-bottom: 6px;
  padding-bottom: 0;
  display: flex;
}

.sf-60 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-60.semi {
  font-weight: 600;
}

.search-input-holder {
  background-color: #f6f6f6;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #d8d8d8;
  border-bottom-width: 2px;
  border-bottom-color: #d8d8d8;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-top: 14px;
  padding: 0 24px 14px;
  display: flex;
}

.text-block-15 {
  display: none;
}

.scheduled-wrapper {
  height: 100%;
  min-height: 42px;
  box-shadow: none;
  background-color: #1389c0;
  position: relative;
}

.div-block-317 {
  align-items: center;
  width: auto;
  margin-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.default-div {
  background-color: #f6f6f6;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: -1px;
  padding: 14px 24px 15px;
  display: block;
}

.default-div._2 {
  margin-top: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.modal-content-calendar-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  height: auto;
  min-height: 640px;
  max-height: 0%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: relative;
  overflow: visible;
}

.profile-title {
  padding-left: 5px;
}

.profile-title.username {
  border-bottom: 1px solid #215e85;
  align-items: center;
  height: 80px;
  padding-top: 12px;
  padding-left: 35px;
  display: block;
}

.heading-holder-4 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 0 20px;
  display: block;
}

.div-block-114 {
  margin-left: 20px;
}

.durationlabel-2 {
  color: #262c469c;
  letter-spacing: .2px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px;
  display: block;
}

.durationlabel-2.hidden {
  padding-bottom: 2px;
  font-family: Sf ui display, sans-serif;
  font-weight: 500;
}

.modal-select-clients {
  z-index: 999;
  background-color: #0006;
  max-height: 100vh;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.assigned-header {
  background-color: #acd0f0;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 0;
  padding: 0 14px;
  display: flex;
}

.text-16-copy {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-16-copy.bold {
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.weight-entry-section {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  max-height: 400px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
  overflow: auto;
}

.modal-timeline-post {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-245 {
  align-items: center;
  height: 100%;
  margin-right: 0;
  display: flex;
}

.sf-20 {
  color: #333;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.sf-20.center {
  text-align: center;
  text-align: center;
  line-height: 26px;
}

.submit-button-area {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.submit-button-area.right {
  justify-content: center;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.submit-button-area.vertical {
  flex-direction: column;
  justify-content: space-around;
  height: auto;
  min-height: 90px;
  padding-top: 14px;
  padding-bottom: 24px;
}

.modal-customize-exercises {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0;
}

.input-weight {
  text-align: right;
  width: 62px;
  height: 36px;
  margin-bottom: 0;
  margin-right: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.exercise-name-div {
  padding-left: 10px;
  padding-right: 10px;
}

.timeline-sender-2 {
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
  padding-left: 14px;
  display: flex;
}

.edit-copy {
  opacity: .66;
  border-radius: 4px;
  align-items: center;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 3px;
  transition: opacity .4s;
  display: flex;
}

.edit-copy:hover {
  opacity: 1;
  background-color: #1389c0b5;
}

.sf-49 {
  font-family: Sf ui text, sans-serif;
}

.sf-49.white {
  color: #fff;
}

.sf-49.white.center {
  text-align: center;
}

.sf-49.white.center.shadow {
  text-shadow: 1px 1px 2px #000;
  font-size: 15px;
}

.image-77 {
  opacity: .76;
}

.div-block-273 {
  margin-left: 26px;
}

.scheduled-item {
  align-items: flex-start;
  width: 260px;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.div-block-275 {
  background-color: #0000;
  border-radius: 0;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.customize-weights {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 580px;
  height: auto;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
  display: block;
  position: static;
  left: 0;
  overflow: visible;
}

.client-options {
  background-color: #f0f6fa;
  width: 460px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 24px;
  padding-left: 48px;
  display: block;
}

.client-program-details-2 {
  opacity: 1;
  background-color: #1e6190;
  border: 1px #1e6190;
  border-radius: 4px;
  width: 300px;
  margin: 6px auto 0;
  padding: 6px 10px;
  display: block;
  position: relative;
}

.text-52 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.icon-program-menu {
  width: 30px;
  padding-right: 9px;
}

.trainer-account-pic {
  background-color: #87c2e9;
  background-image: url('../images/colin.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.trainer-account-pic.no-pic {
  background-color: #5e98be;
  background-image: none;
  border-color: #baeeff;
  justify-content: center;
  align-items: center;
}

.client-list-area {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  min-height: 180px;
  max-height: 440px;
  padding-top: 5px;
  padding-bottom: 20px;
  overflow: auto;
}

.client-list-area._2 {
  width: 520px;
  max-height: none;
}

.icon-menu-option {
  width: 30px;
  padding-right: 9px;
}

.icon-menu-option.small-copy {
  width: 16px;
  min-width: 16px;
  max-width: none;
  margin-right: 6px;
  padding-right: 0;
}

.modal-cancel-program {
  z-index: 999;
  background-color: #0006;
  padding-top: 60px;
  display: block;
  position: fixed;
  inset: 0;
}

.modal-cancel-program.hidden {
  display: none;
}

.modal-remove-workouts {
  z-index: 999;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.search-field-4 {
  color: #a8a1a1;
  background-color: #ffffffb3;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.search-field-4:focus {
  border-color: #00b2ed;
}

.search-field-4::placeholder {
  color: #03294480;
}

.checkbox-label-17 {
  display: none;
}

.add-button {
  opacity: 1;
  cursor: pointer;
  padding-right: 10px;
  transition: opacity .3s;
  position: relative;
  transform: translate(0);
}

.add-button:hover {
  opacity: 1;
}

.exercise-edit-wrapper-2 {
  background-color: #e7e7e7;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: 450px;
  min-height: 0%;
  max-height: none;
  padding: 6px 12px 30px;
  display: block;
  position: relative;
  overflow: auto;
}

.text-53 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

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

.search-client-div {
  background-color: #f6f6f6;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-top: 14px;
  margin-bottom: 18px;
  padding: 10px 24px 20px;
  display: block;
}

.text-span-31 {
  color: #fff;
  font-weight: 500;
}

.plus-toggle {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.plus-toggle:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border-color: #adadad;
}

.plus-toggle:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.client-program-cancel {
  background-color: #f1f1f1;
  margin-top: 14px;
  margin-bottom: 6px;
  padding: 10px 14px 14px;
  position: static;
  overflow: visible;
}

.rest-time-set {
  background-image: linear-gradient(#0000, #0000);
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.rest-time-set.exercise {
  flex-direction: row;
  height: auto;
  margin-right: 40px;
}

.button-today-3 {
  background-color: #d9ebf6;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.button-today-3:hover {
  background-color: #b4daf1;
}

.minus-toggle {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.minus-toggle:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.back-link-2 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  display: block;
}

.back-link-2:hover {
  color: #00b2ed;
}

.back-link-2.red {
  color: #e53935;
  font-size: 12px;
  display: flex;
}

.back-link-2._16 {
  font-size: 16px;
}

.back-link-2.small {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 14px;
  position: static;
}

.back-link-2.red {
  color: #e53935;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.back-link-2.red:hover {
  color: #f3615e;
}

.icon-save-option {
  margin-bottom: 0;
  margin-right: 12px;
}

.modal-copy-holder {
  width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  display: block;
}

.upload-button-holder {
  margin-top: 10px;
  display: block;
}

.header-text-div {
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.workout-info-2 {
  align-items: flex-start;
  width: 260px;
  height: auto;
  min-height: 50px;
  margin-top: 0;
  padding-top: 4px;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.modal-replace-exercise {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.divider {
  border: 1px #000;
  border-bottom: 1px solid #262c463d;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.template-options {
  background-color: #f0f6fa;
  width: 460px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-left: 48px;
  display: block;
}

.timeline-item-wrapper-3 {
  background-color: #ddeefa;
  height: 90%;
  min-height: 0;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
  display: block;
  position: static;
  overflow: auto;
}

.audio-component-2 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px;
  display: flex;
}

.audio-component-2.review {
  height: 92px;
  display: flex;
}

.modal-workout-save-options {
  z-index: 998;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-assign-program-2 {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.audio-player-holder {
  min-width: 100px;
  min-height: 50px;
  margin-top: 15px;
}

.client-list-section {
  justify-content: center;
  width: auto;
  display: flex;
  overflow: auto;
}

.show-exercises-2 {
  background-color: #ddeefa;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: static;
  overflow: visible;
}

.customize-defaults {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 580px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
  display: none;
  position: static;
  left: 0;
  overflow: visible;
}

.sf-19-copy {
  color: #313131;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.workout-wrapper-timeline-2 {
  cursor: move;
  border: 1px solid #eee;
  width: 300px;
  height: auto;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.by-line {
  margin-top: 40px;
}

.radio-button-field-5 {
  margin-top: 14px;
  margin-bottom: 8px;
}

.sf-26 {
  color: #000;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-26.white {
  color: #fff;
}

.sf-26.white.light {
  color: #ffffffe6;
  font-weight: 300;
}

.sf-26.semi {
  color: #262c46;
  font-weight: 600;
}

.input-holder-2 {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  max-height: 50vh;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
  overflow: auto;
}

.text-21 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-21.light {
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.text-21.hidden {
  font-family: Sf ui text, sans-serif;
}

.text-21.light {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.text-21.blue {
  color: #00528c;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.text-21.light {
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.text-21.grey {
  color: #818181;
  font-family: Sf ui text, sans-serif;
}

.text-21.white {
  color: #fff;
}

.div-block-300 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  display: block;
}

.link-2 {
  font-family: Sf ui text, sans-serif;
}

.programs-options-2 {
  z-index: 99;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}

.client-input {
  color: #909090;
  background-color: #f3f3f3;
  border: 1px solid #d1d1d1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 40px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 12px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.client-input:focus {
  border-color: #00b2ed;
}

.client-input::placeholder {
  color: #03294480;
}

.upload-progress-holder {
  margin-top: 10px;
  display: block;
}

.text-initials-account-2 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-54 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-54.white {
  color: #fff;
  font-family: Sf ui text, sans-serif;
}

.heart-blue {
  background-image: url('../images/heart-blue_1heart-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 26px;
  height: 26px;
}

.heart-blue.empty {
  opacity: .18;
  background-image: url('../images/icon-heart3x_1icon-heart@3x.png');
}

.hour-input {
  text-align: center;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.hour-input::placeholder {
  color: #00000054;
}

.div-block-318 {
  background-color: #f0f0f0;
  justify-content: space-between;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 8px;
  display: flex;
}

.workout-date-timeline-2 {
  border: 1px #000;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: flex;
}

.username-div {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.image-33 {
  opacity: 1;
  margin-right: 5px;
  transition: opacity .3s;
}

.profile-pic-small {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/client-patty.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.workout-info-timeline {
  align-items: center;
  width: 300px;
  height: 50px;
  margin-top: 0;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.play-pause {
  height: auto;
  margin-left: 0;
  padding-top: 13px;
}

.button-action-small-2 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  width: auto;
  height: 34px;
  margin-top: 0;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  line-height: 15px;
  transition: background-color .6s;
  position: static;
}

.button-action-small-2:hover {
  background-color: #00b2ed33;
}

.div-block-320 {
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-320.hidden {
  padding-top: 20px;
  padding-left: 0;
}

.text-33 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.text-33.white {
  color: #fff;
}

.div-block-321 {
  width: 64px;
  margin: 40px auto;
  display: block;
}

.validation-holder-2 {
  padding-top: 10px;
  padding-left: 80px;
  display: block;
}

.input-timeline-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Work Sans, sans-serif;
  display: block;
}

.week-options-menu-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-image: url('../images/icon-more_1icon-more.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.week-options-menu-2:hover {
  opacity: 1;
  background-color: #00b2ed;
  background-image: linear-gradient(#14508800, #14508800), url('../images/icon-more_2icon-more.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 16px;
  border-radius: 4px;
}

.cal-nav {
  display: flex;
}

.search-field-2 {
  color: #a8a1a1;
  background-color: #fff9;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 12px;
  display: flex;
}

.search-field-2:focus {
  border-color: #00b2ed;
}

.search-field-2::placeholder {
  color: #03294480;
}

.feedback-detail {
  min-width: 200px;
  height: auto;
  margin-left: 10px;
}

.edit-add-tag {
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.edit-add-tag.white-tran {
  color: #ffffffbf;
  font-size: 14px;
  line-height: 17px;
}

.quote-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.quote-text-wrapper.no-opacity {
  opacity: 0;
}

.scheduled-overlay {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff4d;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 100%;
  min-height: 42px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.scheduled-overlay:hover {
  opacity: 1;
  background-color: #ffffff4d;
}

.program-name-div-2 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 24px 10px;
  display: flex;
  position: static;
}

.div-block-319 {
  padding-top: 10px;
  padding-bottom: 4px;
}

.radio-button-holder {
  padding-right: 40px;
  display: block;
}

.div-block-201 {
  width: 62px;
}

.delete-icon-holder {
  background-color: #f6f6f6;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.delete-icon-holder.white {
  background-color: #fff;
}

.input-holder {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
}

.input-holder._2 {
  margin-bottom: 40px;
}

.minute-input {
  text-align: center;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.minute-input::placeholder {
  color: #0000004f;
}

.toggle-holder-2 {
  background-color: #f0f0f0;
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  border-radius: 0;
  align-items: center;
  height: 64px;
  padding-left: 20px;
  display: flex;
}

.empty-client-list {
  background-color: #fff;
  border: 1px #000;
  border-top-color: #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  width: 480px;
  height: auto;
  margin: 0 auto;
  padding: 10px 6px 10px 20px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.empty-client-list:hover {
  background-color: #fffbd6;
}

.empty-client-list.empty {
  border-style: none;
  padding: 24px 20px;
}

.empty-client-list.empty:hover {
  background-color: #0000;
}

.image-37 {
  opacity: .2;
  filter: grayscale();
  cursor: pointer;
  transition: opacity .24s;
}

.image-37:hover {
  opacity: .56;
}

.image-60 {
  display: none;
}

.text-block-23 {
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.validation-message {
  align-items: flex-end;
  padding-bottom: 2px;
  display: flex;
}

.sf-50 {
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.sf-50.white {
  color: #fff;
}

.sf-50.white.center {
  text-align: center;
}

.sf-50.white.center.shadow {
  text-shadow: 1px 1px 2px #000;
}

.empty-message {
  margin-top: 140px;
  margin-bottom: 6px;
  padding: 6px 14px 10px;
  position: static;
  overflow: visible;
}

.programs {
  flex: 1;
  display: none;
  position: relative;
}

.div-block-362 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  display: flex;
}

.client-profile-timeline {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/client-patty.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.text-10 {
  color: #707070;
  font-family: Work Sans, sans-serif;
  font-size: 10px;
}

.image-80 {
  opacity: .45;
}

.timeline-audio-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.image-61 {
  display: block;
}

.sf-61 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-61.white {
  color: #fff;
}

.rest-input {
  text-align: center;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.rest-input::placeholder {
  color: #0000004f;
}

.submit-button-small {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 46px;
  margin-right: 0;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
}

.submit-button-small:hover {
  color: #fff;
  background-color: #1679cf;
}

.post-section {
  width: auto;
  margin-top: 24px;
  padding-left: 40px;
  padding-right: 40px;
}

.post-section.survey {
  display: block;
}

.media-preview-2 {
  background-color: #a7a7a7;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.month-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.heading-holder-2 {
  background-color: #fff;
  border-bottom: 1px #e0e0e0;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0 20px;
  display: block;
}

.time-entry {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 80px;
  height: 36px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.client-name-div {
  flex-direction: column;
  align-items: flex-start;
  width: 280px;
  max-width: 260px;
  padding-left: 12px;
  display: flex;
}

.image-81 {
  cursor: pointer;
}

.client-profile-pic {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/client-patty.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.div-block-315 {
  background-color: #0000;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: static;
  inset: 0% 10px auto auto;
}

.client-search-holder {
  background-color: #f6f6f6;
  border-top: 1px solid #e2e2e2;
  margin-top: 14px;
  padding: 20px 40px;
  display: flex;
}

.client-search-holder.vertical {
  background-color: #fff;
  border-style: none;
  flex-direction: column;
  margin-top: 0;
  padding-bottom: 40px;
}

.validate-icon {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.customize-exercises {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 580px;
  height: auto;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
  display: none;
  position: static;
  left: 0;
  overflow: visible;
}

.icon-edit {
  opacity: .5;
  transition: opacity .3s;
}

.icon-edit:hover {
  opacity: 1;
}

.workout-tile-overlay-2 {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.workout-tile-overlay-2:hover {
  opacity: 1;
}

.exercise-edit-wrapper {
  background-color: #e7e7e7;
  flex-direction: column;
  align-items: center;
  width: 580px;
  height: 450px;
  min-height: 0%;
  max-height: none;
  padding-top: 6px;
  padding-bottom: 30px;
  padding-left: 12px;
  display: block;
  position: relative;
  overflow: auto;
}

.exercise-edit-wrapper.small {
  height: 300px;
}

.text-span-32 {
  font-weight: 600;
}

.media-item-wrapper-2 {
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-top: 4px;
  padding-right: 10px;
  position: relative;
  overflow: visible;
}

.options-media-item-2 {
  z-index: 99;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 37px;
  left: 40px;
  right: -6px;
  box-shadow: 1px 1px 3px #00000078;
}

.modal-content-calendar {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  height: 700px;
  min-height: 640px;
  max-height: 0%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.modal-upload-image {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modal-media-chooser-3 {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.username-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.validation-holder {
  padding-top: 10px;
  padding-left: 70px;
}

.media-list-holder {
  transition: opacity .5s;
}

.div-block-364 {
  flex: 1;
  min-height: 25px;
}

.chooser-media-types {
  background-color: #f6f6f6;
  border-style: none;
  align-items: flex-start;
  width: auto;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 20px;
  display: flex;
}

.profile-content-title-input {
  border: 1px solid #cecece;
  height: 46px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 26px;
  display: block;
}

.selected-outline {
  z-index: 5;
  background-color: #ffffff5c;
  border: 6px solid #2196f3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 164px;
  height: 130px;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.timeline-action-bar-3 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.timeline-action-bar-3.center {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  position: static;
}

.post-button-img {
  width: 24px;
  min-width: 24px;
}

.chooser-menu-item {
  cursor: pointer;
  background-color: #f6f6f6;
  margin-bottom: 6px;
  padding: 10px 20px;
  transition: background-color .308s;
}

.chooser-menu-item:hover {
  background-color: #e9e9e9;
}

.chooser-menu-item.selected {
  background-color: #d5e7fa;
}

.div-block-280 {
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  display: flex;
}

.plans-preview {
  background-color: #fff;
  padding: 14px 20px 10px;
}

.media-chooser-header-copy {
  justify-content: space-between;
  padding-left: 20px;
  display: flex;
}

.play-button-media-2 {
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 46px;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 30px;
  right: 0;
}

.submit-save-button-2 {
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-2:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-2.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 0;
}

.submit-save-button-2.cancel {
  background-color: #a8a8a8;
  display: flex;
}

.submit-save-button-2.cancel:hover {
  background-color: #a1a1a1;
}

.submit-save-button-2.grey {
  background-color: #64606de3;
}

.submit-save-button-2.grey:hover {
  background-color: #3d3847e3;
}

.submit-save-button-2.green {
  background-color: #1abc9c;
}

.submit-save-button-2.green:hover {
  background-color: #18967d;
}

.submit-button-small-5 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-5:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-5.cancel {
  background-color: #97a4af;
}

.submit-button-small-5.cancel:hover {
  background-color: #889097;
}

.submit-button-small-5.disable {
  opacity: .53;
  color: #fff;
}

.submit-button-small-5.disable:hover {
  background-color: #3898ec;
}

.submit-button-small-5.sm {
  min-width: 100px;
  height: 36px;
  font-weight: 400;
}

.menu-border {
  border-bottom: 1px solid #cecbcb;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.text-55 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-55.light {
  font-family: Sf ui text, sans-serif;
  font-weight: 300;
}

.timeline-message {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 20px 15px;
  display: flex;
}

.tooltip {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.image-69 {
  opacity: .43;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal-content-upload {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 380px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.media-item-2 {
  clear: none;
  background-image: linear-gradient(#fff0, #0009 83%), url('../images/plank_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 164px;
  height: 128px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  position: relative;
}

.media-item-2:hover {
  border: 3px #00b2ed;
}

.cropper-holder {
  flex: 1;
  width: 100%;
  margin-top: 0;
  padding: 10px 5px 10px 10px;
  transition: opacity .5s;
  overflow: auto;
}

.modal-content-media-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 940px;
  min-width: 800px;
  height: 90vh;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.audio-player-placeholder {
  background-color: #fff;
}

.timeline-message-textarea {
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 120px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  overflow: auto;
}

.img-upload-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.media-library-upload-bar {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.calendar-top-bar-2 {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-left: 34px;
  padding-right: 30px;
  display: flex;
  position: static;
}

.text-34 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.empty-preview-message {
  color: #313131;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 50px;
}

.modal-workout-detail-2 {
  z-index: 997;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.upload-column-2 {
  width: auto;
  margin-right: 0;
}

.sf-62 {
  font-size: 12px;
  line-height: 20px;
}

.sf-62.white {
  color: #fff;
}

.item-name-2 {
  clear: none;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  cursor: default;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: absolute;
  bottom: 10px;
  left: 5px;
  right: 5px;
}

.media-item-overlay-2 {
  z-index: 1;
  opacity: 0;
  background-color: #0006;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 164px;
  height: 128px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.media-item-overlay-2:hover {
  opacity: 1;
}

.timeline-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.audio-component-5 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-5.review {
  height: 92px;
  padding-left: 12px;
  display: flex;
}

.post-submit-area-2 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.post-submit-area-2.center {
  justify-content: center;
}

.choose-media-holder {
  background-color: #ebebeb;
  flex: 1;
  width: 100%;
  height: 520px;
  margin-top: 0;
  padding: 10px 5px 10px 10px;
  transition: opacity .5s;
  overflow: auto;
}

.upload-file-2 {
  cursor: pointer;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: 8px;
  margin-right: 6px;
  padding: 4px 8px;
  transition: background-color .4s;
  display: flex;
}

.upload-file-2:hover {
  background-color: #e9e9e9;
}

.text-tooltip {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.audio-component-6 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.calendar-wrapper-2 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  height: 86vh;
  min-height: 0;
  max-height: none;
  margin-left: 0;
  display: flex;
  position: static;
}

.set-label-2 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.modal-username {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.audio-do-over {
  margin-left: 20px;
}

.upload-button-holder-vertical {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.text-block-21 {
  font-size: 18px;
}

.plan-tile-preview {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 0%;
  min-height: 40px;
  margin-bottom: 12px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: static;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-preview:hover {
  background-color: #fff59dcf;
}

.search-media-library-2 {
  background-color: #eeeeee78;
  border: 1px solid #80808080;
  min-width: 840px;
  min-height: 50px;
  max-height: 80px;
  margin-bottom: 0;
  margin-left: 54px;
  margin-right: 10px;
  padding-left: 8px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
  overflow: auto;
}

.search-media-library-2:focus {
  background-color: #fff;
}

.search-media-library-2.chooser {
  width: 800px;
  min-width: 0;
  height: auto;
  min-height: 40px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 4px;
}

.whisper {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  max-width: 600px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -100px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.view-all-link-2 {
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: none;
}

.text-56 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.button-today-2 {
  background-color: #d9ebf6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.button-today-2:hover {
  background-color: #b4daf1;
}

.search-field-tagger {
  background-color: #0000000f;
  border: 1px solid gray;
  min-height: 40px;
  padding-left: 6px;
  display: block;
}

.client-input-holder {
  width: 400px;
  min-width: 0;
  max-width: none;
  margin-left: 20px;
}

.calendar-modal-old {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-329 {
  flex: 0 auto;
  display: block;
  position: static;
  inset: 40% auto 0% 180px;
}

.chooser-search {
  height: auto;
  padding: 6px 20px 14px;
  position: sticky;
  inset: auto 0% 0;
}

.all-items-2 {
  z-index: 995;
  background-color: #fff;
  flex-direction: column;
  width: 250px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 16px 20px;
  display: none;
  position: fixed;
  top: 66px;
  right: 151px;
  overflow: visible;
  box-shadow: 1px 0 30px #0009;
}

.media-chooser-header {
  justify-content: space-between;
  padding-left: 20px;
  display: flex;
}

.img-upload-button {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 230px;
  min-width: 0;
  height: 44px;
  margin-top: 0;
  margin-bottom: 14px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.img-upload-button:hover {
  background-color: #00b2ed33;
}

.image-68 {
  cursor: pointer;
}

.image-68:hover {
  filter: saturate(71%);
}

.div-block-279 {
  align-self: center;
}

.div-block-330 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
  position: absolute;
}

.submit-button-holder-2 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.trainer-profile-pic {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/mike-fraz.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 48px;
  height: 48px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.accountinfowrapper-2 {
  flex-direction: column;
  padding-top: 12px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ambassadee-list {
  margin-top: 10px;
}

.ambassadee-name {
  flex-direction: column;
  align-items: flex-start;
  width: 280px;
  max-width: 260px;
  padding-left: 12px;
  display: flex;
}

.stripe-status-label {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}

.stripe-status-label.blue {
  color: #00528c;
}

.missing-fields {
  background-color: #ffd0d0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.missing-fields.blue {
  background-color: #e0f0ff;
  margin-top: 8px;
}

.pending-img {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: block;
}

.account-section-2 {
  background-color: #fff;
  margin-top: 16px;
  padding: 22px 40px 30px;
  display: block;
}

.account-section-2.profile {
  flex-direction: row;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
  display: flex;
}

.account-section-2.setupbank {
  margin-top: 20px;
  display: block;
}

.account-section-2.hidden {
  padding-top: 18px;
}

.modalchangebankinfo {
  z-index: 9999;
  background-color: #0009;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.accoun-button-holder {
  justify-content: space-between;
  margin-top: 20px;
  display: block;
}

.pending-div {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.modalcontent-3 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.status-header {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.stripe-waiting-indicator {
  justify-content: center;
  display: flex;
}

.status-content {
  padding-top: 2px;
  padding-left: 32px;
}

.stripe-iframe {
  margin-top: 10px;
}

.pro-page-wrapper {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.stripe-status-wrapper-copy {
  background-color: #fff9ec;
  border: 1px #d32f2f;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 20px 10px 10px;
  display: block;
}

.stripe-status-wrapper-copy.new {
  background-color: #def8f3;
  padding: 20px 20px 20px 40px;
}

.content-pro {
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 20px 0 100px;
  font-size: 16px;
  display: block;
  position: static;
  left: 0;
  overflow: auto;
}

.financial-text-div {
  width: auto;
  padding-top: 10px;
  padding-bottom: 5px;
}

.modalstripeiframe {
  z-index: 9999;
  background-color: #0009;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.h3-dark-2 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.verified-img {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: block;
}

.text-166 {
  color: #161616;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-166.group {
  color: #161616;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Sf ui text, sans-serif;
  font-weight: 300;
  line-height: 18px;
}

.client-input-send-img {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cecece;
  border-bottom-width: 1px;
  border-bottom-color: #cecece;
  max-height: 440px;
  padding-top: 0;
  padding-bottom: 24px;
  overflow: auto;
}

.modal-invite-to-plan {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-button-area {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
  position: static;
}

.modal-header {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.body-5 {
  background-color: #eee;
  height: 100vh;
}

.progress-bar-holder {
  background-color: #d8f0f8;
  height: 18px;
  margin-top: 8px;
}

.arrow-up {
  cursor: pointer;
  display: block;
}

.arrow-down {
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
}

.upload-tiems-wrapper {
  max-height: 560px;
  padding-bottom: 22px;
  display: block;
  overflow: auto;
}

.progress-name-bar {
  width: 280px;
  padding-right: 0;
}

.upload-item-row {
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 12px 4px;
  display: flex;
}

.upload-widget-heading {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 44px;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 6px;
  display: flex;
}

.collapse-expand-icons {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 40px;
  display: flex;
}

.cancel-upload {
  background-color: #d1d1d1;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload:hover {
  background-color: #858585;
}

.play {
  display: inline-block;
}

.div-block-259 {
  width: 54px;
}

.menu-colors {
  z-index: 95;
  background-color: #585858;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: auto;
  padding: 10px 10px 6px;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.line-weight {
  align-items: center;
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 18px;
  transition: background-color .3s;
  display: flex;
}

.line-weight:hover {
  background-color: #39393a;
}

.drawing-tools {
  background-color: #585858;
  border-radius: 8px;
  align-items: center;
  width: 598px;
  height: 54px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.line-option {
  border: 0 #fff;
  border-top: 2px solid #fff;
  width: 40px;
  margin-right: 12px;
}

.line-option._6px {
  border-width: 6px 0 0;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.line-option._4px {
  border-width: 4px 0 0;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.line-option._8px {
  border-width: 8px 4px;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.tool-overlay {
  z-index: 98;
  background-color: #ffffff8a;
  border-radius: 8px;
  width: 526px;
  height: 54px;
  display: none;
  position: absolute;
  right: 0;
}

.pause {
  display: inline-block;
}

.div-block-375 {
  height: 40px;
}

.tool {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.tool:hover, .tool:focus {
  background-color: #39393a;
}

.tool.line {
  background-image: url('../images/icon-line.png');
  background-position: 50%;
  background-size: 36px;
}

.tool.redo {
  background-image: url('../images/icon-redo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 46px;
  height: 46px;
  margin-right: 4px;
}

.tool.undo {
  background-image: url('../images/icon-undo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 46px;
  height: 46px;
  margin-right: 4px;
}

.tool.erase {
  background-image: url('../images/icon-eraser.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.rotate {
  background-image: url('../images/icon-rotate_1icon-rotate.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.tool.rotate.hidden {
  display: none;
}

.tool.arrow {
  background-color: #fff0;
  background-image: url('../images/icon-line-arrow.png');
  background-position: 50%;
  background-size: 36px;
}

.tool.line-weight {
  background-image: url('../images/icon-thickness.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  width: 46px;
  height: 46px;
}

.tool.pen {
  background-image: url('../images/icon-freehand.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.crop {
  background-image: url('../images/icon-crop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  background-attachment: scroll;
}

.tool.text {
  background-image: url('../images/icon-text_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.div-block-267 {
  position: absolute;
}

.play-pause-holder {
  opacity: .7;
  margin-right: 20px;
  transition: opacity .3s;
}

.play-pause-holder:hover {
  opacity: .9;
}

.toolbar-holder {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.tool-color-selected {
  background-color: #ff0;
  border: 2px solid #fff;
  width: 22px;
  height: 22px;
  margin-right: 0;
  display: inline-block;
}

.toolbar-color-swatch {
  background-color: #000;
  border: 1px solid #fff;
  width: 22px;
  height: 22px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
}

.toolbar-color-swatch.blue {
  background-color: #00f;
}

.toolbar-color-swatch.white {
  background-color: #fff;
}

.toolbar-color-swatch.red {
  background-color: red;
}

.toolbar-color-swatch.cyan {
  background-color: #0ff;
}

.toolbar-color-swatch.green {
  background-color: #0f0;
}

.toolbar-color-swatch.grey {
  background-color: #b3b3b3;
}

.toolbar-color-swatch.yellow {
  background-color: #ff0;
}

.toolbar-color-swatch.pink {
  background-color: #f0f;
}

.modal-content-drawing {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 90%;
  min-width: 992px;
  height: 90%;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.modal-drawing {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.drawing-toolbar {
  background-color: #f3f3f3;
  border-radius: 0 0 8px 8px;
  justify-content: center;
  align-items: flex-start;
  height: 18%;
  min-height: 100px;
  display: flex;
  position: static;
  inset: 0 0 84px;
}

.div-block-376 {
  width: 40px;
}

.div-block-376:hover {
  border-width: 2px;
}

.save-button-drawing {
  color: #fff;
  background-color: #1695f0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 90px;
  margin-left: 20px;
  font-family: Work Sans, sans-serif;
  transition: background-color .4s;
  display: flex;
}

.save-button-drawing:hover {
  color: #fff;
  background-color: #0e82d4;
}

.div-block-377 {
  height: 54px;
}

.menu-line-weights {
  z-index: 96;
  background-color: #585858;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98px;
  height: auto;
  padding: 8px 0;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.drawing-content {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  height: 78%;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pro-page-wrapper-2 {
  flex-direction: column;
  display: block;
}

.tabs-payment {
  justify-content: center;
  padding-bottom: 20px;
  display: flex;
}

.content-wrapper-3 {
  background-color: #eee;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-bottom: 80px;
  padding: 30px 0 0;
  font-size: 16px;
  display: block;
  position: relative;
  left: 0;
}

.tabs-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-100 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-right: -10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-100.hidden {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 26px;
}

.status-label {
  color: #4caf50;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  position: static;
}

.status-label.red {
  color: #d32f2f;
  font-weight: 500;
}

.content-pro-2 {
  background-color: #ebf0f3;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 0 100px;
  font-size: 16px;
  display: block;
  position: relative;
  left: 0;
}

.payment-tab-2 {
  color: #00b2ed;
  background-color: #fff;
  border: 1px solid #00b2ed;
  justify-content: center;
  width: 200px;
  display: block;
}

.payment-tab-2.w--current {
  color: #fff;
  background-color: #00b2ed;
  width: 200px;
  font-family: Work Sans, sans-serif;
}

.details-right-div {
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-378 {
  justify-content: flex-end;
  align-items: flex-end;
  height: 50px;
  padding: 0 12px;
  display: flex;
}

.status-column {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.name-column {
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.payment-table-recent {
  background-color: #fff;
  margin-top: 16px;
  padding: 16px 40px 30px;
  display: block;
}

.payment-table-recent.show-after-initialize {
  margin-top: 0;
  padding-top: 26px;
}

.paymenttablewrapper {
  padding-top: 6px;
  padding-left: 0;
  padding-right: 0;
}

.tab-label-2 {
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.text-block-27 {
  color: #555;
  text-align: center;
}

.h2-dark-2 {
  color: #424242;
  text-align: center;
  margin: 0 auto;
  font-family: Work Sans, sans-serif;
  display: block;
}

.h2-dark-2.left {
  color: #312b3de3;
  text-align: left;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  line-height: 30px;
  display: block;
}

.h2-dark-2.bold {
  text-align: left;
  font-size: 30px;
  font-weight: 400;
}

.modal-content-groups {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.small-label-white {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

.client-row-no-hover {
  background-color: #fff;
  border: 1px #000;
  border-top-color: #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  width: 440px;
  height: auto;
  margin: 0 auto;
  padding: 10px 0 10px 10px;
  transition: background-color .4s;
  display: flex;
  overflow: visible;
}

.client-row-no-hover.first {
  border-top-style: solid;
}

.form-block-7 {
  width: 380px;
  margin-bottom: 6px;
  padding-left: 0;
  padding-right: 0;
}

.create-new-button-2 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-2:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.modal-delete-confiirmation {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-229 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.client-list-area-2 {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  max-height: 440px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: auto;
}

.search-field-clients {
  color: #aaa;
  background-color: #fff;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 400px;
  height: auto;
  min-height: 36px;
  margin-right: 16px;
  padding-left: 10px;
  font-family: Work Sans, sans-serif;
  font-weight: 400;
  display: flex;
}

.search-field-clients:focus {
  border-color: #00b2ed;
}

.search-field-clients::placeholder {
  color: #03294480;
}

.link-4 {
  font-weight: 300;
}

.member-list {
  float: none;
  clear: none;
  background-color: #f5fafc;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 166px;
  max-height: 166px;
  margin-bottom: 0;
  padding: 4px 8px 8px 12px;
  display: inline-block;
  position: static;
  overflow: auto;
}

.default-group-img {
  opacity: 1;
  background-color: #e7e9eb;
  background-image: url('../images/group.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  width: 100px;
  height: 100px;
  margin-right: 14px;
}

.default-group-img.big {
  background-image: url('../images/group_1.png');
  background-size: cover;
  width: 120px;
  height: 120px;
  margin-top: 9px;
  margin-bottom: 10px;
  margin-right: 18px;
}

.empty-state-2 {
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-bottom: 20px;
  display: flex;
}

.group-name-input {
  margin-top: 6px;
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
}

.container-17 {
  flex-wrap: nowrap;
  flex: 1;
  align-content: flex-start;
  align-self: center;
  display: flex;
  position: relative;
}

.client-search-2 {
  background-color: #eef1f3;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 0;
  display: flex;
}

.image-82 {
  opacity: .2;
  filter: grayscale();
  transition: opacity .24s;
}

.image-82:hover {
  opacity: .56;
}

.group-info {
  float: left;
  background-color: #fff;
  height: 124px;
  margin-bottom: 0;
  padding: 0 12px 12px;
  display: flex;
}

.member-wrapper {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 48%;
  height: 54px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
  display: inline-block;
  position: static;
}

.group-wrapper {
  float: none;
  width: 100%;
  padding-top: 10px;
  display: block;
  overflow: visible;
}

.content-pro-3 {
  background-color: #ebf0f3;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 20px 0 100px;
  font-size: 16px;
  display: block;
  position: relative;
  left: 0;
  overflow: auto;
}

.modal-challenge-turn-off, .modal-challenge-turn-on {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modal-edit-group-info {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.challenge-label {
  background-color: #1abc9c;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 20px;
  margin-bottom: 8px;
  display: flex;
  position: static;
}

.member-img {
  background-color: #85a2b6;
  background-image: url('../images/jagoda1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin-right: 6px;
  display: flex;
  position: relative;
}

.member-img.initials {
  background-color: #85b7da;
  background-image: none;
  display: flex;
  position: relative;
}

.header-dark-blue-3 {
  z-index: 100;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 80px;
  max-height: 80px;
  margin-left: 0;
  padding-top: 18px;
  padding-bottom: 8px;
  padding-right: 14px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.member-pic-name {
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.text-168 {
  color: #161616;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.group-name {
  margin-bottom: 8px;
  display: block;
  position: static;
}

.edit-icon-holder {
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.modal-create-group {
  z-index: 995;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-269 {
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.div-block-232 {
  justify-content: flex-end;
  padding-bottom: 12px;
  padding-right: 24px;
  display: flex;
}

.group-description-textbox {
  color: #161616;
  min-height: 76px;
  margin-top: 6px;
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
}

.name {
  color: #161616;
  width: 156px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
}

.div-block-230 {
  flex-direction: row;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.modal-content-2 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.blue-header-content-3 {
  z-index: 25;
  justify-content: space-between;
  align-items: center;
  width: 940px;
  height: auto;
  min-height: 50px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.options-group {
  z-index: 99;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 190px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 25px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.options-group.hidden {
  display: none;
}

.gear {
  opacity: .38;
  transition: opacity .2s;
  display: block;
  position: static;
  transform: translate(0);
}

.gear:hover {
  opacity: .51;
}

.client-name-div-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 280px;
  padding-left: 12px;
  display: flex;
}

.groups {
  flex-direction: column;
  flex: 1;
  height: 100vh;
  display: flex;
}

.text-initials-2 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -10px 10px;
}

.group-image {
  opacity: 1;
  background-color: #e7e9eb;
  background-image: url('../images/group_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-right: 14px;
}

.group-block {
  float: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  min-width: 450px;
  max-width: 450px;
  min-height: 345px;
  max-height: 345px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 8px;
  padding: 6px 0 0;
  display: inline-block;
  position: static;
  overflow: hidden;
  box-shadow: 1px 1px 3px #00000017;
}

.button-add-2 {
  border-radius: 6px;
  width: auto;
  font-family: Work Sans, sans-serif;
  transition: background-color .3s;
}

.button-add-2:hover {
  color: #fff;
  background-color: #238eda;
}

.member-count {
  float: left;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 6px 12px 2px;
  display: flex;
}

.close-button {
  background-color: #868686;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.close-button:hover {
  color: #fff;
  background-color: #696969;
}

.textlabel-empty-center {
  color: #ffffffb8;
  text-align: center;
  letter-spacing: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.fb-error-login-message-modal {
  z-index: 998;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.login-modals {
  width: 0;
  height: 0;
  position: fixed;
}

.calendr-item-font {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.calendr-item-font.white {
  color: #fff;
  cursor: default;
  inset: 0% auto auto 0%;
}

.calendr-item-font.grey {
  color: #8f8f8f;
  font-size: 13px;
}

.text-year-2 {
  color: #00528c;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
}

.text-169 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.cal-nav-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.search-field-tagger-3 {
  color: #858585;
  background-color: #0000000f;
  border: 1px solid #cecece;
  justify-content: flex-start;
  align-items: center;
  min-width: 380px;
  min-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: flex;
}

.calendar-wrapper-4 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  height: 100vh;
  margin-left: 0;
  display: flex;
  position: static;
}

.calendar-wrapper-4.hidden {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.text-date-2 {
  color: #161616;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  position: static;
}

.text-date-2.current {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border-radius: 13px;
  width: 26px;
  height: 26px;
  margin-left: -5px;
  line-height: 26px;
}

.text-date-2.grey {
  color: #616161;
  padding-left: 0;
}

.workout-name-3 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  display: flex;
}

.sf-small {
  color: #161616;
  margin-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.sf-small.uppercase {
  text-transform: uppercase;
  font-family: Sf ui text, sans-serif;
  line-height: 22px;
}

.text-duration-2 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.workout-div-5 {
  cursor: move;
  height: auto;
  min-height: 50px;
  transition: opacity .3s;
  display: none;
  position: relative;
}

.div-block-381 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 6px;
  padding-left: 40px;
  display: flex;
}

.client-profile-timeline-2 {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/user.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.client-name-display {
  height: 48px;
  padding-left: 10px;
}

.instruction-text {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.timeline-name {
  padding-left: 10px;
}

.timeline-item-header-2 {
  border: 1px #000;
  align-items: center;
  margin-bottom: 6px;
  padding-bottom: 0;
  padding-left: 12px;
  display: flex;
}

.textlabel-sf-2 {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Sf ui display, sans-serif;
  font-weight: 500;
  line-height: 18px;
}

.textlabel-sf-2._12 {
  font-size: 12px;
  line-height: 16px;
}

.textlabel-sf-2._12.white {
  opacity: 1;
  color: #fff;
  opacity: 1;
  opacity: 1;
  white-space: normal;
  max-width: 140px;
  max-height: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
}

.action-button-2 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-2:hover {
  color: #fff;
  background-color: #0d72b9;
}

.item-header {
  color: #312b3de3;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.sf-68 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-68.semi {
  font-weight: 600;
}

.sf-68.semi.navy {
  color: #00528c;
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.post-body-text {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.post-body-text.tt {
  font-size: 14px;
  line-height: 20px;
}

.timeline-media-2 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.post-message {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px;
  display: flex;
}

.sf-15-med-3 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-3.navy {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
}

.item-button-bar {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.item-button-bar.side {
  background-color: #fff;
  border-top-style: none;
  justify-content: center;
  padding: 10px 20px 14px;
}

.timestamp {
  color: #312b3de3;
  letter-spacing: .6px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}

.timeline-content-wrapper {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
  width: auto;
  height: auto;
}

.link-inline {
  color: #0078ce;
  text-decoration: none;
}

.link-inline:hover {
  text-decoration: underline;
}

.sf-69 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-69.center {
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.action-button-3 {
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-3:hover {
  color: #fff;
  background-color: #0d72b9;
}

.empty-page-text {
  color: #312b3db3;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
}

.sidebar-title-font {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.tooltip-2 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.site-menu-section-header {
  background-color: #d4e4ee;
  justify-content: flex-start;
  align-items: center;
  height: 38px;
  padding-left: 20px;
  display: flex;
}

.website-view {
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.sf-66 {
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.category-home-img {
  opacity: .66;
  width: 26px;
  min-width: 26px;
  padding-left: 8px;
}

.sf-65 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-65.light {
  font-weight: 300;
}

.sf-65.light.center {
  text-align: center;
}

.div-block-402 {
  opacity: .74;
  background-image: url('../images/face-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  margin-bottom: 18px;
}

.profile-page-button-2 {
  color: #fff;
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.profile-page-button-2:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.editor-delete-icon {
  cursor: pointer;
  width: 24px;
}

.tab-progress-image {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  height: 50px;
}

.text-block-29 {
  color: #ffffffe0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-86 {
  padding-right: 3px;
}

.page-divider {
  background-color: #1981c2;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.category-wrapper {
  width: auto;
  height: auto;
  min-height: 42px;
  box-shadow: none;
  background-color: #00528cbd;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.category-wrapper.sidebar {
  cursor: pointer;
  background-color: #795497;
  transition-property: background-color;
  transition-duration: .6s;
}

.category-wrapper.sidebar {
  background-color: #795497;
  transition-property: background-color;
  transition-duration: .6s;
  display: flex;
}

.category-wrapper.sidebar:hover {
  background-color: #9659c9;
}

.scheduled-item-2 {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.username-fullscreen-2 {
  z-index: 25;
  background-color: #032944;
  padding-top: 0;
  padding-left: 0;
  display: none;
  position: fixed;
  inset: 0% 0% 0% 0;
}

.tab-progress-indicator {
  height: 75px;
  padding-top: 60px;
  padding-bottom: 20px;
}

.panel-title {
  z-index: 9999;
  opacity: 1;
  cursor: default;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-top: 8px;
  padding-bottom: 10px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  transform: translate(0);
}

.web-button-small {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.web-button-small:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.web-button-small.grey {
  color: #fff;
  background-color: #28acd852;
}

.web-button-small.grey:hover {
  background-color: #28acd885;
}

.tile-overlay {
  opacity: 0;
  background-color: #ffffff1a;
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.tile-overlay:hover {
  opacity: 1;
}

.tile-overlay.website {
  background-color: #ffffff4d;
  display: flex;
  top: 0;
}

.sf-51-copy {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-51-copy.white {
  color: #fff;
  cursor: default;
  margin-top: 10px;
  line-height: 18px;
  transition: background-color .2s;
}

.site-menu-item {
  color: #032944;
  cursor: default;
  border-bottom: 1px solid #e1ecf3;
  align-items: center;
  height: 38px;
  padding-left: 20px;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.site-menu-item:hover {
  background-color: #ebf0f3;
}

.site-menu-item.create {
  color: #00528c;
  text-transform: uppercase;
  cursor: default;
  font-size: 11px;
  font-weight: 600;
}

.site-menu-item.manage {
  background-color: #d4e4ee;
  justify-content: flex-end;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.category-edit-wrapper {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 10px 14px 8px;
  display: block;
  position: relative;
  top: 0;
}

.category-edit-wrapper.hidden {
  padding-top: 8px;
}

.refresh-cover {
  z-index: 9;
  background-color: #fff9;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.page-name {
  z-index: 9999;
  opacity: .7;
  border: 1px solid #fff0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-bottom: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  left: -6px;
  transform: translate(0);
}

.page-name:hover {
  opacity: .95;
  border-color: #ffffff7a;
}

.content-edit-wrapper {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 8px 14px;
  display: block;
  position: relative;
  top: 0;
}

.content-edit-wrapper.hidden {
  padding-top: 8px;
}

.website-view-holder {
  display: block;
}

.div-block-405 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  display: block;
}

.site-select-menu {
  z-index: 1000;
  background-color: #fff;
  width: 320px;
  min-height: 40px;
  max-height: 85vh;
  display: none;
  position: absolute;
  inset: 100% auto auto 0%;
}

.workout-div-6 {
  cursor: move;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.workout-div-6.hide-from-nav {
  background-color: #4c6d85;
}

.res-toggle {
  opacity: .5;
  border-left: 1px solid #215e85;
  border-right: 1px solid #215e85;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 40px;
  margin-left: -1px;
  display: flex;
}

.res-toggle:hover {
  opacity: .8;
}

.res-toggle.selected {
  opacity: .8;
  background-color: #000a11;
}

.div-block-416 {
  background-color: #fffc;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 80px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 80px 0% auto;
}

.div-block-409 {
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-409:hover {
  opacity: 1;
}

.res-toggle-holder {
  justify-content: center;
  align-items: center;
  display: flex;
}

.responsive-toggle-bar {
  background-color: #032944;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
}

.div-block-386 {
  opacity: .52;
  margin-right: 10px;
}

.div-block-386:hover {
  opacity: .82;
}

.edit-item-wrapper-2 {
  width: auto;
  height: auto;
  min-height: 42px;
  box-shadow: none;
  background-color: #1389c0;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.edit-item-wrapper-2.sidebar {
  background-color: #ba68c8;
  display: flex;
}

.website-screen-holder {
  flex: 1;
}

.no-website-selected-view {
  background-color: #032944;
  height: 100vh;
  display: none;
}

.website-wrapper {
  z-index: 0;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0;
  overflow: visible;
}

.profile-header-elements {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.profile-header-elements.email {
  align-items: flex-start;
  padding-right: 40px;
  top: 0;
}

.url-entry-component {
  width: 100%;
}

.modal-url-entry {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.sf-70 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-70.semi {
  font-weight: 600;
}

.sf-70.semi-grey {
  color: #5f5f5f;
  font-weight: 600;
}

.div-block-415 {
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.div-block-414 {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-413 {
  padding: 10px 20px 60px;
}

.modalclosediv-2 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-confirm {
  z-index: 998;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalcontent-4 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.text-span-34 {
  font-size: 10px;
  line-height: 14px;
}

.delete-media-3 {
  margin-top: 14px;
}

.element-button-section-2 {
  background-color: #fff;
  border-top: 1px solid #e2e2e2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 3px 3px 9px 3px #00000040;
}

.element-button-section-2.vertical {
  inset: auto 0% 0%;
  inset: auto 0% 0%;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 8px 4px 5px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.select-audio-5 {
  text-align: right;
  margin-left: auto;
  position: relative;
  left: 0;
  right: 0;
}

.edit-post-title-2 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.poster {
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.sf-small-label {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.sf-small-label.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.chang-link {
  color: #00b2ed;
  text-align: center;
  letter-spacing: .2px;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Sf ui display, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  transition: color .3s;
  position: static;
  inset: 0;
}

.chang-link:hover {
  color: #0a8fbb;
}

.chang-link.client {
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: none;
}

.text-component-2 {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
}

.account-component {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.div-block-426 {
  padding-left: 8px;
}

.url-component-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.text-block-13-copy {
  color: #bbb;
}

.div-block-450 {
  margin-bottom: 20px;
  padding-top: 20px;
}

.div-block-455 {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.div-block-451 {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.post-as-select {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  width: 420px;
  min-height: 420px;
  padding: 30px 40px 20px 30px;
  display: none;
  position: absolute;
  inset: auto 0% -10px 55px;
  box-shadow: 0 0 6px 3px #00000021;
}

.sf-71 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-71.semi {
  color: #000000b3;
  font-weight: 600;
}

.action-button-4 {
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-4:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-4.tt {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  height: 36px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
  font-weight: 500;
}

.action-button-4.tt:hover {
  color: #00b2ed;
  border-color: #00b2ed;
}

.action-button-4.outlined {
  text-align: center;
  background-color: #0000003d;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 20px;
}

.action-button-4.outlined:hover {
  background-color: #000c;
}

.action-button-4.weblink {
  text-align: center;
  text-transform: none;
  background-color: #00528cc2;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
}

.action-button-4.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-4.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.action-button-4.submit-form:hover {
  background-color: #00528c;
}

.action-button-4.weblink {
  text-align: center;
  text-transform: none;
  background-color: #00528cc2;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-4.weblink:hover {
  background-color: #00528c;
}

.title-input-div-2 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: block;
}

.link-label-input-2, .input-url-4 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.audio-component-editor-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-2:focus {
  box-shadow: 1px 1px 3px #000;
}

.plan-section-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
  overflow: visible;
}

.trainer-chooser-holder {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  height: 36px;
  margin-left: 0;
  padding: 6px 10px;
  display: flex;
}

.submit-button-xs {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-xs:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-xs.cancel {
  background-color: #97a4af;
}

.submit-button-xs.cancel:hover {
  background-color: #8c959c;
}

.user-list {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  height: 200px;
}

.edit-section-title-2 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.div-block-424 {
  margin-left: 10px;
  position: relative;
}

.sf-72 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-72.semi {
  color: #312b3de3;
  font-weight: 500;
}

.sf-72.white {
  color: #fff;
  cursor: default;
}

.sf-72.semi {
  color: #312b3de3;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-72.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.embed {
  opacity: 1;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 8px;
  display: block;
}

.div-block-434 {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}

.input-label-2 {
  color: #313131;
  padding-top: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.submitbutton-2 {
  text-align: center;
  border-style: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: flex;
}

.submitbutton-2:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-2.complete {
  padding-top: 20px;
  padding-bottom: 20px;
}

.submitbutton-2.complete:hover {
  color: #fff;
}

.div-block-433 {
  background-color: #eee;
  width: 440px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.modalcontent-5 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.modal-content-username-3 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 500px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.site-item-profile-3 {
  background-color: #546e7a;
  border-radius: 50px;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  position: relative;
}

.text-initials-web {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-455-copy {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.div-block-457 {
  padding: 40px;
}

.sf-55-copy {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.post-submit-2 {
  background-color: #f6f6f6;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #dfdfdf;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.modal-choose-user {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.icon-trash-2 {
  opacity: .6;
  transition: opacity .3s;
}

.icon-trash-2:hover {
  opacity: 1;
}

.icon-duplicate-2 {
  opacity: .6;
  transition: opacity .3s;
}

.icon-duplicate-2:hover {
  opacity: 1;
}

.icon-move {
  opacity: .6;
  transition: opacity .3s;
}

.icon-move:hover {
  opacity: 1;
}

.item-holder-3 {
  position: relative;
}

.div-block-456 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 32px;
  display: flex;
}

.button-move {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  padding-top: 9px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.button-move:hover {
  color: #fff;
  background-color: #1679cf;
}

.button-move.cancel {
  background-color: #a8a8a8;
  margin-right: 14px;
}

.button-move.cancel:hover {
  background-color: #929292;
}

.move-content-2 {
  z-index: 10111;
  background-color: #fff;
  border: 1px solid #bebebe;
  width: 280px;
  padding: 20px 14px;
  display: block;
  position: fixed;
  inset: 720px auto auto 90px;
  box-shadow: 1px 1px 7px #00000036;
}

.pagedown-arrow-2 {
  opacity: .43;
  filter: invert();
  position: absolute;
  inset: 20px 12px auto auto;
}

.select-page {
  background-color: #e7e7e7;
  border: 1px solid #d3d3d3;
  align-items: center;
  height: 42px;
  padding-left: 12px;
  display: flex;
  position: relative;
}

.move-content-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.content-list-holder-2 {
  overflow: auto;
}

.div-block-458 {
  padding-left: 10px;
}

.image-87 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-459 {
  background-color: #ffffff1f;
  margin-bottom: 9px;
  display: block;
}

.toggle-2 {
  background-color: #fff;
  border: 2px solid #032944;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
}

.toggle-2.content-flow {
  opacity: 1;
  background-color: #03a9f4;
  border-color: #2280aa;
  left: 28px;
}

.hour-dot-2 {
  background-color: #fff;
  border-top: 2px solid #061f47;
  border-bottom: 2px #061f47;
  border-left: 2px #061f47;
  border-right: 1px #061f47;
  width: 7px;
  height: 12px;
  transition: all .3s;
  position: absolute;
  top: 9px;
  left: 9px;
}

.hour-dot-2.content-flow {
  opacity: 0;
  left: 11px;
}

.minute-dot-2 {
  background-color: #fff;
  border-top: 1px #061f47;
  border-bottom: 2px #061f47;
  border-left: 2px solid #061f47;
  border-right: 1px #061f47;
  width: 6px;
  min-width: 8px;
  height: 9px;
  min-height: 8px;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 6px;
  transform: rotate(-30deg);
}

.minute-dot-2.content-flow {
  opacity: 0;
  left: 6px;
}

.help-icon {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: auto;
  display: flex;
}

.help-icon:hover {
  opacity: 1;
}

.help-icon.left {
  background-color: #00b2ed;
  margin-left: 8px;
}

.timeline-toggle-2 {
  cursor: pointer;
  background-color: #03a9f4;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: flex;
}

.timeline-toggle-2:hover {
  opacity: 1;
}

.timeline-toggle-2.content-flow {
  background-color: #fffc;
}

.intro-3 {
  z-index: 1000;
  text-align: center;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.div-block-460 {
  align-items: flex-start;
  display: flex;
}

.recipients {
  border-bottom: 1px #e9e9e9;
  align-items: flex-start;
  padding: 20px 14px;
  display: block;
}

.div-block-461 {
  padding-top: 10px;
  padding-right: 5px;
}

.by-line-2 {
  margin-top: 16px;
}

.submit-button-holder-4 {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 60px 0;
  display: flex;
}

.quote-title-2 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.quote-text-2 {
  color: #00528c;
  text-shadow: 2px 2px 9px #ffffffd1;
  max-width: 600px;
  font-family: Sf ui text, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.quote-name-2 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.pause-icon {
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  transform: rotate(0);
}

.play-icon {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.speed-level-bar {
  background-color: #000000b3;
  border-radius: 4px;
  width: 56px;
  display: none;
  position: absolute;
  inset: auto 0 34px auto;
}

.speed-level-bar.sm {
  z-index: 1001;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: absolute;
  bottom: 30px;
}

.speed-option {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option:hover {
  color: #fff;
  background-color: #353535;
}

.volume-control {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.volume-control.hide {
  display: none;
}

.speed-selected {
  cursor: default;
}

.speed-selected.sm {
  font-size: 14px;
}

.volume-level-bar {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar.max {
  height: 60px;
}

.handle {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -5px 0 auto auto;
}

.handle:hover {
  background-color: #fff;
}

.image-90 {
  filter: invert();
  position: relative;
}

.volume-bar {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.time-bar {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.audio-time {
  justify-content: flex-end;
  width: 54px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.audio-time.right {
  justify-content: flex-start;
}

.audio-time.small {
  padding-left: 0;
  font-size: 12px;
}

.audio-time.left {
  margin-right: 4px;
  padding-right: 0;
}

.div-block-464 {
  height: 6px;
  position: absolute;
}

.playback-speed {
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  margin-left: 10px;
  padding-top: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: block;
  position: relative;
}

.playback-speed:hover {
  background-color: #fff;
}

.audio-message-wrapper {
  background-color: #00528c;
  background-image: url('../images/cienna.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 350px;
  display: flex;
  position: relative;
}

.audio-message-wrapper.unselectable {
  background-color: #00528c;
  background-image: url('../images/soundwave_1.png');
  background-position: 50%;
  background-size: cover;
}

.time-elasped {
  background-color: #2196f3;
  border-radius: 20px;
  width: 20px;
  height: 10px;
  position: absolute;
}

.time-elasped.small {
  width: 70%;
  height: 8px;
}

.time-elasped._2 {
  width: 135px;
}

.sound-icon {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon:hover {
  opacity: 1;
}

.sound-icon.visible {
  display: block;
}

.handle-volume {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: 0 -5px auto auto;
}

.handle-volume:hover {
  background-color: #fff;
}

.text-172 {
  color: #313131;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-172.light-grey {
  color: #616161;
}

.text-172.light-grey.center {
  color: #9c9c9c;
  font-family: Sf ui text, sans-serif;
}

.small-text-3 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.textlabel-14 {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.textlabel-14.white {
  color: #ffffffdb;
  text-align: left;
}

.modal-header-2 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px 4px;
  display: block;
}

.member-img-2 {
  background-color: #85b7da;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin-right: 6px;
  display: flex;
  position: relative;
}

.audio-player-controls-2 {
  z-index: auto;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.play-pause-button-2 {
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.audio-bottom-controls-2 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.sort-option {
  color: #616161;
  text-align: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  height: 34px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option:hover {
  background-color: #d8e1e7;
}

.sort-option.selected {
  color: #fff;
  background-color: #737f88;
}

.sf-75 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sort-options-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: block;
}

.sf-74 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-74.grey {
  color: #8f8f8f;
  font-size: 13px;
}

.client-search-add {
  background-color: #eef1f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 10px 40px 20px;
  display: block;
}

.buttonlabel-2 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.buttonlabel-2.white {
  color: #ffffffb3;
  text-align: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 16px;
  display: block;
}

.div-block-465 {
  position: relative;
}

.tagger-button-holder {
  align-items: center;
  display: flex;
}

.search-input-2 {
  background-color: #155279;
  border-radius: 4px;
  align-items: center;
  width: 500px;
  height: 40px;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.search-input-2:hover {
  background-color: #2773a3;
}

.get-started-3 {
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 24px;
  display: none;
  box-shadow: 1px 1px 3px #00000017;
}

.modal-edit-members-2 {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-470 {
  padding-right: 5px;
}

.div-block-468 {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 10px;
  display: flex;
}

.search-field-clients-3 {
  color: #aaa;
  background-color: #fff;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 38px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  display: flex;
}

.search-field-clients-3:focus {
  border-color: #00b2ed;
}

.search-field-clients-3::placeholder {
  color: #03294480;
}

.post-preview {
  object-fit: fill;
  background-color: #e8eaec;
  flex-flow: column;
  place-content: stretch flex-start;
  align-items: center;
  width: auto;
  height: 70vh;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.modal-post-preview {
  z-index: 997;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.plans-preview-2 {
  background-color: #fff;
  padding: 14px 20px 10px;
  display: block;
}

.modal-content-exercises-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 10px;
  display: block;
  overflow: visible;
}

.unmatched {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.tag {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag.multi {
  opacity: .92;
  background-color: #cddaf8;
  border: 2px solid #394a62;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag.multi:hover {
  filter: saturate(200%);
}

.tag.multi.field {
  opacity: 1;
  background-color: #00528ca3;
  border-style: none;
  max-width: 100%;
}

.tag.multi.field:hover {
  filter: none;
  background-color: #00528ccc;
}

.tag.multiple {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.tag.dark-blue {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 34px;
  min-height: 34px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.tag.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: none;
  position: relative;
}

.tag.light-blue {
  background-color: #eaf3f8;
  border: 1px solid #b0dcfc;
  width: auto;
  height: 42px;
  min-height: 42px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  display: inline-block;
  position: static;
}

.chip-label {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label.small {
  font-size: 13px;
  line-height: 16px;
}

.plus-icon-2 {
  opacity: .7;
  margin-right: 0;
}

.results-wrapper {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.matched {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.result-icon {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon.tag.empty {
  width: 0;
  min-width: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.result-icon.appt {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 18px;
}

.result-icon.time {
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.result-icon.bm {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.result-icon.testimony {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  background-size: 20px;
}

.result-icon.count {
  background-image: url('../images/icon-reps.png');
}

.result-icon.yesno {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-size: 16px;
}

.result-icon.image {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.miles {
  background-image: url('../images/region_1region.png');
  background-size: 16px;
}

.result-icon.text {
  background-image: url('../images/text_1text.png');
  background-size: 18px;
}

.result-icon.vid {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/icon-video_2icon-video.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.weight {
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.result-icon.img {
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-size: 22px;
}

.result-icon.vid {
  background-color: #0000;
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 20px;
}

.result-icon.user {
  background-color: #0000;
  background-image: url('../images/patient_1patient.png');
  background-size: 20px;
}

.result-icon.search {
  background-image: url('../images/search_1search.png');
  background-position: 0 0;
  background-size: cover;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.result-icon.image {
  background-color: #0000;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.loading {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.no-results-white {
  filter: invert();
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon.fast-track {
  opacity: 1;
  background-image: url('../images/vbp-icon_1vbp-icon.png');
  background-position: 50%;
  background-size: 22px;
}

.result-icon.return {
  background-image: url('../images/return.png');
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.audio {
  background-image: url('../images/audio_2audio.png');
  background-size: 18px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
  margin-right: 4px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.calendly {
  opacity: 1;
  background-image: url('../images/calendly_1calendly.png');
  background-position: 50%;
  background-size: cover;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.group {
  background-color: #0000;
  background-image: url('../images/group_2.png');
  background-size: 20px;
}

.result-icon.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
  margin-right: 4px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.calendly {
  background-image: url('../images/calendly-icon.png');
  background-position: 0%;
  background-size: 22px;
}

.result-icon.loading {
  opacity: 1;
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.ac-label {
  display: flex;
}

.result-row {
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row:hover, .result-row.selected {
  background-color: #d8e6fc;
}

.ac-icon {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.ac-icon.audio {
  filter: invert();
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 16px;
}

.ac-icon.testimony {
  filter: invert();
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
}

.ac-icon.count {
  filter: invert();
  background-image: url('../images/icon-reps.png');
  background-size: 18px;
}

.ac-icon.measurement {
  filter: invert();
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.ac-icon.video {
  filter: invert();
  background-image: url('../images/icon-video_2icon-video.png');
  background-size: 16px;
}

.ac-icon.weight {
  filter: invert();
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.ac-icon.time {
  filter: invert();
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.ac-icon.image {
  filter: invert();
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 16px;
}

.ac-icon.miles {
  filter: invert();
  background-image: url('../images/region_1region.png');
}

.ac-icon.yes-no {
  filter: invert();
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-position: 50%;
  background-size: 16px;
}

.ac-icon.appt {
  filter: invert();
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 16px;
}

.ac-icon.text {
  opacity: 1;
  filter: invert();
  background-image: url('../images/text_1text.png');
  background-size: 16px;
}

.ac-icon.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.ac-icon.person {
  background-image: url('../images/client_1client.png');
  background-size: 22px;
}

.more-icon-div-2 {
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  left: 0;
}

.tag-content {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content.small {
  align-items: center;
  max-width: 100%;
  height: 30px;
  min-height: 30px;
}

.cal-item-2 {
  z-index: 1;
  background-color: #00b2ed;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 4px;
  display: block;
  position: static;
  overflow: hidden;
}

.cal-item-2.nonworkout {
  cursor: default;
  background-color: #0e71b8;
}

.cal-item-2.nonworkout:hover {
  background-color: #005c9c;
}

.show-more-2 {
  background-color: #fff;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.show-more-2:hover {
  background-color: #ebebeb;
}

.div-block-472 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  width: 164px;
  position: absolute;
  inset: 36px 0 auto auto;
  box-shadow: 3px 4px 6px 3px #0003;
}

.text-block-32 {
  color: #00528c;
  padding: 12px 10px 12px 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.text-block-32:hover {
  background-color: #edf5f8;
}

.cal-item-3 {
  z-index: 1;
  cursor: pointer;
  background-color: #00b2ed;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  display: block;
  position: static;
  overflow: hidden;
}

.cal-item-3:hover {
  background-color: #0590d1;
}

.cal-item-3.grey {
  background-color: #999;
}

.cal-item-3.green {
  clear: none;
  cursor: pointer;
  clear: none;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-item-3.green:hover {
  background-color: #50a354;
}

.cal-item-3.appt {
  background-color: #ab47bc;
}

.cal-item-3.grey {
  background-color: #999;
  display: flex;
}

.cal-item-3.grey:hover {
  background-color: #858585;
}

.cal-item-3.completed {
  background-color: #66bb6a;
  padding-top: 1px;
  padding-left: 8px;
  display: flex;
  position: relative;
}

.div-block-473 {
  width: auto;
  height: auto;
}

.user-actions-3 {
  opacity: 1;
  align-items: center;
  padding-left: 30px;
  display: flex;
}

.div-block-474 {
  cursor: default;
}

.programs-body {
  background-color: #032944;
}

.results-holder-3 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.program-editor-holder-2 {
  flex-direction: column;
  display: flex;
}

.results-scroller-3 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-78 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-78.med {
  font-weight: 500;
}

.sf-78.social {
  color: #aaa;
}

.sf-78.navy {
  color: #00528c;
}

.sf-78.center {
  text-align: center;
}

.sf-78.white {
  color: #fff;
}

.sf-78.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-78.blue:hover {
  opacity: 1;
}

.sf-78.grey {
  color: #8a8a8a;
}

.sf-78.social {
  color: #aaa;
  font-size: 15px;
  font-weight: 600;
}

.sf-78.social:hover {
  color: #7c7c7c;
}

.sf-78.grey {
  color: #8a8a8a;
  font-size: 14px;
}

.edit-section-title-3 {
  padding-top: 0;
  padding-bottom: 12px;
  padding-left: 0;
}

.toggle-wrapper-6 {
  border-radius: 4px;
  align-items: center;
  margin-bottom: 0;
  padding: 4px 10px;
  display: flex;
}

.toggle-wrapper-6.hidden {
  margin-right: 0;
  display: flex;
}

.icon-all-pages {
  opacity: .7;
  cursor: pointer;
  width: 18px;
  margin-right: 10px;
}

.page-chooser-holder-3 {
  cursor: pointer;
  background-color: #00528c;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-top: 6px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 12px;
  display: flex;
  position: relative;
}

.page-chooser-holder-3:hover {
  background-color: #08426b;
}

.div-block-488 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.div-block-489 {
  margin-left: 12px;
}

.img-dark-overlay-2 {
  background-image: linear-gradient(to top, #0009 9%, #0003 57%, #0000 97%);
  height: 90px;
  position: absolute;
  inset: auto 0% 0%;
}

.sf-76-copy {
  color: #d61d1d;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-76-copy.hidden {
  display: block;
}

.sf-76-copy-copy {
  color: #2fbd3d;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.profile-page-button-3 {
  color: #fff;
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.profile-page-button-3:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.profile-page-button-3.reports {
  opacity: .76;
  background-color: #0000;
  border: 1px solid #fffc;
}

.profile-page-button-3.reports {
  opacity: .76;
  background-color: #155279;
  border: 1px solid #fffc;
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
}

.profile-page-button-3.reports:hover {
  opacity: 1;
}

.div-block-497 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
}

.pn-15 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.pn-15.semi {
  font-weight: 600;
}

.view-toggle-wrapper {
  border: 1px solid #00b2ed;
  border-left-style: none;
  border-radius: 1px;
  height: 40px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.custom-date-range-wrapper {
  padding-top: 15px;
  display: block;
}

.analytics-wrapper {
  min-height: 40px;
  margin-top: 20px;
  padding-left: 17px;
  padding-right: 17px;
  display: flex;
}

.div-block-494 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.close-modal-2 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-2:hover {
  opacity: 1;
  text-align: left;
}

.pn-18 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.pn-18.semi {
  font-weight: 600;
  line-height: 24px;
}

.apply-button {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.modal-view-stats {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-block-36 {
  color: #585858;
  font-family: Sf ui text, sans-serif;
}

.loading-metrics {
  height: 200px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.stat-toggle {
  color: #00b2ed;
  cursor: default;
  background-color: #fff;
  border-left: 1px solid #00b2ed;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 17%;
  height: 100%;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.stat-toggle.selected {
  color: #fff;
  cursor: default;
  background-color: #00b2ed;
}

.custom-date-fields {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.stat-block {
  border: 1px solid #dadada;
  flex-direction: column;
  align-items: center;
  width: 25%;
  height: 140px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.table-3 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  height: auto;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: static;
  top: 120px;
  overflow: visible;
}

.referral-wrapper {
  margin-top: 20px;
}

.custom-date-input {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 145px;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  display: flex;
}

.column-13 {
  color: #161616;
  border-right: 1px #d6d6d6;
  flex-wrap: nowrap;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  width: 550px;
  min-width: 90px;
  max-width: none;
  min-height: 40px;
  padding: 5px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
}

.column-13.wide {
  border-right-style: none;
  justify-content: flex-end;
  width: 120px;
  min-width: 46px;
  max-width: none;
  padding: 5px 6px 5px 4px;
}

.table-wrapper {
  background-color: #0000;
  border: 1px #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  height: auto;
  margin-bottom: 14px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0;
  display: flex;
  position: static;
  top: 120px;
  overflow: hidden;
}

.table-wrapper.month {
  align-items: flex-start;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sf-79 {
  color: #313131;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-79.green {
  color: #4caf50;
}

.sf-79.white {
  color: #fff;
}

.sf-79.blue {
  color: #0078ce;
  letter-spacing: 0;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.sf-79.blue.bold {
  font-weight: 700;
}

.row-12 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: stretch;
  width: auto;
  min-width: 0;
  height: auto;
  padding-left: 10px;
  padding-right: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-12:hover {
  opacity: 1;
  background-color: #f1e68b;
}

.row-12.state {
  border: 1px #000;
  border-top-color: #637da8a3;
  border-bottom: 1px solid #637da8a3;
}

.modal-content-stats {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 880px;
  min-height: 260px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
  position: static;
  overflow: visible;
}

.audio-message-wrapper-2 {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 220px;
}

.sf-54 {
  color: #333;
  letter-spacing: -.1px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.sf-54.blue {
  color: #00b2ed;
  line-height: 17px;
}

.plau-icon-holder {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.play-icon-2 {
  filter: invert();
  position: relative;
}

.distance-2 {
  align-items: center;
  display: flex;
}

.chat-message-unit-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.timeline-item-2 {
  background-color: #fff;
  margin-bottom: 6px;
  padding: 9px 14px 10px;
  position: static;
  overflow: visible;
}

.social-icon-bar {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.social-icon-bar.web {
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.play-pause-button-3 {
  opacity: 1;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 76px;
  min-width: 76px;
  height: 76px;
  min-height: 76px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0;
}

.play-pause-button-3:hover {
  opacity: 1;
  background-color: #000000b3;
}

.sound-icon-2 {
  opacity: .86;
  width: 28px;
}

.sound-icon-2:hover {
  opacity: 1;
}

.workout-details {
  min-width: 200px;
  height: auto;
  margin-left: 10px;
}

.sf-80 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-80.semi {
  font-weight: 600;
}

.sf-80.white {
  color: #fff;
}

.sf-80.tran-white {
  color: #fffc;
}

.unit-label {
  margin-left: 6px;
  padding-top: 14px;
}

.loading-indicator-2 {
  margin-top: 140px;
  margin-bottom: 6px;
  position: static;
  overflow: visible;
}

.text-span-36 {
  padding-left: 6px;
}

.text-block-35 {
  color: #03294499;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui display, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.timeline-date-label-2 {
  padding: 6px 20px 4px 16px;
}

.timeline-top-section-2 {
  z-index: 34;
  width: 100%;
  position: sticky;
  top: 0;
}

.timeline-sender-3 {
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
  padding-left: 14px;
  padding-right: 40px;
  display: flex;
}

.completed-checkmark {
  background-image: url('../images/icon-check-complete3x_1icon-check-complete@3x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-right: 6px;
}

.workout-stats-2 {
  padding-top: 4px;
  padding-left: 54px;
}

.count-icon {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 24px;
  height: 24px;
}

.count-icon.dislike {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
}

.count-icon.like {
  border-radius: 24px;
}

.count-icon.wow {
  background-image: url('../images/icon-social-wow-color2x_1icon-social-wow-color@2x.png');
  background-position: 50%;
}

.count-icon.high-five {
  background-image: url('../images/icon-social-highfive-color_1icon-social-highfive-color.png');
  background-size: 22px;
  border-radius: 24px;
}

.search-field-9 {
  color: #a8a1a1;
  background-color: #ffffffb3;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.search-field-9:focus {
  border-color: #00b2ed;
}

.search-field-9::placeholder {
  color: #03294480;
}

.plus-icon-3 {
  opacity: .7;
  margin-right: 0;
}

.profile-pic-timeline-3 {
  background-color: #87c2e9;
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.profile-pic-timeline-3.twm {
  background-image: url('../images/webclip.png');
  background-position: 50%;
  background-size: cover;
}

.heart-2 {
  width: 42px;
  margin-right: 14px;
}

.play-pause-button-4 {
  opacity: 1;
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button-4:hover {
  opacity: 1;
  background-color: #000000b3;
}

.mic-icon {
  opacity: .84;
  cursor: pointer;
  background-image: url('../images/web-mic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  width: 40px;
  height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  transition: opacity .4s;
}

.mic-icon:hover {
  opacity: 1;
}

.sf-81 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 13px;
}

.sf-81.exercise-label {
  color: #8f8f8f;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}

.cardio-image-2 {
  width: 54px;
  min-width: 54px;
}

.timeline-message-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 20px 20px;
  display: flex;
}

.workout-text-3 {
  width: 206px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  overflow: visible;
}

.social-section {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.sf-82 {
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.sf-82.gray {
  color: #7f7f7f;
}

.sf-82.red {
  color: #ef5350;
}

.social-icon {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.div-block-511 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 60px;
}

.ac-default-label-2 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.sf-83 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.sf-83.semi {
  font-weight: 600;
}

.sf-83.semi.white {
  color: #fff;
}

.sf-83.semi.white.center {
  text-align: center;
  line-height: 30px;
}

.sf-83.semi.white.center.shadow {
  box-shadow: none;
  text-shadow: 1px 1px 2px #000;
}

.sf-83.center {
  text-align: center;
}

.sf-83.white {
  color: #fff;
  font-weight: 400;
}

.sf-83.grey {
  color: #838383;
}

.cardio-icon {
  width: 54px;
  min-width: 54px;
}

.reaction-count {
  border-bottom: 2px solid #efeeee;
  align-items: flex-start;
  display: flex;
}

.reaction-count.hidden {
  display: flex;
}

.quote-text-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.speed-option-2 {
  color: #ffffffdb;
  text-align: right;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-2:hover {
  color: #fff;
  background-color: #353535;
}

.item-header-copy {
  color: #312b3de3;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.social-label {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.filter-menu-item-2 {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 38px;
  padding-left: 14px;
  padding-right: 20px;
  transition: background-color .3s;
  display: flex;
}

.filter-menu-item-2:hover {
  background-color: #0078ce29;
}

.filter-menu-item-2.selected {
  background-color: #0078ce2e;
}

.text-initials-4 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.speed-level-bar-2 {
  background-color: #000000b3;
  border-radius: 4px;
  width: 56px;
  display: block;
  position: absolute;
  inset: auto 0 34px auto;
}

.reply-input {
  clear: none;
  background-color: #fff;
  border: 1px #cecece;
  border-radius: 18px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  min-width: 30px;
  min-height: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 14px 10px 10px;
  display: flex;
  position: static;
}

.message-holder-3 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.post-header-3 {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0 20px;
  display: flex;
}

.filter-section-heading-3 {
  border-top: 4px solid #ebf0f3;
  align-items: center;
  height: 34px;
  margin-top: 2px;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 20px;
  display: flex;
}

.message-holder-3-copy {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: auto;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  position: static;
  overflow: hidden;
}

.message-holder-3-copy.replying-to {
  color: #a1a1a1;
  cursor: pointer;
  min-height: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 5px;
}

.player-small-button {
  opacity: 1;
  background-color: #00000080;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40%;
  height: 40px;
  min-height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  display: flex;
}

.player-small-button:hover {
  opacity: 1;
  color: #fff;
  background-color: #ffffff42;
}

.player-small-button.blue {
  background-color: #00528c;
  min-width: 40%;
}

.player-small-button.blue:hover {
  background-color: #126dad;
}

.div-block-512 {
  text-align: right;
  background-color: #fff;
  width: 70px;
  height: 40px;
  margin-right: 10px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}

.ribbon-exercise-img {
  background-image: url('../images/opengraph2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60%;
  position: relative;
}

.ribbon-exercise-img._2 {
  background-image: url('../images/jumping.jpg');
  background-position: 50% 30%;
}

.enter-weight-button {
  opacity: 1;
  background-color: #00000080;
  border: 1px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 168px;
  height: 40px;
  min-height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.enter-weight-button:hover {
  opacity: 1;
  background-color: #000000b3;
}

.text-span-37 {
  font-weight: 700;
}

.progress-time {
  width: 60px;
  font-size: 16px;
  display: block;
  position: absolute;
  inset: auto 0% 12px;
}

.workout-item-icon {
  background-image: url('../images/play-button_1play-button.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.workout-item-icon.complete {
  background-image: url('../images/check_1check.png');
  margin-left: 0;
  margin-right: 8px;
}

.text-label-button {
  z-index: 4;
  color: #ffffffd9;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.1em;
  display: block;
}

.div-block-513 {
  justify-content: center;
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.weight-input-div {
  justify-content: center;
  align-items: center;
  height: 50%;
  min-height: 76px;
  margin-top: 10px;
  padding-bottom: 14px;
  display: flex;
}

.text-label-xsmall {
  z-index: 4;
  color: #ffffffe6;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.text-label-xsmall.unit {
  padding-top: 6px;
  font-weight: 500;
}

.assigned-topbar {
  background-color: #2c17e780;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tip-payment-2 {
  background-color: #f0f6f8;
  width: 660px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 40px;
  display: block;
}

.descriptor-wrapper {
  margin-top: 10px;
}

.no-subscription {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px 10px;
  display: flex;
}

.cc-info {
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.modalcancelsubscription-2 {
  z-index: 9999;
  clear: both;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.tip-amt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.card-input-3 {
  background-color: #fff;
  border: 1px solid #cbcbce;
  width: 580px;
  height: 38px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-left: 8px;
  display: block;
}

.subscription-container {
  border: 1px solid #92b8d3a1;
  margin-top: 26px;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.descriptor-edit {
  background-color: #eff7ff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 10px 14px;
  display: flex;
}

.cc-descriptor-wrapper {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 20px;
  display: block;
}

.descriptor-display {
  background-color: #eff7ff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 10px 14px;
  display: flex;
}

.subscription-button-holder-2 {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.tipping-container {
  margin-top: 6px;
  margin-bottom: 12px;
}

.trainer-radio-option-2 {
  border: 2px solid #f0f6f8;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 10px;
  display: flex;
}

.trainer-radio-option-2:hover {
  background-color: #fff7c5;
  border: 2px solid #fff;
}

.loading-sub-indicator {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px 10px;
  display: flex;
}

.form-block-10 {
  margin-bottom: 0;
}

.search-wrapper-4 {
  position: relative;
}

.search-wrapper-4.library {
  flex: 1;
  margin-right: 40px;
}

.search-wrapper-4.media {
  flex: 1;
}

.sf-87 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-87.med-grey-center {
  color: #818181;
  text-align: center;
}

.sf-87.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.autocomplete-input-2-program {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-2-program.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
}

.ac-wrapper-editor {
  position: relative;
}

.remove-3 {
  opacity: .72;
  background-color: #002470b3;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-3:hover {
  opacity: 1;
}

.request-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.request-component.component {
  display: block;
}

.request-component.component.ghjkg {
  padding-bottom: 20px;
  display: block;
}

.ac-default-label-3 {
  color: #7dafd3;
  width: 272px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.tag-content-2 {
  align-items: center;
  height: 34px;
  display: flex;
}

.superset-button {
  z-index: 999;
  cursor: pointer;
  background-color: #b6b6b6b0;
  background-image: url('../images/link_4link.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto 0% 0 24px;
}

.superset-button:hover {
  background-color: #6dbad3;
}

.superset-button.linked {
  background-color: #167cd6;
  border-style: none;
  bottom: -15px;
}

.edit-exercise-4 {
  cursor: move;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  max-width: 540px;
  height: auto;
  margin: 4px 0 0;
  padding: 0 0 0 2px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 2px #00000030;
}

.edit-exercise-4:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.edit-exercise-4.selected-exercise {
  background-color: #fcfded;
  border-width: 2px;
  border-color: #00b2ed;
}

.modal-edit-workout-4 {
  z-index: 995;
  background-color: #0006;
  width: 0;
  height: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0 0 0 162px;
}

.default-settings-button {
  opacity: .9;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.default-settings-button:hover {
  opacity: 1;
}

.div-block-546 {
  cursor: move;
  height: 20px;
}

.workout-name-input-3 {
  color: #4e4e4e;
  background-color: #0000;
  border-style: none;
  min-width: 200px;
  max-width: 800px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.workout-name-input-3:hover {
  border: 1px solid #dadada;
}

.workout-name-input-3:focus {
  border: 1px solid #a7a7a7;
}

.workout-name-input-3::placeholder {
  color: #525252;
}

.link-5 {
  text-align: right;
  cursor: pointer;
  margin-left: 60px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.hour-input-2 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 10px 0 0;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.hour-input-2::placeholder {
  color: #00000054;
}

.reset-button {
  opacity: .78;
  cursor: pointer;
  background-color: #585858;
  border-radius: 4px;
  align-items: center;
  height: 22px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.reset-button:hover {
  opacity: .9;
}

.hour-input-3 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 8px 0 0;
  display: block;
}

.hour-input-3::placeholder {
  color: #00000054;
}

.toggle-bar-2 {
  display: block;
  position: relative;
}

.hour-input-2-copy {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.hour-input-2-copy::placeholder {
  color: #00000054;
}

.default-button-div {
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  padding: 10px 20px 14px;
  display: flex;
}

.text-bottom-duraction-label-copy {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.text-bottom-duraction-label-copy.grey {
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  font-family: Sf ui text, sans-serif;
}

.text-bottom-duraction-label-copy.grey:hover {
  text-decoration: underline;
}

.input-wrapper-3 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 0;
  display: flex;
}

.bold-text {
  cursor: pointer;
}

.input-wrapper-2-copy {
  justify-content: center;
  align-items: baseline;
  width: 120px;
  height: auto;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 0;
  display: flex;
}

.sf-88 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.input-wrapper-4 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 2px;
  padding-bottom: 0;
  display: flex;
}

.time-input-modal {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-544 {
  background-color: #e9e9e9;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
  padding: 4px 14px 8px;
  display: flex;
}

.hour-input-copy {
  text-align: right;
  width: 50px;
  height: 32px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.hour-input-copy::placeholder {
  color: #00000054;
}

.time-input-2 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 3px 10px 9px;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.hotkeys {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 8px;
  display: block;
  position: absolute;
  inset: 35px -158px auto auto;
  box-shadow: 1px 1px 3px #00000078;
}

.number-input-2 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: auto;
  padding: 3px 10px 9px;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.minute-input-2 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 8px 0 0;
  display: block;
}

.minute-input-2::placeholder {
  color: #0000004f;
}

.default-workout-settings-modal {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.workout-name-div-5 {
  flex-direction: row;
  align-items: center;
  padding: 0 20px 8px 14px;
  display: flex;
  position: relative;
}

.default-settings-wrapper {
  z-index: 981;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 330px;
  padding-bottom: 4px;
  display: block;
  position: absolute;
  inset: 0 auto auto 220px;
  box-shadow: 1px 1px 3px #00000078;
}

.minute-input-3 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.minute-input-3::placeholder {
  color: #0000004f;
}

.reset-div {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 4px;
  display: flex;
}

.set-number-3 {
  background-color: #00528c;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 30px;
  height: 24px;
  padding-left: 4px;
  padding-right: 4px;
  transition: background-color .275s;
  display: flex;
}

.set-number-3:hover {
  background-color: #00b2ed;
}

.key-button {
  opacity: .9;
  color: #0000;
  cursor: pointer;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3);
  border: 1px solid #d8d8d8;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  height: 32px;
  margin-bottom: 2px;
  padding-left: 12px;
  padding-right: 8px;
  display: flex;
}

.key-button:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d);
  border-color: #adadad;
}

.key-button:focus {
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.shortcut {
  opacity: .8;
}

.number-input-modal {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.exercise-row-3 {
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 82%;
  min-width: 270px;
  max-width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.div-block-545 {
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-543 {
  background-image: url('../images/reset_1reset.png');
  background-position: 50%;
  background-size: cover;
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

.workout-modal-button-holder-3 {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 68px;
  max-height: none;
  padding: 4px 20px 0;
  display: flex;
}

.delete-icon-holder-3 {
  background-color: #9e9e9e24;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
}

.sf-77-copy-2 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.checkbox-holder-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  padding-top: 12px;
  padding-left: 6px;
  display: flex;
}

.edit-button-holder-3 {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 20px 10px 40px;
  display: flex;
  position: relative;
}

.workout-search {
  z-index: 20;
  background-color: #ddeefa;
  width: auto;
  height: auto;
  padding-bottom: 14px;
  padding-left: 20px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.autocomplete-input-4 {
  float: none;
  clear: none;
  color: #333;
  background-color: #fff;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 460px;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.user-action-button-2 {
  cursor: pointer;
  background-color: #d9ebf6;
  background-image: url('../images/cancel_1cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.user-action-button-2:hover {
  background-color: #b4daf1;
}

.user-action-button-2.refresh {
  opacity: .52;
  background-color: #00528c;
  background-image: url('../images/refresh_1refresh.png');
  background-size: 14px;
  border-radius: 6px;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: 0;
  margin-right: 10px;
}

.user-action-button-2.refresh:hover {
  opacity: .82;
}

.user-action-button-2.remove-workouts {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/calendar-remove_1calendar-remove.png');
  background-size: 22px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-2.remove-workouts:hover {
  background-color: #b4daf1;
}

.user-action-button-2.replace {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/swap_1swap.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-2.replace:hover {
  background-color: #b4daf1;
}

.user-action-button-2.exercise-settings {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/weights_1weights.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  margin-top: 0;
  padding-left: 0;
  display: block;
}

.user-action-button-2.exercise-settings:hover {
  background-color: #b4daf1;
}

.user-action-button-2.add {
  background-color: #00528c;
  background-image: url('../images/add_1add.png');
  background-size: 24px;
  display: none;
}

.user-action-button-2.add:hover {
  background-color: #01487a;
}

.user-action-button-2.add-day {
  background-color: #fff;
  background-image: none;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  display: flex;
}

.user-action-button-2.add-day:hover {
  background-color: #b9dffa;
}

.modal-top-bar-4 {
  z-index: 25;
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -30px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: relative;
  bottom: 10px;
}

.workout-tile-overlay-4 {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.workout-tile-overlay-4:hover {
  opacity: 1;
}

.search-wrapper-5 {
  position: relative;
}

.div-block-492 {
  align-items: center;
  padding: 6px 20px 4px 10px;
  display: flex;
}

.workouts-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  height: 300px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px 40px 20px;
  display: none;
  position: static;
  overflow: scroll;
}

.div-block-547 {
  width: 557px;
}

.calendar-top-bar-4 {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 76px;
  padding: 8px 26px 8px 12px;
  display: flex;
  position: static;
}

.workouts-panel-calendar {
  background-color: #ddeefa;
  border: 1px solid #00528c;
  flex-direction: column;
  width: 600px;
  min-width: 600px;
  min-height: 400px;
  max-height: 95%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 40px;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  box-shadow: 4px 4px 14px 4px #0000004d;
}

.loader {
  width: 28px;
  height: 28px;
  margin-right: 7px;
}

.text-label-2 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 16px;
  position: static;
}

.sf-90 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.remove-div {
  opacity: .6;
}

.remove-div:hover {
  opacity: .8;
}

.ac-default-label-4 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.refresh {
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.cal-arrows-2 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
}

.modalclosediv-3 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.modalclosediv-3.small {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.text-block-33 {
  color: #00528c;
  padding: 12px 10px 12px 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.text-block-33:hover {
  background-color: #edf5f8;
}

.close-modal-4 {
  z-index: 10;
  float: right;
  clear: right;
  opacity: .7;
  cursor: pointer;
  position: relative;
  inset: 0% 0% auto auto;
}

.close-modal-4:hover {
  opacity: 1;
  text-align: left;
}

.div-block-548 {
  padding-bottom: 10px;
}

.edit-button-holder-4 {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 6px 20px 21px 40px;
  display: flex;
}

.div-block-493 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  width: 164px;
  display: none;
  position: absolute;
  inset: 22px 0 auto auto;
  box-shadow: 1px 3px 6px 5px #00000026;
}

.cal-date-2 {
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 26px;
  min-height: 26px;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: static;
}

.loading {
  background-color: #e4eefa;
  border-radius: 8px;
}

.loading-wrapper {
  clear: none;
  width: 100%;
  box-shadow: none;
  cursor: auto;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.all-item-holder-2 {
  margin-top: 10px;
  padding-right: 0;
  display: block;
}

.cal-item-wrapper-3 {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  flex-direction: column;
  padding: 3px 2px 5px;
  display: flex;
  position: relative;
  overflow: visible;
}

.cal-item-wrapper-3:hover {
  background-color: #f3f8fc;
}

.modal-add-workout {
  z-index: 9;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.workout-wrapper-modal {
  clear: none;
  cursor: move;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 48%;
  margin-left: 0;
  margin-right: 10px;
  transition: opacity .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.loading-icon {
  float: none;
  clear: none;
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 42px;
  height: 42px;
  margin-right: 4px;
  display: block;
  position: absolute;
  inset: auto auto auto 40%;
}

.div-block-549 {
  background-image: url('../images/success-green.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 80px;
  height: 100px;
  margin-bottom: 5px;
}

.div-block-550 {
  background-image: url('../images/twm-appstore.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 480px;
  border: 1px solid #d4d4d4;
  justify-content: center;
  align-items: center;
  width: 480px;
  height: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-18 {
  flex-direction: column;
}

.container-19 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
  position: relative;
}

.body-base {
  position: absolute;
}

.deltoids, .neck, .pectorals, .bicep, .tricep, .forearm, .upper-abs, .lower-abs, .oblique, .core, .lower-back, .gluteus, .quadriceps, .hamstrings, .lower-legs, .feet, .back-full {
  z-index: 1;
  display: none;
  position: absolute;
}

.site-list-button {
  opacity: .65;
  cursor: pointer;
  background-image: url('../images/arrow-down_1arrow-down.png');
  background-position: 50% 7px;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #fffc;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 12px;
}

.site-list-button:hover {
  opacity: .9;
  background-color: #ffffff4d;
}

.div-block-551 {
  opacity: .65;
  cursor: pointer;
  background-image: url('../images/arrow-down_1arrow-down.png');
  background-position: 50% 8px;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.header-profile-4 {
  z-index: 1;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80px;
  padding: 16px 40px 14px 20px;
  display: flex;
  position: relative;
  inset: auto 0 0 auto;
}

.header-title-left-3 {
  flex: 1;
  position: relative;
}

.submitbutton-4 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-4:hover {
  background-color: #1679cf;
}

.submitbutton-4.login {
  background-color: #1679cf;
  width: 380px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 13px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton-4.login {
  color: #fff;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.submitbutton-4.login:hover {
  color: #fff;
}

.top-div2 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.close-div {
  opacity: .38;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.hip {
  z-index: 1;
  display: none;
  position: absolute;
}

.sf-91 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-91.blue {
  color: #00528c;
  text-align: left;
}

.sf-91.red {
  color: #d32f2f;
}

.sf-91.green {
  color: #388e3c;
}

.sf-91.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.sf-91.white-tran {
  color: #ffffffb3;
  cursor: pointer;
  inset: 0% auto auto 0%;
}

.sf-91.center {
  text-align: center;
  font-size: 18px;
}

.results-holder-5 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.revert-button {
  cursor: pointer;
  display: inline-block;
}

.scrolling-workout-holder-2 {
  flex: 0 auto;
  display: block;
  overflow: hidden;
}

.cal-item-4 {
  z-index: 1;
  cursor: pointer;
  background-color: #00b2ed;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 4px;
  display: block;
  position: static;
  overflow: hidden;
}

.cal-item-4:hover {
  background-color: #0590d1;
}

.cal-item-4.appt {
  background-color: #ab47bc;
}

.cal-item-4.appt:hover {
  background-color: #9d39ad;
}

.timeline-preview-3 {
  background-color: #fff;
  width: 440px;
  height: auto;
  min-height: auto;
  margin-top: 10px;
  padding-top: 10px;
  position: static;
  bottom: auto;
}

.input-username-2 {
  width: 360px;
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.input-username-2::placeholder {
  color: #00000045;
}

.result-row-2 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-2:hover, .result-row-2.selected {
  background-color: #d8e6fc;
}

.text-span-38 {
  margin-left: 9px;
  font-weight: 500;
}

.autocomplete-input-5 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 780px;
  min-width: 460px;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.site-selector-3 {
  align-items: center;
  max-width: 800px;
  padding-left: 5px;
  display: flex;
  position: relative;
}

.icon-layout {
  opacity: .8;
  cursor: pointer;
  background-color: #00528c;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding: 4px 6px;
  display: flex;
}

.icon-layout:hover {
  opacity: 1;
}

.site-menu-item-3 {
  color: #032944;
  border-bottom: 1px solid #e1ecf3;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 50px;
  padding-left: 20px;
  font-family: Sf ui text, sans-serif;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

.site-menu-item-3:hover {
  background-color: #ebf0f3;
}

.text-span-39 {
  color: #000000bd;
}

.profile-url-2 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 3px;
  padding: 3px 6px;
  transition: background-color .3s;
  display: flex;
}

.layout-icon {
  opacity: 1;
  display: block;
}

.layout-icon:hover {
  opacity: 1;
}

.site-name-3 {
  border: 1px solid #0000;
  flex-direction: row;
  flex: 1;
  align-items: center;
  margin-top: 4px;
  padding: 4px 6px;
  display: flex;
  position: relative;
}

.site-name-3:hover {
  border-color: #ffffffab;
}

.branding-wrapper {
  background-color: #f7f7f7;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 14px 14px;
}

.link-button-option {
  opacity: .6;
  background-color: #8d9ba5;
  border: 1px solid #9e9b9b;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 1px;
  display: flex;
}

.link-button-option:hover {
  background-color: #7f8991;
  border-color: #7f8991;
}

.link-button-option.selected {
  opacity: 1;
  cursor: pointer;
  background-color: #5b6770;
  background-image: none;
  border-style: solid;
  border-color: #737f88;
}

.sf-92 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-92.semi {
  font-weight: 600;
}

.sf-92.white {
  color: #fff;
}

.sf-92.white.light {
  color: #fffc;
  font-weight: 300;
}

.sf-92.green {
  color: #b9fd4f;
}

.sf-92.blue {
  color: #4fc3f7;
}

.header-branding-modal {
  z-index: 2;
  background-color: #fff;
  border-radius: 8px;
  width: 320px;
  padding-bottom: 0;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 0 2px 7px 1px #0000004d;
}

.button-label-input {
  color: #3a3a3a;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 50px;
  margin-bottom: 6px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: flex;
}

.close-button-small {
  opacity: .5;
  width: 22px;
  height: 22px;
}

.close-button-small:hover {
  opacity: .72;
}

.sf-93 {
  color: #262c46;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.sf-93.semi {
  font-weight: 600;
}

.results-wrapper-5 {
  z-index: 4;
  border: 0 solid #cfcfcf;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.modal-branding {
  z-index: 9999;
  align-items: center;
  margin-right: 0;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.label-holder {
  padding-top: 10px;
  padding-bottom: 14px;
  display: block;
}

.edit-menu {
  cursor: pointer;
  display: flex;
}

.edit-menu.unselectable {
  align-items: center;
  overflow: hidden;
}

.div-block-566 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 340px;
  display: flex;
}

.sf-94 {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

.action-button-5 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-5:hover {
  color: #fff;
  background-color: #0d72b9;
}

.result-row-4 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-4:hover {
  background-color: #d8e6fc;
}

.div-block-537 {
  align-items: center;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.div-block-567 {
  justify-content: center;
  padding-bottom: 10px;
  display: flex;
}

.remove-4 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-4:hover {
  opacity: 1;
}

.div-block-536 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 2px;
}

.button-hover-modal {
  background-color: #fff;
  border: 1px solid #0006;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  width: 130px;
  height: 28px;
  margin-bottom: 6px;
  padding: 4px 6px;
  transition: background-color .4s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.icon-edit-element {
  opacity: .7;
  cursor: pointer;
  margin-right: 6px;
}

.icon-edit-element.button {
  margin-right: 4px;
}

.button-settings-modal-content {
  z-index: 3;
  background-color: #fff;
  border-radius: 8px;
  min-width: 400px;
  max-width: 400px;
  padding-bottom: 0;
  padding-right: 5px;
  display: block;
  position: fixed;
  inset: 300px auto auto 300px;
  box-shadow: 0 2px 7px 1px #0000004d;
}

.unmatched-2 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.logo-preview-image {
  background-image: url('../images/logo-generic.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 72px;
  margin-bottom: 20px;
}

.autocomplete-input-area {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-area.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
  width: 100%;
  min-height: 50px;
  padding-top: 4px;
}

.autocomplete-input-area.search {
  clear: left;
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
  width: 100%;
  padding: 6px 10px;
  position: static;
}

.div-block-534 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 6px 4px 10px;
  display: flex;
}

.div-block-410 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.div-block-568 {
  padding-top: 15px;
}

.div-block-538 {
  background-color: #f7f7f7;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px 14px 14px;
  display: flex;
}

.logo-options {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 30px;
  display: block;
}

.name-input {
  padding-top: 4px;
  padding-bottom: 10px;
  padding-left: 30px;
  display: block;
}

.link-type-wrapper {
  align-items: flex-start;
  margin-right: 14px;
  display: flex;
}

.button-edit {
  opacity: .7;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.button-edit:hover {
  opacity: 1;
}

.button-edit.delete {
  padding-right: 4px;
}

.img-upload-button-2 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 230px;
  min-width: 0;
  height: 44px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.img-upload-button-2:hover {
  background-color: #00b2ed33;
}

.img-upload-button-2.short {
  width: 120px;
  margin-right: 8px;
  font-size: 14px;
}

.div-block-569 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.ac-default-button-link {
  color: #7dafd3;
  width: 160px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 0;
}

.result-icon-2 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-2.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-2.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.chip-label-2 {
  color: #fff;
  max-width: 95%;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.template-chooser {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-565 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 140px;
  margin-top: 20px;
  display: flex;
}

.button-settings-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.radio-div {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  display: flex;
}

.radio-div:hover {
  background-color: #ebebeb;
}

.radio-div.selected {
  background-image: url('../images/radio_1radio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-style: solid;
  border-color: #387dfd;
}

.results-scroller-4 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.checkbox-div-2 {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.checkbox-div-2.selected {
  background-image: url('../images/tick_1tick.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
}

.select-audio-8 {
  text-align: right;
  margin-left: auto;
  display: none;
  position: relative;
  left: 0;
  right: 0;
}

.submit-button {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button.large {
  height: 52px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
}

.submit-button.cancel {
  background-color: #97a4af;
}

.submit-button.cancel:hover {
  background-color: #889097;
}

.submit-button.vbp {
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.panel-title-2 {
  z-index: 9999;
  opacity: 1;
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  margin-bottom: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  transform: translate(0);
}

.move-content {
  z-index: 10;
  background-color: #fff;
  border: 1px solid #bebebe;
  width: 280px;
  padding: 20px 14px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 32px;
  right: -120px;
  box-shadow: 1px 1px 7px #00000036;
}

.profile-tile-overlay-5 {
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff1a;
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.profile-tile-overlay-5:hover {
  opacity: 1;
}

.page-name-2 {
  z-index: 2;
  opacity: .7;
  cursor: pointer;
  border: 1px solid #fff0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-bottom: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  left: -6px;
  transform: translate(0);
}

.page-name-2:hover {
  opacity: .95;
  border-color: #ffffff7a;
}

.editor-add-new-2 {
  opacity: .8;
  cursor: pointer;
  background-color: #00528c;
  border-radius: 6px;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
  display: flex;
}

.editor-add-new-2:hover {
  opacity: 1;
}

.page-options-3 {
  z-index: 2;
  opacity: 1;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-top: 4px;
  padding-bottom: 10px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  transform: translate(0);
}

.content-edit-wrapper-2 {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 0 14px 8px;
  display: block;
  position: relative;
  top: 0;
}

.content-edit-wrapper-2.hidden {
  padding-top: 8px;
}

.workout-div-10 {
  clear: left;
  cursor: move;
  height: auto;
  min-height: 50px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.side-bar-button-holder-2, .side-bar-button-holder-2.hidden {
  padding-left: 14px;
  padding-right: 14px;
}

.no-content-display-2 {
  z-index: 9999;
  opacity: .8;
  text-align: center;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  padding: 40px 20px;
  transition: opacity .3s;
  display: none;
  position: relative;
  transform: translate(0);
}

.no-content-display-2:hover {
  opacity: 1;
}

.name-input-field-2 {
  color: #3a3a3a;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  min-width: 0;
  max-width: 240px;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 24px;
  display: flex;
}

.tag-item-input {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.no-workouts-found {
  clear: left;
  cursor: move;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.media-item-list {
  border-style: none;
  margin-top: 0;
  padding-bottom: 60px;
  padding-left: 20px;
  position: relative;
  top: 0;
  overflow: auto;
}

.media-tab-content {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.workout-div-10-copy {
  clear: left;
  cursor: move;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.media-thumb-2 {
  background-image: url('../images/mara-pilates.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 40px;
}

.media-thumb-2.library {
  width: 64px;
  height: 64px;
  display: block;
}

.icon-video {
  background-image: url('../images/electronics_1electronics.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.loading-indicator-workout-list {
  align-items: flex-start;
  width: 260px;
  height: auto;
  min-height: 50px;
  margin-top: 0;
  padding-top: 4px;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.tab-program-library {
  opacity: .62;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 72px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.tab-program-library:hover {
  opacity: .9;
  background-color: #ddeefa59;
}

.tab-program-library.selected {
  opacity: 1;
  background-color: #ddeefa;
}

.media-library {
  display: none;
}

.media-type {
  opacity: .74;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 28px;
  display: flex;
}

.media-type:hover {
  opacity: .9;
  background-color: #fff;
}

.media-type.video {
  background-image: url('../images/icon-video_1icon-video.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.media-type.audio {
  background-image: url('../images/icon-audio_2icon-audio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.media-type.img {
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.media-type.selected {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #00528c8f;
}

.remove-5 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-5:hover {
  opacity: 1;
}

.remove-5.small {
  opacity: .66;
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.workouts-panel-2 {
  background-color: #ddeefa;
  flex-direction: column;
  width: 320px;
  min-width: 320px;
  height: 100vh;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: -80px;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.sf-95 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-95.white {
  color: #fff;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 18px;
  transition: background-color .2s;
}

.sf-95.button {
  color: #fff;
}

.sf-95.blue {
  color: #0078ce;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.media-tab-control {
  z-index: 20;
  background-color: #ddeefa;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.results-scroller-5 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.arrow-left-3 {
  cursor: pointer;
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  padding-top: 10px;
  padding-left: 12px;
}

.content-item-wrapper-copy {
  background-color: #1389c0;
  height: auto;
  min-height: 42px;
  max-height: 55px;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.workout-library-2 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  display: flex;
  overflow: hidden;
}

.timeline-preview-4 {
  background-color: #fff;
  width: 440px;
  height: auto;
  min-height: 220px;
  margin-top: 10px;
  padding-top: 10px;
  display: block;
  position: static;
  bottom: auto;
}

.plans-timeline-2 {
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.old-preview-wrapper-3-copy {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: none;
  position: relative;
  overflow: auto;
}

.sf-96 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.sf-96.white {
  color: #fff;
}

.sf-96.grey {
  color: #6d6d6d;
}

.in-library-status {
  align-items: center;
  height: 34px;
  display: flex;
}

.in-library-status.hidden {
  display: flex;
}

.plan-tile-3 {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 96%;
  min-width: 96%;
  min-height: 40px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-3:hover {
  background-color: #fff59d80;
}

.save-library {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  height: 46px;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.plans-wrapper-2 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.button-select-plan-2 {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1abc9c;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-2:hover {
  color: #fff;
  background-color: #0bac8c;
}

.email-library {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  display: flex;
  overflow: auto;
}

.plan-scroll-holder {
  flex: 1;
  overflow: auto;
}

.collapse-button {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #b5c0c9;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 28px;
  margin-left: 6px;
  padding: 2px 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
  display: flex;
}

.collapse-button:hover {
  background-color: #fff;
}

.plan-name {
  align-items: flex-end;
  padding-bottom: 4px;
  display: flex;
}

.plan-name.newplan {
  padding-top: 10px;
}

.new-account-settings {
  border-top: 2px #fff;
  border-bottom: 2px #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.ac-default-label-small-2 {
  color: #7dafd3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.client-list-input-holder-2 {
  border: 1px solid #b6b6b6;
  min-height: 36px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}

.plan-section-wrapper.hidden {
  display: none;
}

.submit-invitation-button-2 {
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-invitation-button-2:hover {
  color: #fff;
  background-color: #1679cf;
}

.select-field-frequency {
  width: 200px;
  height: 30px;
  margin-top: 6px;
  margin-bottom: 15px;
  margin-left: 22px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.alert-stripe {
  background-color: #fff0f0;
  border: 1px solid #ffafaf;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 20px;
  padding: 15px 20px;
  display: block;
}

.div-block-596 {
  padding-right: 5px;
}

.text-span-40 {
  font-weight: 400;
}

.plans-table {
  width: 100%;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.modal-plan-top-section {
  display: block;
}

.modalcontent-9 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.alert-text {
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.alert-text.details {
  padding-left: 32px;
}

.checklist-holder {
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.revenue-share-settings {
  border-top: 2px #fff;
  border-bottom: 2px #fff;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.more-holder {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.plan-template-holder.hidden {
  overflow: auto;
}

.plan-summary {
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.plan-summary.clients {
  padding-top: 10px;
  display: none;
}

.plan-settings-section {
  border-top: 2px solid #fff;
  border-bottom: 2px #fff;
  margin-top: 32px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
  display: block;
}

.delete-plan {
  border-top: 2px solid #fff;
  border-bottom: 2px #fff;
  margin-top: 30px;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 0;
}

.loading-more-plans {
  justify-content: center;
  display: flex;
}

.plan-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px 14px;
  display: flex;
}

.plan-form-wrapper {
  background-color: #eee;
  margin-top: 14px;
  margin-left: 24px;
  margin-right: 24px;
  padding: 14px 30px 40px;
  display: block;
}

.button-holder-2 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.landing-body {
  background-color: #ebf0f3;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  overflow: visible;
}

.radio-button-label {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
}

.dot {
  padding-left: 6px;
  padding-right: 6px;
}

.page-preview-wrapper {
  z-index: 23;
  color: #dfb7b7;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  width: 40%;
  min-width: 420px;
  height: 100%;
  font-family: Sf ui text, sans-serif;
  display: block;
  position: sticky;
  top: 0;
}

.page-preview-wrapper.hidden {
  display: none;
}

.autocomplete-input-2-group {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.autocomplete-input-2-group.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
}

.edit-in-editor {
  z-index: 3;
  background-color: #00000080;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  padding: 6px 10px;
  transition: background-color .4s;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.edit-in-editor:hover {
  background-color: #000000e6;
}

.form-section-title {
  padding-top: 0;
  padding-bottom: 4px;
}

.plan-button-holder {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 340px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.plan-button-holder.new {
  width: auto;
  padding-top: 20px;
  padding-bottom: 10px;
}

.submit-save-button-5 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 10px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-5:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-5.red {
  background-color: #ef5350;
  margin-left: 7px;
}

.submit-save-button-5.red:hover {
  background-color: #da3e3b;
}

.submit-save-button-5.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 14px;
}

.submit-save-button-5.cancel:hover {
  background-color: #929292;
}

.freei-trial {
  border-left: 1px solid #8eaabd;
  margin-left: 10px;
  padding-left: 10px;
}

.plan-info-holder {
  flex: 1;
  overflow: auto;
}

.program-start-options {
  padding-top: 20px;
  padding-bottom: 0;
  display: none;
}

.icon-saved {
  background-image: url('../images/heart_2heart.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  position: relative;
}

.icon-complete {
  background-image: url('../images/complete_1complete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  position: relative;
}

.icon-previous {
  background-image: url('../images/missed_1missed.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  position: relative;
}

.text-email {
  color: #333;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

.sf-22-payment {
  color: #313131;
  font-family: Sf ui display, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
}

.post-as-2 {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.post-as-2.hidden {
  border-right: 1px solid #cfcfcf;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-611 {
  min-width: 150px;
  display: flex;
}

.text-block-39 {
  border-right: 0 solid #000;
}

.send-time-block-2 {
  flex: 1;
}

.send-time-block-2.hidden {
  padding-left: 12px;
  display: flex;
}

.workout-mode-wide-copy {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1000px;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.workout-mode-wide-copy.outlined {
  border: 2px solid #00528c;
  max-width: 1000px;
  height: 93vh;
}

.remove-pin-date {
  opacity: .5;
  cursor: pointer;
  background-color: #fffc;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 8px;
  display: flex;
}

.remove-pin-date:hover {
  opacity: .8;
}

.clear-pin {
  opacity: .5;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 20px;
  min-height: 28px;
}

.clear-pin:hover {
  opacity: .65;
}

.mini-calendar {
  opacity: .7;
  cursor: pointer;
  margin-right: 10px;
  padding-left: 4px;
  padding-right: 4px;
  transition: opacity .3s;
  position: relative;
  transform: translate(0);
}

.mini-calendar:hover {
  opacity: 1;
}

.pin-text-description {
  justify-content: center;
  width: 460px;
  padding-top: 8px;
  padding-bottom: 10px;
  display: flex;
}

.first-day-star-2 {
  opacity: .3;
  margin-right: 5px;
  display: none;
}

.first-day-star-2:hover {
  opacity: .8;
}

.first-day-star-2.selected {
  opacity: 1;
}

.pin-date-modal {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.pin-date-calendar {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-height: 100px;
  padding: 15px 20px 8px;
  display: block;
  position: fixed;
  inset: 200px 20% auto 400px;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.calendar-icon-2:hover {
  opacity: 1;
}

.icon-audio-3 {
  background-image: url('../images/audio_1audio.png');
  background-position: 0 0;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.icon-request-2 {
  background-image: url('../images/request_2request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.multiple, .icon-wrapper, .page-url-save-cancel {
  align-items: center;
  display: flex;
}

.button-cancel {
  cursor: pointer;
  background-color: #929292;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 24px;
  min-width: 22px;
  min-height: 22px;
  margin-right: 8px;
}

.button-cancel:hover {
  background-color: #757575;
}

.button-check {
  cursor: pointer;
  background-color: #02cf6b;
  background-image: url('../images/check_2check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 24px;
  min-width: 22px;
  min-height: 22px;
  margin-right: 8px;
}

.button-check:hover {
  background-color: #00a755;
}

.page-url {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.page-url-input {
  opacity: .7;
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  margin-top: 0;
  margin-bottom: 6px;
  padding: 6px;
  transition: background-color .3s;
  display: inline-block;
  position: relative;
  left: -6px;
}

.page-url-input:hover {
  opacity: .95;
  border: 1px solid #ffffff7a;
}

.sf-97 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  display: block;
}

.sf-97.blue {
  color: #00b2ed;
}

.timeline-library-2 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  height: 100%;
  display: flex;
  overflow: auto;
}

.template-modal-wrapper-2 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 10px;
  display: flex;
  position: relative;
}

.play-video {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: none;
  position: absolute;
}

.hover-menu-modal {
  background-color: #fff;
  border: 1px solid #0006;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  height: 28px;
  margin-bottom: 6px;
  padding: 4px 6px;
  transition: background-color .4s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.empty-preview-message-2 {
  color: #979797;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.image-89 {
  display: block;
  position: relative;
}

.img-sz-toggle {
  color: #00b2ed;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.img-sz-toggle.selected {
  color: #fff;
  background-color: #00b2ed;
}

.modal-close {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-close.editor {
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  inset: 0% 0% auto auto;
}

.modal-close.editor:hover {
  opacity: 1;
}

.post-submit-3 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding: 10px 20px 20px;
  display: flex;
}

.timeline-media-5 {
  background-color: #fff;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-612 {
  border: 1px solid #00b2ed;
  align-items: center;
  height: 30px;
  margin-top: 6px;
  margin-bottom: 10px;
  display: flex;
}

.request-icon {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 6px;
}

.img-size-options {
  z-index: 2;
  background-color: #fff;
  width: 230px;
  height: 120px;
  padding: 10px 14px;
  display: none;
  position: absolute;
  inset: -128px -10px auto auto;
  box-shadow: 1px 2px 6px 2px #0003;
}

.sf-98 {
  color: #313131;
  justify-content: space-between;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sf-98.white {
  color: #fff;
}

.sf-98.white.center {
  justify-content: center;
  display: block;
}

.sf-99 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.post-header-4 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px;
  display: flex;
}

.post-header-4.tt {
  padding: 10px 20px 6px;
  display: block;
}

.post-header-4.module {
  align-items: center;
  padding: 10px 0 20px;
  display: block;
}

.post-message-2 {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 30px 20px;
  display: flex;
}

.post-message-2.module {
  text-align: left;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.post-message-2.side {
  padding: 0 20px 10px;
}

.post-message-2.module {
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-421 {
  margin-left: auto;
  display: flex;
}

.request-response-bar {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.timeline-media-6 {
  display: block;
}

.item-header-2 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

.item-header-2.tt {
  font-size: 15px;
  line-height: 18px;
}

.media-preview-5 {
  background-color: #d0dbe4;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.top-tab-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-tab-wrapper.client-group {
  flex: none;
  justify-content: flex-start;
  width: 1050px;
  margin-bottom: 12px;
}

.nav-tab-label {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.form-block-14 {
  width: 340px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.modal-pending-clients, .modal-notes {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-confiirmation-inactivate {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.client-notes {
  background-color: #eef1f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 14px;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-588 {
  padding: 20px 24px;
}

.text-field-6 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.sf-100 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: none;
}

.sf-100.grey {
  color: #aaa;
  display: block;
}

.sf-100.red {
  color: #d32f2f;
}

.sf-100.grey {
  color: #aaa;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.sf-100.red {
  color: #d32f2f;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.modal-confiirmation-activate {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.autocomplete-input-2-program-2 {
  float: none;
  clear: none;
  color: #333;
  background-color: #fff;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.div-block-586 {
  width: 340px;
}

.close-button-2 {
  background-color: #868686;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.close-button-2:hover {
  color: #fff;
  background-color: #696969;
}

.form-notes {
  width: 400px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.textarea-5 {
  min-height: 100px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.div-block-587 {
  padding-top: 10px;
  padding-bottom: 0;
}

.modal-create-client-account {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.client-account-creation {
  background-color: #eef1f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 14px;
  padding-top: 14px;
  padding-bottom: 40px;
  padding-left: 0;
  display: flex;
}

.search-wrapper-8 {
  width: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
}

.member-img-3 {
  background-color: #85a2b6;
  background-image: url('../images/jagoda1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin-right: 6px;
  display: flex;
  position: relative;
}

.member-img-3.small {
  background-color: #85b7da;
  background-image: none;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-right: 6px;
  display: flex;
  position: relative;
}

.column-sort {
  width: 20px;
  min-width: 20px;
  padding-left: 10px;
}

.column-sort.up {
  transform-style: preserve-3d;
  transition: opacity .2s;
  display: none;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.tabs-content-2 {
  overflow: visible;
}

.client-list-table {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  width: 1060px;
  height: auto;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.search-wrapper-2-copy-2 {
  justify-content: flex-end;
  width: 800px;
  padding-right: 20px;
  display: none;
  position: relative;
}

.autocomplete-input-6 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 740px;
  min-width: 460px;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: block;
  position: relative;
}

.client-list-wrapper {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  width: 1060px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.tabs-menu-2 {
  display: flex;
}

.hover-detail {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 1px;
  min-width: 150px;
  padding: 8px 10px;
  display: none;
  position: absolute;
  inset: 70% auto auto 10%;
  box-shadow: 1px 1px 6px #0003;
}

.pending-client-button {
  background-color: #0000;
  border: 1px solid #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 10px;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.pending-client-button:hover {
  color: #ffffff52;
  background-color: #00b2ed57;
}

.client-name-label {
  color: #313131;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.client-name-label:hover {
  color: #00528c;
}

.client-tab {
  color: #00b2ed;
  background-color: #fff;
  border: 1px solid #00b2ed;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  padding: 0 10px;
  display: flex;
}

.client-tab.w--current {
  color: #fff;
  background-color: #00b2ed;
  font-family: Work Sans, sans-serif;
}

.table-row {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  min-height: 60px;
  transition: background-color .4s;
  display: flex;
}

.table-row:hover {
  background-color: #eff8ff;
}

.tab-label {
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.tab-label.sm {
  font-size: 14px;
}

.content-pro-5 {
  background-color: #eee;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 30px 0 100px;
  font-size: 16px;
  display: block;
  position: relative;
  left: 0;
  overflow: auto;
}

.client-list {
  flex-direction: column;
  flex: 1;
  height: 100vh;
  display: flex;
}

.header-row {
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.header-row:hover {
  background-color: #ebebeb;
}

.header-row.heading {
  background-color: #c8e0f1;
  padding-right: 0;
}

.text-initials-5 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.filter-div-3 {
  z-index: 99;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}

.sf-14-cell-label {
  color: #313131;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.no-client-row {
  background-color: #fff;
  align-items: center;
  margin-top: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: block;
}

.client-section-wrapper {
  border-left-width: 1px;
  border-left-color: #e7e7e7;
  border-right: 1px #e7e7e7;
  width: 1060px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.client-header-elements {
  justify-content: space-between;
  align-items: center;
  width: 1050px;
  height: 50px;
  display: flex;
}

.sort-arrow {
  width: 14px;
  height: auto;
  margin-left: 10px;
  padding-left: 0;
  display: none;
}

.table-cell {
  align-self: auto;
  align-items: center;
  width: 15%;
  max-width: 400px;
  min-height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.table-cell.client-header {
  border-left-width: 1px;
  border-left-color: #d6d6d6;
  border-right-width: 1px;
  border-right-color: #fff;
  justify-content: flex-start;
  align-self: stretch;
  width: 24%;
  min-width: 0;
  max-width: none;
  min-height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-cell.client {
  border-left: 1px #d6d6d6;
  border-right-style: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 0;
  max-width: none;
  display: flex;
}

.table-cell.notes-header {
  border-right-style: none;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 24%;
  min-width: 0;
  max-width: none;
  min-height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.table-cell.program {
  border-right-style: none;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 22%;
  min-width: 0;
  max-width: none;
  padding-top: 4px;
  padding-bottom: 4px;
}

.table-cell.workouts {
  background-color: #0000;
  border-right-style: none;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 15%;
  min-width: 0;
  max-width: none;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
}

.table-cell.workouts:hover {
  background-color: #0000;
}

.table-cell.program-header {
  border-right-width: 1px;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 22%;
  min-width: 0;
  max-width: none;
  min-height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-cell.status-change {
  border-left: 1px #d6d6d6;
  border-right-style: none;
  justify-content: flex-end;
  align-items: center;
  width: 24%;
  min-width: 0;
  max-width: none;
  margin-left: auto;
  padding-right: 40px;
}

.table-cell.workout-header {
  border-right-style: none;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 15%;
  min-width: 0;
  max-width: none;
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-cell.workout-header:hover {
  background-color: #b2d7eb;
}

.table-cell.client-header {
  cursor: pointer;
  border-left: 1px #d6d6d6;
  border-right-style: none;
  justify-content: flex-start;
  width: 24%;
  min-width: 0;
  max-width: none;
  min-height: 40px;
}

.table-cell.client-header:hover {
  background-color: #b2d7eb;
}

.new-client-button {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.new-client-button:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.search-wrapper-9 {
  width: 620px;
  position: relative;
}

.website-wrapper-copy {
  z-index: 0;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0;
  overflow: visible;
}

.workout-div-6-copy {
  cursor: move;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.scheduled-item-2-copy {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.tab-progress-indicator-copy {
  height: 75px;
  padding-top: 60px;
  padding-bottom: 20px;
}

.website-view-copy {
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.website-view-copy.modal {
  width: 1100px;
  max-width: 1200px;
  height: 98vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  position: relative;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.content-list-holder-copy {
  overflow: auto;
}

.category-edit-wrapper-copy {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 10px 14px 8px;
  display: block;
  position: relative;
  top: 0;
}

.preview-area-copy {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.email-editor-modal {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.content-edit-wrapper-copy {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 8px 14px;
  display: block;
  position: relative;
  top: 0;
}

.page-options-copy {
  opacity: 1;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-top: 4px;
  padding-bottom: 10px;
  transition: opacity .3s;
  display: flex;
  position: static;
  transform: translate(0);
}

.refresh-cover-copy {
  z-index: 9;
  background-color: #fff9;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-239-copy {
  align-items: center;
  display: flex;
}

.div-block-402-copy {
  opacity: .74;
  background-image: url('../images/face-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  margin-bottom: 18px;
}

.main-area-holder-copy {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
}

.responsive-toggle-bar-copy {
  background-color: #032944;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
}

.profile-tile-overlay-3-copy {
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff1a;
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.profile-tile-overlay-3-copy:hover {
  opacity: 1;
}

.modal-content-media-copy-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  min-width: 800px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: hidden;
}

.tooltip-item-wrapper {
  background-color: #fff;
}

.label-sf-3 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-3.rest {
  color: #999;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  font-size: 13px;
  transition: color .2s;
  display: block;
  position: relative;
}

.label-sf-3.rest:hover {
  color: #00b2ed;
}

.label-sf-3.rest.hidden {
  cursor: pointer;
}

.label-sf-3._13 {
  color: #999;
  font-size: 13px;
}

.label-sf-3._13.blue {
  color: #00528c;
}

.label-sf-3.duration {
  color: #00528c;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  width: auto;
  margin-top: 0;
  font-size: 13px;
  line-height: 16px;
  transition: color .2s;
  display: block;
  position: relative;
}

.label-sf-3.duration:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.special-request-tooltip {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 100px;
  padding: 12px 4px 8px;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.timeline-message-textarea-2 {
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 80px;
  max-height: 60vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  overflow: auto;
}

.div-block-613 {
  background-color: #dbd7d7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
}

.section-10 {
  padding: 60px 100px 40px;
}

.unsubscribe-button {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 140px;
  min-width: 140px;
  height: 46px;
  margin-top: 40px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.unsubscribe-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.div-block-618 {
  padding-top: 20px;
}

.unsubscribe {
  border-bottom: 1px solid #dfdfdf;
  width: 600px;
  padding-top: 24px;
  padding-bottom: 20px;
  display: block;
}

.checkbox-label-18 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.checkbox-field-9 {
  margin-bottom: 10px;
}

.div-block-619 {
  padding-top: 20px;
}

.list-item-2 {
  color: #262c46;
  padding-bottom: 5px;
  font-family: Sf ui text, sans-serif;
  font-weight: 300;
}

.text-heading {
  font-size: 18px;
}

.bold-text-2 {
  font-size: 20px;
}

.outer-holder-2 {
  display: flex;
}

.new-exercise-label {
  z-index: 2;
  color: #fff;
  background-color: #2196f3;
  width: 36px;
  height: 18px;
  padding-top: 5px;
  padding-left: 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 10px;
  position: absolute;
  left: 0;
}

.modalclosediv-5 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalclosediv-5.small {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 6px;
  right: 6px;
}

.exercise-image-3 {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: 8px;
  display: block;
}

.modal-container-2 {
  z-index: 10;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.timeline-container-copy {
  flex-direction: column;
  flex: 1;
  height: 100vh;
  display: flex;
  position: relative;
}

.intro-5-copy {
  z-index: 1000;
  text-align: center;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.post-header-5 {
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 30px 0;
  display: block;
}

.post-container-5 {
  width: auto;
  padding-top: 0;
  padding-left: 18px;
  padding-right: 18px;
}

.landing-item-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 780px;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 120px;
  margin-bottom: 12px;
  display: block;
  position: static;
  bottom: auto;
}

.reaction-icon-bar-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-2:hover {
  background-color: #eef3f8;
}

.email-header {
  z-index: 4;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 20px 10px;
  display: flex;
}

.item-sender-4 {
  flex-direction: row;
  align-items: center;
  padding: 20px 30px 0;
  display: flex;
}

.email-content-section {
  z-index: 3;
  background-color: #f5f8fa;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 80px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: visible;
}

.site-header-3 {
  z-index: 4;
  background-color: #fff;
  border-bottom: 1px #d1d1d1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 80px;
  margin-top: 0;
  padding: 10px;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
  box-shadow: 3px 3px 8px #0003;
}

.content-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 1100px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
  overflow: visible;
}

.sf-sub-title {
  color: #fff;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.page-not-found-wrapper {
  background-image: url('../images/background.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.tagline-white {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #00000057;
  border: 1px solid #0000;
  margin-bottom: 25px;
  font-family: Sf ui text, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
}

.div-block-635 {
  width: 200px;
  padding-top: 38px;
}

.header-elements-3 {
  justify-content: space-between;
  align-items: center;
  width: 1280px;
  padding-left: 10px;
  display: flex;
}

.customer-logo-4 {
  align-items: center;
  min-width: 150px;
  display: flex;
  position: relative;
}

.member-login-button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .4px;
  text-transform: uppercase;
  background-color: #222;
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  margin-top: 0;
  padding: 6px 15px 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s, color .5s;
  display: block;
  position: relative;
}

.member-login-button-2:hover {
  color: #222;
  background-color: #0000;
  border: 1px solid #000;
}

.add-icon2-4 {
  opacity: 1;
  cursor: pointer;
  padding-right: 2px;
  display: block;
}

.add-icon2-4:hover {
  opacity: 1;
}

.lead-gen-preview-2 {
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.edit-button {
  color: #168cdf;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.edit-button:hover {
  color: #fff;
  background-color: #00b2ed;
  border-color: #00b2ed;
}

.lead-option-content {
  background-color: #e2f0f7;
  width: 100%;
  min-height: 40px;
  margin-top: 5px;
  padding: 10px 34px 20px;
}

.modal-content-item-preview {
  z-index: 999;
  background-color: #fff;
  border: 3px solid #fff;
  width: 380px;
  min-height: 100px;
  display: none;
  position: absolute;
  top: 67px;
  left: 504px;
  box-shadow: 8px 8px 16px 4px #00000080;
}

.chooser-search-section {
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
}

.new-button-chooserer {
  cursor: pointer;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.new-button-chooserer:hover {
  opacity: 1;
  background-color: #ddeefa;
}

.div-block-638 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.div-block-639 {
  flex: 1;
  overflow: auto;
}

.div-block-630 {
  justify-content: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: flex;
}

.modal-close-copy {
  z-index: 10;
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  height: 20px;
  min-height: 20px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.div-block-634 {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.lead-redirect-content {
  background-color: #e2f0f7;
  width: 100%;
  min-height: 40px;
  margin-top: 5px;
  padding: 10px 34px 20px;
}

.lead-settings-wrapper {
  width: 100%;
  max-height: 75vh;
  overflow: auto;
}

.close-button-holder {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.audio-message-wrapper-2-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 128px;
  display: block;
}

.audio-message-wrapper-2-copy.no-image {
  background-color: #114c75;
  background-image: linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  height: 220px;
}

.audio-message-wrapper-2-copy.no-image-copy {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 130px;
  display: block;
}

.audio-message-wrapper-2-copy.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 128px;
  display: block;
}

.loading-posts-indicator {
  padding-top: 60px;
  padding-bottom: 20px;
}

.audio-player-controls-2-copy {
  z-index: auto;
  opacity: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-2-copy:hover, .audio-player-controls-2-copy.no-image {
  opacity: 1;
}

.div-block-637 {
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: flex;
}

.div-block-633 {
  align-items: flex-end;
  width: 100%;
  min-height: 24px;
  padding-bottom: 8px;
  display: flex;
}

.program-tile-overlay-4 {
  opacity: 0;
  background-color: #ffffff80;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.program-tile-overlay-4:hover {
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(225deg, #fffffffa, #ffffff4d 72%);
}

.tile-tall-3 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-3.long {
  clear: left;
  border: 1px solid #ddd;
  width: 300px;
  height: 76px;
  padding-bottom: 0;
}

.tile-tall-3.long:hover {
  background-image: none;
}

.tile-tall-3.long.blue {
  background-color: #1389c0;
}

.tile-tall-3.long.blue.selected {
  background-color: #36b4ee;
  border-width: 1px;
}

.modal-lead-gen-settings {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.preview-content-section {
  background-color: #ffffff85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 14px;
  display: block;
}

.timeline-media-2-copy {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.web-link-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 0;
  display: block;
}

.tag-item-input-2 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.modal-title {
  color: #313131;
  padding-bottom: 0;
  padding-left: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  top: -6px;
}

.workout-img-copy-copy-2 {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 42px;
}

.icon-selected {
  background-color: #00528c;
  background-image: url('../images/complete_1complete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #fff;
  border-radius: 28px;
  width: 28px;
  height: 28px;
  position: absolute;
  inset: 5px 5px auto auto;
}

.icon-send-msg {
  opacity: .6;
  transition: opacity .3s;
}

.icon-send-msg:hover {
  opacity: 1;
}

.image-99 {
  margin-right: 12px;
}

.search-wrapper-holder {
  flex: 1;
  padding-right: 20px;
  display: block;
}

.results-holder-6 {
  z-index: 101;
  display: none;
  position: relative;
  overflow: visible;
}

.no-content-section {
  background-color: #ffffff85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 14px 20px;
  display: block;
}

.text-label-4 {
  color: #262c46;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}

.text-label-4.library {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 8px;
}

.div-block-636 {
  justify-content: space-between;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-632 {
  width: 400px;
}

.tile-hover-icon-block-3 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.remove-button {
  margin-left: auto;
}

.link-small-13 {
  color: #00b2ed;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.link-small-13:hover {
  color: #1679cf;
  flex: 0 auto;
}

.header-copy {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 88px;
  min-height: 88px;
  padding: 8px 0 8px 40px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.icon-sendtime {
  opacity: .6;
  transition: opacity .3s;
}

.icon-sendtime:hover {
  opacity: 1;
}

.time-input-wrapper {
  justify-content: center;
  width: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.media-preview-6 {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  display: flex;
}

.edit-send-time-modal {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.edit-send-time {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  min-height: 100px;
  padding: 10px 20px 8px;
  display: block;
  position: fixed;
  inset: 42% 25% auto auto;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.email-thumb {
  background-image: url('../images/email_1email.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 28px;
  height: 32px;
}

.header-dark-blue-6 {
  z-index: 100;
  clear: none;
  background-color: #032944;
  border-bottom: 0 solid #215e85;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  height: 50px;
  min-height: auto;
  max-height: none;
  margin-left: 0;
  padding-top: 14px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
  inset: 0% 0% auto 0;
}

.textlink-4 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Work Sans, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-4:hover {
  color: #00b2ed;
}

.textlink-4.red {
  color: #e53935;
  font-size: 12px;
  display: flex;
}

.textlink-4.red:hover {
  color: #f3615e;
}

.top-header-tab-2 {
  opacity: .72;
  justify-content: center;
  align-items: stretch;
  min-width: 95px;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.top-header-tab-2:hover {
  opacity: 1;
}

.top-header-tab-2.selected {
  opacity: 1;
  border-bottom: 4px solid #00b2ed;
}

.header-dark-blue-7 {
  z-index: 100;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 80px;
  max-height: 80px;
  margin-left: 0;
  padding-top: 18px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.logo-header {
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.download-page-logo {
  max-height: 80px;
  position: relative;
}

.div-block-641 {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
}

.div-block-642 {
  background-color: #00000052;
  border: 1px solid #ffffff80;
  border-radius: 18px;
  justify-content: center;
  min-height: 300px;
  margin-top: 20px;
  padding: 30px 30px 0 20px;
  display: flex;
}

.div-block-643 {
  padding-bottom: 20px;
}

.h3-sf {
  color: #3a3a3a;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  display: block;
}

.h3-sf.white {
  color: #fff;
}

.welcome-image {
  background-image: url('../images/challenge.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  margin-right: 30px;
}

.welcome-text-area {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  padding-bottom: 40px;
  display: flex;
}

.section-11 {
  padding-top: 10px;
}

.text-menu-option-10 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-10.big {
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.text-menu-option-10.big.red {
  color: #d11a2a;
}

.open-graph-setting {
  padding-bottom: 10px;
}

.open-graph-setting.hidden {
  height: 10px;
  display: none;
}

.advanced-settings-wrapper {
  display: block;
}

.program-options-3 {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 234px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 45px;
  left: -90px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.report-icon-2 {
  background-image: url('../images/report.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  background-attachment: scroll;
  width: 22px;
  height: 24px;
}

.sf-101 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-101.white {
  color: #fff;
  width: 100%;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.sf-101.tran-white {
  color: #ffffffb3;
}

.sf-101.dark-grey {
  color: #4d4d4d;
}

.sf-101.light-red {
  color: #ef5350;
}

.sf-101.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-101.red {
  color: #d32f2f;
}

.sf-101.red.right {
  text-align: right;
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.sf-101.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
  display: none;
}

.search-preview-small-text {
  color: #040609;
  padding-bottom: 8px;
}

.input-category-2 {
  color: #fffc;
  background-color: #155279;
  border: 0 solid #000;
  border-radius: 4px;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
  margin-right: 0;
  padding-left: 10px;
  font-family: Sf ui text, sans-serif;
  transition: background-color .4s;
  display: flex;
}

.input-category-2:hover {
  background-color: #2773a3;
}

.div-block-644 {
  background-color: #fff;
  min-height: 100px;
  padding: 12px;
}

.div-block-644.hidden {
  display: none;
}

.help-icon-2 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
}

.help-icon-2:hover {
  opacity: 1;
}

.search-title-preview {
  color: #1811a1;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
}

.link-small-13-2 {
  color: #00b2ed;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.link-small-13-2:hover {
  flex: 0 auto;
}

.share-button {
  opacity: .72;
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border: 1px solid #fffc;
  border-radius: 4px;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 14px;
  padding-left: 14px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.share-button:hover {
  opacity: .88;
  background-color: #315e7a;
}

.share-button.web {
  border: 1px solid #fffc;
  margin-left: 5px;
  margin-right: 5px;
}

.settings-wrapper {
  height: 80vh;
  overflow: auto;
}

.div-block-645 {
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.advanced-settings {
  border-top: 1px solid #026bb4;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.category-bottom-2 {
  border-top: 1px solid #00528c;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 20px 14px;
  display: flex;
}

.textarea-seo-settings {
  color: #fffc;
  background-color: #155279;
  border: 1px solid #155279;
  border-radius: 4px;
  min-height: 80px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  transition: background-color .4s;
}

.textarea-seo-settings:hover {
  background-color: #2773a3;
}

.close-arrow-2 {
  opacity: .68;
  padding-right: 20px;
}

.close-arrow-2:hover {
  opacity: .9;
}

.page-setting-icon {
  opacity: .57;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 4px;
}

.page-setting-icon:hover {
  opacity: .78;
}

.div-block-646 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 0;
  display: flex;
}

.div-block-646.hidden {
  display: none;
}

.advanced-link {
  background-color: #053557;
  border-top: 1px solid #026bb4;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.advanced-link:hover {
  background-color: #00b2ed33;
}

.category-labels-2 {
  color: #fff9;
  letter-spacing: .3px;
  justify-content: space-between;
  padding-bottom: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  position: relative;
}

.seo-settings-wrapper {
  border-top: 1px solid #026bb4;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.ac-default-label-small-3 {
  color: #000000db;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.results-scroller-6 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 50vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.category-top-3 {
  border-bottom: 1px solid #00528c;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 14px 10px;
  display: flex;
}

.lead-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.preview-wrapper-4 {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 43%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.lead-option {
  background-color: #fff;
  padding-top: 6px;
  padding-bottom: 12px;
  padding-right: 20px;
  display: block;
}

.post-button-img-2 {
  width: 26px;
  min-width: 26px;
}

.input-cta-button-label-2 {
  width: 340px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.timeline-new-preview-copy-copy {
  background-color: #fff;
  width: 100%;
  height: auto;
  display: block;
  position: static;
  bottom: auto;
}

.remove-section-3 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-3:hover {
  opacity: .86;
}

.timeline-compose-section-6 {
  background-color: #f5f5f5;
  flex-direction: column;
  width: 57%;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.empty-post-holder-2 {
  background-color: #e8eaec;
  padding-top: 100px;
  padding-bottom: 140px;
}

.empty-post-holder-2.hidden {
  background-color: #e8eaec;
}

.edit-url-2 {
  opacity: .66;
  cursor: pointer;
  align-items: center;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.edit-url-2:hover {
  opacity: 1;
  background-color: #1389c0b5;
}

.preview-holder-3 {
  background-color: #a59e9e;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: static;
}

.main-area-holder-2 {
  background-color: #032944;
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
}

.div-block-647 {
  display: flex;
}

.email-editor-header-2 {
  z-index: 1;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 10px 0 20px;
  display: flex;
  position: relative;
  inset: auto 0 0 auto;
}

.email-editor-input {
  color: #fff;
  background-color: #0000;
  border: 1px solid #ffffff73;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.email-editor-input:hover {
  border-color: #ffffffa6;
}

.email-editor-input.prehead {
  font-weight: 300;
}

.lead-gen-toggle {
  cursor: pointer;
  background-color: #64dd17;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  margin-left: 14px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: flex;
}

.lead-gen-toggle:hover {
  opacity: 1;
}

.lead-gen-toggle.off {
  background-color: #e0e0e0;
}

.off-state-text-holder {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

.lead-gen-toggle-knob {
  background-color: #fff;
  border: 2px solid #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
}

.lead-gen-toggle-knob.off {
  border-style: none;
  border-color: #87badf;
  box-shadow: 2px 2px 8px -1px #00000040;
}

.lead-gen-toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 26px;
  box-shadow: -1px 1px 5px #00000040;
}

.lead-gen-toggle-wrapper {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.autocomplete-input-2-program-3 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-2-program-3.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
}

.get-started-5 {
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  padding: 24px;
  display: block;
  box-shadow: 1px 1px 3px #00000017;
}

.plan-sort-wrapper-2 {
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 12px;
  display: flex;
}

.plan-landing-url-2 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 6px;
  display: flex;
  position: relative;
}

.plan-price-trial-2 {
  display: flex;
}

.link-icon {
  margin-right: 0;
}

.copy-url {
  opacity: .56;
  cursor: pointer;
  align-items: center;
  margin-left: 0;
  padding-top: 5px;
  padding-right: 3px;
  display: flex;
}

.copy-url:hover {
  opacity: 1;
  background-color: #1389c080;
}

.item-header-copy-2 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.timeline-content-wrapper-2 {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
  width: auto;
  height: auto;
}

.timeline-post-5 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.timeline-post-5:hover {
  border-color: #00b2ed;
  box-shadow: 0 4px 12px #00528c80;
}

.timeline-post-5.preview {
  text-align: left;
  border-style: none;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  transition-property: none;
  display: flex;
}

.timeline-post-5.preview:hover {
  box-shadow: none;
  border-style: none;
}

.timeline-post-5.preview:active {
  box-shadow: none;
}

.social-icon-bar-2 {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.plans-wrapper-4 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.timeline-post-old-2 {
  background-color: #fff;
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  display: flex;
  position: relative;
  bottom: auto;
}

.timeline-action-bar-6 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px;
  display: flex;
  position: relative;
  bottom: 0;
}

.new-message-button-4 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-left: 14px;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.new-message-button-4:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.app-workout-container-5 {
  background-image: url('../images/jagoda2.jpg'), linear-gradient(#494949, #494949);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 320px;
  min-height: 0;
  padding: 24px 32px;
  display: flex;
  position: relative;
}

.time-bar-2 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.text-block-40 {
  cursor: pointer;
  padding-right: 10px;
}

.reaction-icon-bar-3 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-3:hover {
  background-color: #eef3f8;
}

.pace-2 {
  align-items: center;
  margin-left: 22px;
  display: flex;
}

.heart-rate-wrapper-3 {
  background-color: #494949;
  width: 100%;
  height: 164px;
  padding-top: 20px;
  padding-left: 40px;
}

.filter-div-4 {
  z-index: 99;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin-left: 0;
  margin-right: 24px;
  padding-right: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}

.social-section-2 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.feedback-workout-exercise-2 {
  border-top: 2px solid #efeeee;
  border-bottom: 2px #efeeee;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.header-copy-2 {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 88px;
  min-height: 88px;
  padding: 8px 0 8px 40px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.heart-rate-header-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 46px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.distance-pace-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.orignal-message-2 {
  color: #757575;
  cursor: pointer;
  overflow: visible;
}

.orignal-message-2:hover {
  color: #0078ce;
}

.save-to-library-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color .3s;
  display: flex;
}

.save-to-library-2:hover {
  background-color: #eef3f8;
}

.item-button-bar-2 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.program-alert-content-2 {
  padding-top: 6px;
  padding-left: 14px;
}

.completed-date {
  align-items: center;
  display: flex;
}

.timeline-header-elements-5 {
  z-index: 25;
  justify-content: space-between;
  align-items: center;
  width: 980px;
  height: auto;
  min-height: 50px;
  margin-top: 10px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.social-icon-2 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-2.dislike {
  background-image: url('../images/icon-social-dislike-outline2x_1icon-social-dislike-outline@2x.png');
}

.social-icon-2.dislike.selected-lg {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-2.like.selected-lg {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-2.wow {
  background-image: url('../images/icon-social-wow-outline2x_1icon-social-wow-outline@2x.png');
}

.social-icon-2.wow.selected-lg {
  background-image: url('../images/icon-social-wow-color2x_1icon-social-wow-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-2.high-five {
  background-image: url('../images/icon-social-highfive-outline_1icon-social-highfive-outline.png');
  background-size: 30px;
}

.message-holder-4 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.div-block-666 {
  display: block;
  position: sticky;
  top: 18px;
}

.completed-workout-wrapper-3 {
  cursor: pointer;
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
  width: auto;
  height: auto;
}

.audio-bottom-controls-4 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.quote-container-4 {
  background-image: linear-gradient(#262c4691, #262c4691), url('../images/miketyson.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 320px;
  display: flex;
}

.workout-label-holder-3 {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  min-height: 56px;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

.mark-done-icon-2 {
  cursor: pointer;
  background-color: #0078ce42;
  background-image: url('../images/check-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 6px;
  align-self: auto;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  transition: background-color .3s;
  position: absolute;
  inset: 10px 10px auto auto;
}

.mark-done-icon-2:hover {
  background-color: #0e4d7a8a;
}

.workout-item-play-2 {
  opacity: .7;
  align-items: center;
  display: flex;
}

.workout-item-play-2:hover {
  opacity: 1;
}

.social-label-2 {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.timeline-panel-3 {
  z-index: 91;
  background-color: #ddeefa;
  border-radius: 10px;
  flex: 0 auto;
  width: 340px;
  min-width: 340px;
  height: 97vh;
  min-height: 0;
  max-height: none;
  margin: 14px 14px 0 0;
  padding-bottom: 10px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  box-shadow: 0 0 10px 5px #00000080;
}

.sent-item-2 {
  border: 0 #000;
  min-width: 50px;
  min-height: 50px;
  padding-top: 8px;
  display: block;
  position: absolute;
  inset: 0 0% auto 520px;
}

.heart-rate-display-3 {
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.workout-container-4 {
  background-image: linear-gradient(#494949, #494949);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 240px;
  padding: 24px 32px 24px 20px;
  display: flex;
}

.selected-outline-2 {
  z-index: 5;
  background-color: #ffffff5c;
  border: 6px solid #2196f3;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.audio-bottom-controls-5 {
  background-image: linear-gradient(to top, #000000b3 30%, #0000);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.workout-name-div-6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.completd-topbar {
  background-color: #0006;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.icon-save-2 {
  opacity: .6;
  background-image: url('../images/download-1_1download (1).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.post-header-6 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.view-original {
  padding-left: 10px;
}

.timeline-right-2 {
  background-color: #fff;
  width: 340px;
  min-width: 340px;
  height: 86vh;
  min-height: 200px;
  margin-bottom: 0;
  padding: 0;
  display: none;
  position: sticky;
  top: 100px;
  bottom: 0;
  left: 0;
  overflow: visible;
}

.email-input-wrapper-2 {
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.tile-hover-icon-preview {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.owner-name-text {
  color: #424242;
  text-transform: none;
  font-size: 15px;
}

.submit-save-button-6 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-top: 10px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-6:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-6.done {
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-6.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-6.cancel:hover {
  background-color: #a1a1a1;
}

.small-text-4 {
  color: #727272;
  text-transform: none;
  padding-top: 0;
  padding-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

.ac-default-label-small-4 {
  color: #575757db;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.transfer-owner {
  padding-top: 10px;
  display: block;
}

.sf-14-grey-label {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.owner-display {
  background-color: #fff;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 0;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.old-modal-edit-members-2 {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.add-content-button-2 {
  color: #168cdf;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 46px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.add-content-button-2:hover {
  color: #fff;
  background-color: #00b2ed;
  border-color: #00b2ed;
}

.add-content-button-2.hidden {
  display: none;
}

.modal-content-groups-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.tag-item-input-3 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.client-search-add-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
  display: block;
}

.sf-102 {
  color: #727272;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.library-tile-wrapper-2 {
  border-top: 1px solid #dfdfdf;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-668 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.post-bottom-right-dragger {
  cursor: nwse-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.modal-library-content-chooser-3 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 955px;
  height: 87vh;
  min-height: 260px;
  max-height: 87vh;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0 0;
  display: flex;
  position: fixed;
  inset: 40px 0% auto;
  overflow: visible;
}

.post-wrapper-3 {
  border-top: 1px solid #dfdfdf;
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.check-icon-2 {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.add-button-wrapper {
  align-items: center;
  display: flex;
}

.page-level-options {
  z-index: 2;
  opacity: 1;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: opacity .3s;
  display: flex;
  position: relative;
  transform: translate(0);
}

.open-library {
  opacity: 1;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
}

.open-library:hover {
  opacity: 1;
}

.add-icon2-5 {
  opacity: 1;
  padding-right: 0;
  display: block;
}

.add-icon2-5:hover {
  opacity: 1;
}

.editor-add-new-3 {
  opacity: .8;
  cursor: pointer;
  background-color: #00528c;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  margin-left: 8px;
  padding: 2px 5px 2px 3px;
  display: flex;
}

.editor-add-new-3:hover {
  opacity: 1;
}

.search-wrapper-6-copy {
  flex: 1;
  position: relative;
}

.audio-player-controls-4 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-4:hover, .audio-player-controls-4.no-image {
  opacity: 1;
}

.gradient-overlay-3 {
  z-index: 2;
  background-image: linear-gradient(#0009, #0000 56%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.app-workout-container-6 {
  background-image: url('../images/jagoda2.jpg'), linear-gradient(#494949, #494949);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 320px;
  min-height: 0;
  display: flex;
  position: relative;
}

.ac-default-label-small-5 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.post-element-button-5 {
  clear: left;
  cursor: pointer;
  background-color: #eee;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 6px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .3s;
  display: inline-block;
  position: relative;
}

.post-element-button-5:hover {
  background-color: #cddeeb;
}

.button-content {
  align-items: center;
  height: 42px;
  display: flex;
}

.button-icon-3 {
  margin-right: 5px;
}

.upload-button-div-2 {
  clear: left;
  width: 130px;
  height: auto;
  margin-bottom: 6px;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  position: static;
  top: 0;
}

.upload-button-holder-5 {
  align-items: flex-start;
  height: auto;
  margin-top: 14px;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.button-media-option-5 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  width: 100%;
  height: 44px;
  margin-top: 0;
  padding: 6px 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  position: static;
}

.button-media-option-5:hover {
  background-color: #00b2ed33;
}

.collaboration-settings-menu {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 3px;
  padding-bottom: 5px;
  display: none;
  position: fixed;
  inset: 64px 74px auto auto;
  box-shadow: 1px 1px 3px #00000078;
}

.nav-tab-label-2 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.select-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.delete-exercise {
  justify-content: flex-end;
  padding: 40px 20px 20px 10px;
  display: flex;
}

.bottom-button-ar {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: 80px;
  padding-top: 14px;
}

.autocomplete-input-7 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.library-tab-bar {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
  padding-top: 4px;
  display: flex;
}

.sort-wrapper-3 {
  align-items: center;
  display: flex;
}

.media-type-toggle-wrapper {
  margin-right: 16px;
}

.option-button-wrapper {
  background-color: #f3f3f3;
  border-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.button-ac-wrapper-editor {
  margin-bottom: 10px;
  position: relative;
}

.file-info {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
}

.overlay-3 {
  background-color: #fff0;
  transition: background-color .6s;
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay-3:hover {
  background-color: #fff6;
}

.reverse-close-button {
  z-index: 99;
  opacity: .54;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.reverse-close-button:hover {
  opacity: .86;
}

.tag-2 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-2.multiple {
  display: inline-block;
}

.library-section-wrapper {
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.button-wrapper {
  align-items: center;
  margin-left: 15px;
}

.apply-text {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
}

.tile-thumb-2 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-2.tall {
  height: 75%;
}

.tile-thumb-2.tall {
  height: 75%;
  max-height: 75%;
  overflow: hidden;
}

.tile-thumb-2.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  overflow: hidden;
}

.tile-thumb-2.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tile-thumb-2.tall.audio {
  background-size: cover;
}

.tile-item-name-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.wide-header-content-3 {
  z-index: 25;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-3.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 20px;
}

.close-button-white {
  cursor: pointer;
  display: inline-block;
}

.close-button-white:hover {
  opacity: .87;
}

.small-tab-label {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
}

.tag-content-4 {
  align-items: center;
  max-width: 100%;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.ac-default-label-5 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.library-tab-bar-wrapper {
  display: block;
}

.upload-option {
  z-index: 2;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.upload-option:hover {
  background-color: #cddeeb;
}

.bulk-select-wrapper {
  display: none;
  position: relative;
  overflow: auto;
}

.tile-tall-4 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-4:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-4.small {
  clear: left;
  cursor: grab;
  width: 100px;
  height: 112px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.create-new-button-5 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-5:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.results-wrapper-6 {
  z-index: 4;
  border: 0 solid #cfcfcf;
  width: 100%;
  display: none;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.top-header-tab-3 {
  opacity: .72;
  justify-content: center;
  align-items: stretch;
  min-width: 100px;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.top-header-tab-3:hover {
  opacity: 1;
}

.top-header-tab-3.selected {
  opacity: 1;
  border-bottom: 4px solid #00b2ed;
}

.library-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.label-tile-2 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.label-tile-2.sm {
  font-size: 12px;
}

.modal-upload-options {
  z-index: 102;
  border-radius: 6px;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  width: 206px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 100px auto auto 75px;
  box-shadow: -1px 3px 8px 1px #0000004d;
}

.pop-up-arrow {
  background-color: #f3f3f3;
  border-style: none solid solid none;
  border-width: 1px 2px 2px 1px;
  border-bottom-color: #cacaca;
  border-left-color: #000;
  border-right-color: #cacaca;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto auto -14px 40px;
  transform: rotate(45deg);
}

.modal-top-bar-dark {
  z-index: 12;
  cursor: move;
  background-color: #032944;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.image-104 {
  max-width: none;
}

.text-empty {
  color: #949494;
  text-align: center;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.exercise-library-header {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px 10px 14px;
}

.exercise-library-header.modal {
  background-color: #032944;
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.tag-small-2 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-2:hover {
  background-color: #00528ccc;
}

.settings-header {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px 4px 10px;
  display: flex;
}

.no-content-display-3 {
  z-index: 9999;
  opacity: .8;
  text-align: center;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  padding: 40px 20px;
  display: block;
  position: relative;
}

.icon-hide {
  opacity: .6;
  transition: opacity .3s;
}

.icon-hide:hover {
  opacity: 1;
}

.icon-unhide {
  opacity: .6;
  transition: opacity .3s;
}

.icon-unhide:hover {
  opacity: 1;
}

.left-panel-4 {
  z-index: 0;
  background-color: #032944;
  flex-direction: column;
  flex: 0 auto;
  width: 260px;
  min-height: 140px;
  max-height: 91vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 50px;
  display: block;
  position: relative;
  overflow: auto;
}

.icon-settings-2 {
  opacity: .7;
  transition: opacity .3s;
}

.icon-settings-2:hover {
  opacity: 1;
}

.preview-area-3 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.profile-tile-overlay-6 {
  opacity: 0;
  background-color: #ffffff1a;
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.profile-tile-overlay-6:hover {
  opacity: 1;
}

.no-category-display-2 {
  z-index: 9999;
  opacity: .8;
  text-align: center;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  padding: 40px 20px;
  display: block;
  position: relative;
}

.modal-edit-members-2-copy {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.timeline-post-preview-2 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  height: auto;
  margin-top: 0;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.landing-nav {
  z-index: 990;
  background-color: #00528c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
}

.content-wrapper-white {
  min-height: 640px;
  padding: 40px 0 80px;
}

.div-block-680 {
  padding-top: 10px;
}

.password-reset-wrapper {
  padding: 20px 60px 40px;
  transition: opacity .575s;
}

.form-21 {
  padding-top: 10px;
}

.div-block-682 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.submitbutton-5 {
  text-align: center;
  border-style: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: flex;
}

.submitbutton-5:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.section-12 {
  padding-top: 10px;
}

.button-holder2 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-13 {
  padding-top: 10px;
}

.div-block-683 {
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.toggle-holder-4 {
  width: 100%;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.ac-default-button-link-3 {
  color: #032944;
  width: 370px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 0;
}

.input-component-holder-6 {
  background-color: #f5f5f5;
  flex: 0 auto;
  padding-bottom: 140px;
  position: relative;
  overflow: auto;
}

.form-19 {
  padding-bottom: 5px;
}

.div-block-445 {
  padding-top: 16px;
}

.login-outer-wrapper-2 {
  background-image: url('../images/blue-cover2.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100vw;
  height: 100vh;
  padding-top: 60px;
}

.fb-button-login {
  background-color: #4267b2;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 50px;
  margin-top: 25px;
  padding-top: 0;
  display: flex;
}

.fb-button-login:hover {
  filter: saturate(159%);
}

.inputfield-3 {
  color: #312b3de3;
  width: 100%;
  margin-top: 4px;
  font-size: 16px;
  display: block;
}

.label-field {
  color: #3f3f3f;
  padding-top: 4px;
  padding-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.fb-button-2 {
  width: 260px;
}

.login-box-2 {
  background-color: #ffffffe0;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 40px 40px;
  display: flex;
}

.form-block-17 {
  width: 380px;
  margin-top: 25px;
}

.sf-103 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-103.white {
  color: #fff;
}

.sf-103.center {
  text-align: center;
}

.footer-links-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
  position: fixed;
  bottom: 0;
}

.footer-3 {
  color: #777;
  text-align: center;
  margin-bottom: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.footer-3.white {
  color: #ffffff94;
}

.client-account-wrapper {
  background-image: linear-gradient(#00528cdb, #0000 75%), url('../images/Artboard-3.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: flex-start;
  height: 100vh;
  display: flex;
  overflow: auto;
}

.twmbranding-3 {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.sf-header-white-copy {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-top: 30px;
  font-family: Sf ui text, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2em;
  display: block;
}

.sf-header-white-copy.invite {
  padding-top: 60px;
  line-height: 1.5em;
  display: block;
}

.dynamic-text-section {
  width: 600px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  position: relative;
}

.reverse-footer {
  filter: brightness(88%);
  margin-top: auto;
  padding-top: 20px;
}

.create-account-bg-copy {
  color: #312b3d;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 100px;
  display: block;
}

.sf-104 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.checkbox-label-15-2 {
  color: #312b3de3;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.action-button-7 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-7:hover {
  color: #fff;
  background-color: #0d72b9;
}

.remove-section-4 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-4:hover {
  opacity: .86;
}

.tag-small-3 {
  clear: left;
  cursor: move;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-3:hover {
  background-color: #00528ccc;
}

.tag-small-3.hidden {
  max-width: 100%;
}

.action-button-8 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-8:hover {
  color: #fff;
  background-color: #0d72b9;
}

.category-details-3 {
  background-color: #032944;
  border: 1px solid #00528c;
  width: 440px;
  height: auto;
  min-height: 200px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0 0 10px;
  display: block;
  position: absolute;
  inset: 0% auto auto 260px;
  overflow: visible;
}

.open-graph-img-preview {
  background-image: url('../images/noimage.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 382px;
  height: 200px;
}

.upload-open-graph {
  opacity: .76;
  cursor: pointer;
  background-color: #155279;
  border: 1px solid #fffc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.upload-open-graph:hover {
  opacity: .88;
  background-color: #315e7a;
}

.div-block-694 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.image-107 {
  margin-right: 8px;
}

.image-chooser-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.upload-option-2 {
  z-index: 2;
  cursor: pointer;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.upload-option-2:hover {
  background-color: #cddeeb;
}

.og-pop-up-arrow {
  background-color: #f3f3f3;
  border-style: none solid solid none;
  border-width: 1px;
  border-bottom-color: #cacaca;
  border-left-color: #000;
  border-right-color: #cacaca;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto auto -12px 40px;
  transform: rotate(45deg);
}

.photo-cropper-2 {
  background-color: #0006;
  width: 100vw;
  height: 100vh;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.open-graph-upload-options {
  z-index: 102;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  width: 190px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: -1px 3px 8px 1px #0000004d;
}

.option-button-wrapper-2 {
  background-color: #f3f3f3;
  border-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  position: relative;
}

.close-side-panel-2 {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.close-side-panel-2:hover {
  opacity: 1;
}

.text-block-44 {
  font-weight: 500;
}

.upload-img-copy {
  width: 106px;
  margin-left: 100px;
  margin-right: 100px;
}

.div-block-698 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.message-section-3 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 10px 14px 5px;
  display: block;
  position: static;
  bottom: auto;
}

.image-112 {
  margin-right: 3px;
}

.item-name-input-2 {
  color: #1d1d1d;
  background-color: #ffffff94;
  border: 1px solid #d3d3d3;
  width: 100%;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 14px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.item-name-input-2:hover {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}

.item-name-input-2:focus {
  border: 1px solid #a7a7a7;
}

.item-name-input-2::placeholder {
  color: #27272766;
}

.rte-toggle {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.rte-toggle-section {
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 0;
  display: flex;
}

.audio-play-pause-2 {
  z-index: 9;
  opacity: .8;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.audio-play-pause-2:hover {
  opacity: 1;
}

.media-library-modal-2 {
  background-color: #f7f7f7;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  max-width: 95%;
  height: 90vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  top: 40px;
  left: 60px;
  overflow: visible;
  box-shadow: -1px -1px 8px #0000005e, 6px 6px 8px #0006;
}

.sort-option-7 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  height: 34px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-7:hover {
  background-color: #d8e1e7;
}

.sort-option-7.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.audio-play-button-2 {
  z-index: 9;
  opacity: .8;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.audio-play-button-2:hover {
  opacity: 1;
}

.button-send-as-msg {
  color: #0078ce;
  text-align: center;
  align-items: center;
  height: 34px;
  margin-right: 10px;
  padding-left: 4px;
  padding-right: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: flex;
}

.button-send-as-msg:hover {
  color: #0078ce;
  background-color: #07c1ff45;
}

.small-toggle-knob {
  background-color: #fff;
  border-width: 2px;
  border-color: #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
  box-shadow: 1px 1px 3px #00000040;
}

.small-toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 20px;
  box-shadow: -1px 1px 5px #00000040;
}

.small-toggle-knob.off {
  box-shadow: 2px 2px 8px -1px #00000040;
}

.text-block-45 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.library-content-chooser-modal {
  z-index: 995;
  background-color: #0006;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.media-toggle-bar-2 {
  cursor: pointer;
  border-width: 1px;
  border-color: #0f81d1;
  align-items: flex-start;
  height: 46px;
  display: flex;
}

.video-img-component-3 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px;
  display: block;
  position: relative;
}

.video-img-component-3:focus {
  border: 1px solid #bda3a3;
}

.ac-icon-2 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-2.empty {
  background-image: none;
  width: 1px;
  min-width: 1px;
  height: 22px;
  margin-left: 0;
}

.library-sidebar-2 {
  background-color: #eef2f5;
  border-style: none none none solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  flex: none;
  width: 310px;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: auto;
}

.library-item-wrapper-2 {
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  overflow: auto;
}

.library-tab-wrapper-content {
  flex: 1;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-696 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.library-sort-2 {
  background-color: #ebf0f3;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.sm-toggle-switch {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 10px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.sm-toggle-switch:hover {
  opacity: 1;
}

.sm-toggle-switch.on {
  background-color: #64dd17;
}

.upload-img-2 {
  opacity: .63;
  width: 106px;
}

.post-editor-modal-4 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: 7px 6px 14px #0006;
}

.submit-button-small-7 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-7:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-7.cancel {
  background-color: #97a4af;
}

.submit-button-small-7.cancel:hover {
  background-color: #8c959c;
}

.tile-tall-5 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-5:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-5.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-5.hidden {
  display: inline-block;
}

.tile-tall-5.content-block {
  background-color: #eee;
}

.time-bar-thumb {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 200px;
  height: 8px;
  margin-left: 6px;
  margin-right: 4px;
  position: relative;
}

.play-icon-mini {
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.handle-small {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: absolute;
  inset: -4px 0 auto auto;
}

.handle-small:hover {
  background-color: #fff;
}

.audio-bottom-controls-mini {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 44px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-699 {
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.speed-option-3 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-3:hover {
  color: #fff;
  background-color: #353535;
}

.playback-speed-small {
  z-index: 11;
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 24px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -15px 6px auto auto;
}

.playback-speed-small:hover {
  background-color: #fff;
}

.upload-progress-widget2-2 {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #fff;
  width: 320px;
  min-height: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 11px #0006, 0 0 6px #fff;
}

.video-player {
  object-fit: fill;
  background-image: url('../images/plan2.png');
  background-position: 0 0;
  background-size: cover;
  height: 85vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.bottom-label-holder {
  z-index: 4;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 8%;
}

.start-button {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.skip-backward {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.progress-volume-wrapper {
  z-index: 10;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ribbon-exercise-detail-2 {
  justify-content: center;
  min-height: 20px;
  max-height: 25%;
  padding: 5% 0 0;
}

.ribbon-exercise-detail-2.time {
  height: 15%;
  position: absolute;
  inset: auto 0% 5px;
}

.ribbon-set-number-2 {
  z-index: 1;
  color: #fff;
  text-align: center;
  background-color: #032944;
  width: 40px;
  height: 34px;
  padding-top: 3%;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: block;
  position: absolute;
  inset: 0% 6px auto auto;
}

.player-workoutname-2 {
  align-self: center;
  align-items: flex-end;
  display: flex;
}

.icon-play {
  width: 28px;
  display: inline-block;
}

.paused-button-holder-2 {
  z-index: 6;
  justify-content: flex-end;
  align-items: center;
  width: 98%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  bottom: 250px;
  left: 10px;
  right: 10px;
}

.progress-elapse-2 {
  background-color: #2196f3;
  width: 25%;
  height: 100%;
  position: absolute;
}

.modal-player-content-2 {
  background-color: #fff;
  flex-direction: column;
  width: 96%;
  min-width: 800px;
  height: 90%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.exercise-ribbon-wrapper-2 {
  z-index: 11;
  opacity: 1;
  background-color: #fff;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.workout-duration-label {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.video-volume-control-2 {
  justify-content: center;
  width: 36px;
  height: 34px;
  margin-bottom: 10px;
  margin-left: auto;
  padding-top: 4px;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.close-player-modal {
  filter: invert();
  cursor: pointer;
  width: 26px;
  display: inline-block;
  position: static;
}

.workout-progress-bar-2 {
  background-color: #ffffffbf;
  height: 8px;
  position: relative;
}

.start-button-wrapper {
  display: block;
  position: static;
}

.text-label-large-2 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-size: 5em;
  font-weight: 600;
  line-height: .8em;
}

.text-label-medium-2 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1em;
}

.text-label-medium-2.start {
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 0;
  font-family: Sf ui display, sans-serif;
}

.text-label-countdown-2 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.text-label-countdown-2.small {
  text-align: right;
  font-size: 5em;
}

.player-weight-input-2 {
  z-index: 11;
  background-color: #000;
  border: 1px solid #ffffffa1;
  border-radius: 10px;
  width: 300px;
  height: auto;
  padding: 24px 10px 20px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

.text-label-set-rep-2 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  margin-right: 26px;
  padding-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 2.6em;
  font-weight: 600;
  line-height: 1em;
}

.countdown-wrapper-2 {
  padding-top: 2%;
  padding-right: 1%;
}

.in-progress-display {
  justify-content: space-between;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.overlay-cover {
  z-index: 5;
  background-color: #0000004d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
  display: block;
  position: absolute;
  inset: 0%;
}

.top-display-2 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.ribbon-exercise-label-2 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
}

.play-control-iicon-holder {
  justify-content: center;
  align-items: center;
  position: relative;
  transform: rotate(0);
}

.player-control {
  display: block;
}

.skip-button {
  opacity: .9;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.skip-button:hover {
  opacity: 1;
}

.exercise-info-wrapper-2 {
  padding-top: 2%;
  padding-left: 1%;
  position: relative;
}

.time-label-2 {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

.modal-close-player {
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.modal-close-player:hover {
  opacity: .7;
}

.player-play-pause-button {
  opacity: 1;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.player-play-pause-button:hover {
  opacity: 1;
  background-color: #000000b3;
}

.player-modal-top-bar-3 {
  z-index: 12;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding-left: 24px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.ribbon-exercise-wrapper-2 {
  background-color: #fff;
  border: 4px solid #fff;
  width: 15%;
  min-width: 160px;
  max-width: 190px;
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  transition: border-color .6s;
  position: relative;
}

.ribbon-exercise-wrapper-2:hover {
  border-color: #00b2edb8;
}

.ribbon-exercise-wrapper-2.disabled {
  opacity: .55;
}

.ribbon-exercise-wrapper-2.disabled:hover {
  border-style: solid;
  border-color: #fff;
}

.ribbon-exercise-wrapper-2.current {
  border-color: #00b2ed;
}

.text-label-small-2 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 2em;
  font-weight: 600;
  line-height: 1em;
  display: block;
}

.modal-webplayer-3 {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.icon-pause {
  filter: invert();
  width: 32px;
  display: inline-block;
}

.start-play-button-2 {
  opacity: 1;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 76px;
  min-width: 76px;
  height: 76px;
  min-height: 76px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.start-play-button-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.ribbon-content-2 {
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  display: flex;
  overflow: auto;
}

.div-block-589 {
  display: flex;
}

.player-wrapper-2 {
  background-color: #4440;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  display: block;
  position: relative;
  overflow: hidden;
}

.exercise-info-display-wrapper {
  z-index: 2;
  background-image: linear-gradient(#0009 21%, #0000);
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 18%;
  min-height: 72px;
  padding-bottom: 20px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  display: block;
  position: absolute;
  inset: 50px 0% auto;
}

.control-buttons {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.get-ready-display {
  justify-content: space-between;
  align-items: flex-start;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.label-player-workout-name-2 {
  color: #313131;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.preview-countdown-wrapper {
  padding-top: 2%;
  padding-right: 1%;
}

.feedback-container-2 {
  background-color: #eff2f5;
  border: 1px solid #fff;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
}

.modal-close-feedback {
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.modal-close-feedback:hover {
  opacity: .7;
}

.text-label-exercise {
  z-index: 4;
  color: #313131;
  text-align: left;
  margin-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.modal-feedback {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.play-pause-2 {
  flex-direction: column;
  height: auto;
  margin-left: 0;
  display: flex;
}

.audio-player-holder-2 {
  min-width: 100px;
  min-height: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.delete-audio {
  cursor: pointer;
}

.delete-audio:hover {
  filter: saturate(71%);
}

.image-113 {
  filter: invert();
  width: 26px;
}

.feedback-modal-top-bar {
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.workout-feedback-section {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  padding-bottom: 10px;
  display: block;
}

.audio-component-editor-6 {
  background-color: #fff;
  border-top: 1px #e6e6e6;
  border-bottom: 1px #e6e6e6;
  width: 100%;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-6:focus {
  box-shadow: 1px 1px 3px #000;
}

.text-label-sm-title {
  z-index: 4;
  color: #313131;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.2em;
  display: block;
}

.feedback-title {
  align-items: center;
  height: 40px;
  padding-left: 14px;
  display: flex;
}

.player-post-wrapper-2 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
  position: relative;
}

.modal-player-content-3 {
  background-color: #fff;
  flex-direction: column;
  width: 96%;
  min-width: 800px;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.timeline-compose-section-7 {
  background-color: #fff;
  flex-direction: column;
  width: 50%;
  min-width: 300px;
  max-width: 500px;
  margin-top: 0;
  margin-right: 20px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.title-label {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.post-feedback-embed-2 {
  width: auto;
  max-width: 1300px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.feedback-submit-bar-2 {
  background-color: #fff;
  border-top: 1px solid #e2e2e2;
  justify-content: center;
  align-items: flex-start;
  height: 100px;
  padding-top: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 1px 1px 12px #00000017;
}

.exericse-info-wrapper {
  background-color: #fff;
  border-top: 2px solid #efeeee;
  border-bottom: 2px #eff2f5;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 6px 14px;
  display: flex;
  position: relative;
}

.exercise-feedback-container-2 {
  background-color: #fafafa;
  border-left: 1px solid #e6e6e6;
  width: 35%;
  min-width: 300px;
  height: 600px;
  padding-bottom: 40px;
  display: block;
  overflow: auto;
}

.input-component-holder-3 {
  background-color: #fff;
  flex: 0 auto;
  max-height: 550px;
  margin-bottom: 0;
  position: relative;
  overflow: auto;
}

.workout-feedback-area {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding-top: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
  bottom: auto;
}

.audio-component-8 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-8.review {
  height: 92px;
  padding-left: 5px;
  display: flex;
}

.workout-thumb-3 {
  background-image: url('../images/performance.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.heart-holder-2 {
  align-items: center;
  padding-top: 2px;
  padding-right: 0;
  display: none;
}

.heart-holder-2.hidden {
  display: flex;
}

.sf-105 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 13px;
  display: flex;
}

.sf-105.grey {
  color: #8f8f8f;
  font-size: 13px;
}

.sf-105.hidden {
  display: block;
}

.rating-wrapper {
  padding-top: 4px;
}

.sf-106 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.timeline-audio-holder-mini-2 {
  display: block;
  position: absolute;
  inset: 0%;
}

.action-button-holder {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.ac-default-label-small-6 {
  color: #312b3de3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.item-duration-2 {
  color: #fff;
  background-color: #0009;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.item-button-icon {
  width: 22px;
  padding-right: 3px;
}

.item-action-button {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.item-action-button:hover {
  background-color: #d1e5f3;
}

.item-action-button.fms {
  cursor: pointer;
}

.results-holder {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.rich-text-unit-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.exercise-thumb-4 {
  background-image: url('../images/Screen-Shot-2018-12-11-at-12.35.54-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.exercise-thumb-4.small {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
}

.exercise-feedback-2 {
  background-color: #fb8c00;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 40px;
  padding: 4px 14px;
  display: block;
}

.exercise-feedback-2.liked {
  background-color: #4caf50;
  display: none;
}

.exercise-feedback-2.too-hard {
  display: none;
}

.exercise-feedback-2.pain {
  background-color: #e64a19;
  display: none;
}

.exercise-feedback-2.too-easy {
  background-color: #00bcd4;
  display: none;
}

.exercise-feedback-2.disliked {
  background-color: #78909c;
  display: none;
}

.feedback-emoji-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sf-14-name {
  color: #313131;
  padding-top: 0;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-15-med-4 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-4.white {
  color: #ffffffdb;
}

.exercise-emoji-2 {
  background-image: url('../images/icon-feedback-toohard-on2x_1icon-feedback-toohard-on@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-right: 6px;
}

.exercise-emoji-2.dislike {
  background-image: url('../images/icon-exercise-feedback-dislike2x_1icon-exercise-feedback-dislike@2x.png');
}

.exercise-emoji-2.liked {
  background-image: url('../images/icon-exercise-feedback-like2x_1icon-exercise-feedback-like@2x.png');
}

.exercise-emoji-2.pain {
  background-image: url('../images/icon-exercise-feedback-pain2x_1icon-exercise-feedback-pain@2x.png');
}

.exercise-emoji-2.too-easy {
  background-image: url('../images/icon-exercise-feedback-tooeasy2x_1icon-exercise-feedback-tooeasy@2x.png');
}

.item-side-layout-3 {
  border-top: 2px #efeeee;
  border-bottom: 2px #efeeee;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 14px 10px 20px;
  display: flex;
  position: relative;
}

.completed-greenbar-2 {
  background-color: #66bb6a;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.social-count-2 {
  align-items: center;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.replied-indicator-bar-2 {
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  display: flex;
}

.replied-indicator-bar-2.hidden {
  display: flex;
}

.close-sent-item {
  opacity: .36;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  position: absolute;
  inset: 2px 0% auto auto;
}

.close-sent-item:hover {
  opacity: .6;
}

.grey-check {
  opacity: .5;
  background-image: url('../images/icon-check-black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 2px;
}

.div-block-700 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.result-row-6 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-6:hover, .result-row-6.selected {
  background-color: #d8e6fc;
}

.form-17 {
  padding-top: 6px;
}

.form-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.sf-107 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-107.clickable {
  color: #4d4d4d;
  font-weight: 500;
}

.sf-107.clickable:hover {
  color: #016bb6;
}

.sf-107.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-107.dark-grey {
  color: #4d4d4d;
}

.radio-label {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.sf-108 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-108.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.body-comp-options {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.body-comp-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.ac-default-label-small-7 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.auto-sync-toggle-2 {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle-2:hover {
  opacity: 1;
}

.auto-sync-toggle-2.on {
  background-color: #03a9f4;
}

.toggle-div-3 {
  flex: 1;
  margin-top: 0;
  margin-left: 0;
  padding-right: 10px;
  position: relative;
}

.timeline-item-text-4 {
  color: #ffeaea;
  align-items: flex-start;
  padding-left: 8px;
  display: flex;
  overflow: visible;
}

.hide-page-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.exclude-toggle-wrapper {
  background-color: #0000;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.icon-settings-3 {
  opacity: .6;
  transition: opacity .3s;
}

.icon-settings-3:hover {
  opacity: 1;
}

.owner-autocomplete-wrapper-2 {
  width: 340px;
  position: relative;
}

.indicator-content {
  align-items: center;
  display: flex;
}

.bodycomp-unit-label {
  color: #313131;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.bodyevolver-indicator {
  background-color: #039be5;
  align-items: center;
  height: 42px;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 10px;
  display: block;
}

.lead-info-row {
  border-top-width: 3px;
  border-top-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 10px 2px 20px;
  display: flex;
}

.bodycomp-measurements-section {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
}

.reload-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.reload-floating-button {
  z-index: 25;
  background-color: #00528c;
  border: 1px solid #fff;
  border-radius: 38px;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: 36px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 98px;
  left: 504px;
  box-shadow: 2px 2px 7px 2px #00000080;
}

.reload-floating-button:hover {
  background-color: #013b64;
}

.post-header-4-copy {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 30px 10px 20px;
}

.post-container-timeline-3 {
  width: auto;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
}

.div-block-710 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.bodycom-row {
  background-color: #f1f9fc;
  border-top: 3px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.streak-wrapper-4 {
  background-color: #ff714a;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.sf-109 {
  color: #313131;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.sf-109.label {
  width: 100px;
}

.sf-109.semi {
  font-weight: 600;
}

.sf-109.semi.white {
  color: #fff;
}

.sf-109.semi.white.center {
  text-align: center;
  text-shadow: 0 1px 6px #000;
}

.bodycomp-lead-info-section {
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 10px;
}

.item-header-copy-3 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.preview-subsection {
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.preview-client-options {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  display: none;
}

.right-side-panel-label {
  color: #00528c;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.right-side-panel-label.selected {
  opacity: 1;
  color: #00528c;
  background-color: #ddeefa;
  padding-right: 14px;
}

.list-panel-top-section {
  background-color: #ddeefa;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 4px;
}

.client-hover-options {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: flex;
}

.client-hover-options:hover {
  opacity: 1;
}

.programs-holder {
  background-color: #032944;
  flex: 1;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
}

.expand-panel-tab {
  z-index: 1200;
  cursor: pointer;
  background-color: #c4f0ff;
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #ffffffb8;
  border-right-style: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 32px;
  height: 32px;
  margin-left: auto;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 3px 3px 9px 5px #0000004d;
}

.expand-panel-tab:hover {
  background-color: #f0fbff;
}

.expand-panel-tab.left {
  z-index: 1000;
  margin-left: 0;
  position: absolute;
  inset: 2px auto auto 0%;
  transform: rotate(180deg);
}

.div-block-750-copy {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 80px;
  min-height: 50px;
}

.client-autocompletel {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.modal-program-list-panel {
  background-color: #0003;
  display: none;
  position: fixed;
  inset: 0%;
}

.add-week-column-wrapper {
  background-color: #0000;
  border-radius: 4px;
  width: auto;
  min-width: 120px;
  height: auto;
  min-height: 140px;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.program-list {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  width: 360px;
  margin-top: 64px;
  margin-left: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 3px 3px 11px -1px #0000006e;
}

.right-panel-wrapper {
  background-color: #ddeefa;
  flex: none;
  align-items: flex-start;
  width: 350px;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.client-assign-holder {
  background-color: #fff;
  border-width: 1px;
  border-color: #e9e9e9 #000;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 240px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 30px 40px;
  transition: background-color .4s;
  display: block;
  position: relative;
  overflow: visible;
}

.right-side-tab {
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.preview-date-holder {
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px 6px;
  display: flex;
}

.client-status-label {
  background-color: #f44336;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  padding: 2px 6px;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.client-status-label.scheduled {
  background-color: #1f8ddb;
}

.client-status-label.finished {
  background-color: #747474;
}

.icon-cal:hover {
  opacity: 1;
}

.right-side-top {
  background-color: #ddeefa;
}

.client-hover-options2 {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-left: 6px;
  margin-right: 10px;
  display: flex;
}

.client-hover-options2:hover, .icon-program-option:hover {
  opacity: 1;
}

.icon-program-option.disable {
  opacity: .45;
}

.programs-search-wrapper {
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: block;
}

.alert-program-assign-validation {
  background-color: #fff0f0;
  border: 1px solid #ffafaf;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 20px;
  display: none;
}

.workout-hover {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  min-width: 100px;
  padding: 4px 10px;
  position: absolute;
  inset: -49% 0% auto 68px;
  box-shadow: 1px 3px 6px 5px #00000026;
}

.create-new-options {
  background-color: #fff;
  width: 360px;
  min-height: 300px;
  padding-bottom: 14px;
  padding-left: 14px;
  padding-right: 14px;
  display: none;
  position: fixed;
  inset: 0% auto auto 368px;
  box-shadow: 5px 0 10px 1px #02010180;
}

.new-option {
  background-color: #032944e6;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 160px;
  margin-top: 10px;
  padding: 20px 14px 14px;
  display: flex;
}

.expand-panel-tab-copy {
  z-index: 1200;
  cursor: pointer;
  background-color: #c4f0ff;
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #ffffffb8;
  border-right-style: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 32px;
  height: 32px;
  margin-top: 2px;
  margin-left: auto;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 3px 3px 9px 5px #0000004d;
}

.expand-panel-tab-copy:hover {
  background-color: #f0fbff;
}

.grey-label-15 {
  color: #312b3de3;
  text-align: center;
  padding: 8px 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}

.programs-sort-wrapper {
  padding: 2px 6px 6px;
  display: block;
}

.assign-search-wrapper {
  width: 100%;
}

.side-client-wrapper {
  background-color: #f5faff;
  border-top: 1px #b5e1f0;
  border-bottom: 1px solid #b5e1f0;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.side-client-wrapper:hover {
  background-color: #edf7ff;
}

.side-client-wrapper.finished {
  opacity: .7;
  background-color: #f8f8f8;
}

.client-search-wrapper-2 {
  min-width: 240px;
}

.right-panel-dragger {
  cursor: ew-resize;
  background-color: #1a5e8d;
  border-left: 3px solid #1a5e8d;
  justify-content: center;
  align-items: flex-start;
  width: 8px;
  height: 100vh;
  position: static;
  top: 0%;
  bottom: 0%;
  left: -8px;
  overflow: visible;
}

.right-panel-dragger:hover {
  background-color: #0d4770;
  border-left-color: #49a7e9;
}

.program-button-copy {
  margin-left: auto;
}

.program-list-header {
  justify-content: flex-start;
  align-items: center;
  height: 54px;
  padding-left: 4px;
  padding-right: 8px;
  display: flex;
}

.icon-small {
  width: 42px;
  margin-right: 20px;
}

.week-header-copy {
  z-index: 22;
  background-color: #032944;
  align-items: flex-end;
  width: 160px;
  height: 82px;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: relative;
  top: 0;
}

.form-program-name-4 {
  width: 100%;
  min-width: 240px;
}

.lets-go-button {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.lets-go-button:hover {
  color: #fff;
  background-color: #0d72b9;
}

.lets-go-button.small {
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
}

.main-view-waiting {
  flex: 1;
}

.client-profile-assigned {
  background-color: #85b7da;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  display: flex;
  position: relative;
}

.right-side-tab-wrapper {
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  display: flex;
}

.div-block-722-copy {
  padding-top: 10px;
}

.text-block-48 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.arrow-right-side {
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  padding-top: 10px;
  transform: rotate(180deg);
}

.empty-view-message-holder {
  opacity: .8;
  width: 400px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.preview-options {
  background-color: #ddeefa;
  border-bottom: 1px solid #cecece;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
}

.face-graphic {
  background-image: url('../images/face-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 140px;
  height: 180px;
  margin-top: 20px;
}

.text-name-15 {
  color: #313131;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.program-list-wrapper {
  background-color: #fff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  flex: 1;
  padding-bottom: 20px;
  display: block;
  overflow: auto;
}

.client-detail-button {
  opacity: .8;
  align-items: center;
  min-width: 40px;
  height: 30px;
  padding-left: 6px;
  padding-right: 6px;
  display: none;
}

.client-detail-button:hover {
  opacity: 1;
}

.no-program-selected {
  background-color: #032944;
  flex: 1;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.assigned-empty-2, .loading-more-assignments-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.request-icon-2 {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.request-icon-2.sm {
  background-size: 22px;
  width: 28px;
  height: 28px;
  margin-right: 2px;
}

.sf-110 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-110.navy {
  color: #00528c;
}

.sf-110.white {
  color: #fff;
}

.request-declined-bar {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.request-declined-bar.hidden {
  background-color: #afafaf;
}

.declined-icon {
  background-image: url('../images/declined_2declined.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.timeline-filters-7 {
  background-color: #fff;
  width: 248px;
  height: auto;
  padding: 0;
  display: block;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.special-request-bar, .response-bar {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.pending-request-menu-item {
  cursor: pointer;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 38px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 20px;
  transition: background-color .3s;
  display: flex;
}

.pending-request-menu-item:hover {
  background-color: #dae7f5;
}

.unread-badge-3 {
  z-index: 99;
  color: #fff;
  background-color: #ef5350;
  border: 2px #031927;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 20px;
  height: 20px;
  padding: 2px 6px 1px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: 14px;
}

.response-icon {
  background-image: url('../images/icon-response-received_1icon-response-received.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.post-right-dragger {
  cursor: ew-resize;
  width: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.library-side-panel-wrapper {
  border-style: none;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  padding-bottom: 60px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  position: relative;
  top: 0;
  overflow: auto;
}

.exercise-tile-thumb {
  background-image: url('../images/yoga.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60%;
  position: relative;
}

.edit-workout-left-side-4 {
  background-color: #ddeefa;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 450px;
  min-width: 450px;
  height: 100%;
  padding: 0 0 20px;
  display: flex;
  overflow: visible;
}

.exercise-tile-name {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.afewa-2 {
  cursor: pointer;
}

.toggle-set-2 {
  background-image: linear-gradient(#0000, #0000);
  flex-direction: column;
  align-items: center;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  display: flex;
}

.edit-workout-right-side-4 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: auto;
  height: 100%;
  min-height: 560px;
  max-height: 900px;
  padding-top: 5px;
  display: block;
  position: static;
  left: 0;
  overflow: visible;
}

.exercise-image-4 {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 60px;
  height: 52px;
  margin-top: 8px;
  display: block;
}

.library-empty-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.upload-img-copy-2 {
  opacity: .63;
  width: 106px;
}

.sf-14-grey-label-2 {
  color: #727272;
  padding-top: 0;
  padding-left: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.ac-default-label-small-9 {
  color: #8a8a8a;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.loading-posts-indicator-copy {
  padding-top: 60px;
  padding-bottom: 20px;
}

.arrow-right-2 {
  background-image: url('../images/arrow-right_2arrow-right.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 30px;
  margin-top: 8px;
  padding-top: 10px;
  padding-left: 12px;
  position: absolute;
}

.library-search-section-2 {
  justify-content: center;
  padding: 20px 8px 8px;
  display: block;
}

.preview-outer-wrapper-2 {
  background-color: #eee;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: block;
  position: static;
  overflow: auto;
}

.toggle-wrapper-7 {
  background-color: #f0f0f0;
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  border-radius: 0;
  align-items: center;
  height: 64px;
  padding-left: 20px;
  display: flex;
}

.read {
  border-radius: 8px;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 3px 3px 2px;
  display: flex;
}

.read:hover {
  background-color: #ebebeb;
}

.unread {
  border-radius: 8px;
  justify-content: center;
  padding: 3px 3px 2px;
  display: flex;
}

.unread:hover {
  background-color: #ebebeb;
}

.red-dot {
  background-color: #ef5350;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-right: 4px;
}

.read-check {
  opacity: .6;
  background-image: url('../images/icon-check-black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 14px;
  height: 14px;
  margin-top: 0;
  margin-right: 2px;
}

.indicator-holder {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  position: absolute;
  right: 54px;
}

.indicator-label {
  color: #3f3f3f;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.indicator-label.light {
  color: #868686;
}

.timeline-wrapper-2-copy-3 {
  opacity: 1;
  background-color: #ebf0f3;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 80px;
  padding-left: 40px;
  transition: all .5s;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: auto;
}

.sf-111 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.sf-111.a {
  color: red;
}

.sf-111.a.b {
  color: #444;
}

.sf-111.semi {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.sf-111.center {
  text-align: center;
}

.bodycomp-request-input-wrapper {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
}

.bodycomp-form-block {
  border-top: 1px solid #c9c9c9;
  margin-top: 10px;
  padding-top: 10px;
  display: block;
}

.site-form-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.bc-row-right-side {
  align-items: center;
  display: flex;
}

.body-comp-input-wrapper {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 10px;
  padding-bottom: 14px;
}

.site-form-field-short-3 {
  text-align: right;
  width: 90px;
  margin-bottom: 0;
  padding-left: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
}

.site-form-field-short-3._5digits {
  width: 100px;
  margin-bottom: 0;
}

.bodycomp-row-2 {
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  display: flex;
}

.bodycomp-row-2:hover {
  background-color: #f1f9fc;
}

.item-empty-unread-2 {
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: relative;
  bottom: auto;
}

.item-empty-unread-2.hidden {
  text-align: center;
}

.emoji {
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.request-response-bar-2 {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.action-button-9 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-9:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-9.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-9.submit-form:hover {
  background-color: #00528c;
}

.unit-holder-2 {
  width: 34px;
  padding-left: 8px;
}

.input-workout-name-2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  display: block;
}

.owner-name-label {
  color: #707070;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 13px;
}

.owner-name-2 {
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.go-back-button {
  cursor: pointer;
  display: inline-block;
}

.shared-icon-small-2 {
  filter: invert(36%);
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.sf-14-grey-label-copy {
  color: #727272;
  padding-top: 0;
  padding-left: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.reminder-message {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 4px;
  padding-bottom: 10px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.text-span-55 {
  color: #313131;
  font-size: 14px;
}

.reminder-done-bar {
  background-color: #039be5;
  align-items: center;
  height: 42px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
}

.reminder-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding: 0 10px 0 0;
  display: flex;
}

.client-pic-reminder {
  background-color: #87c2e9;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 0;
  position: relative;
}

.timeline-reminder-section {
  background-color: #f1f9fc;
  border-top: 3px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 30px;
}

.div-block-774 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.library-item-wrapper-3 {
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.youtube-modal {
  background-color: #fff;
  border-radius: 6px;
  width: 340px;
  min-height: 100px;
  padding-top: 4px;
  display: none;
  position: absolute;
  inset: 44px 0% auto auto;
  box-shadow: 3px 3px 10px #00000045;
}

.button-wrapper-2 {
  justify-content: flex-end;
  align-items: center;
  margin-left: 15px;
  display: flex;
  position: relative;
}

.upload-img-copy-copy {
  width: 106px;
  margin-left: 100px;
  margin-right: 100px;
}

.action-button-holder-2 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.youtube-url-entry {
  opacity: 1;
  flex-direction: column;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.item-button-icon-2 {
  width: 20px;
  padding-right: 3px;
}

.ac-default-label-small-10 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.matched-2, .unmatched-3 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.unmatched-3.navy {
  color: #00528c;
}

.volume-bar-2 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.exercise-entry {
  background-color: #f2fafd;
  margin-top: 10px;
  padding: 20px;
}

.arrow-div {
  background-color: #fff;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 24px;
  left: -10px;
  transform: rotate(45deg);
}

.close-modal-7 {
  cursor: pointer;
  object-fit: fill;
  background-color: #0000;
  flex: 0 auto;
  width: 30px;
  min-width: auto;
  max-width: 60%;
  height: auto;
  min-height: auto;
  max-height: 60%;
  display: block;
  position: static;
  inset: 0% 0% 0% auto;
}

.in-person-client-name {
  padding-left: 5px;
}

.in-person-date {
  margin-bottom: 4px;
  padding-left: 5px;
}

.timeline-post-7 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
  bottom: auto;
  left: 0;
}

.timeline-post-7:hover {
  border-color: #00b2ed;
  box-shadow: 0 4px 12px #00528c80;
}

.sharing-timeline-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  margin-left: 10px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.tagger-timeline-wrapper {
  margin-top: 6px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.sharing-select-area {
  align-items: center;
  display: flex;
}

.div-block-788 {
  z-index: 3;
  background-color: #fff;
  border-radius: 8px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.timeline-tag-heading {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.help-icon-3 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-3:hover {
  opacity: 1;
}

.help-icon-3.dark {
  background-color: #00000080;
  top: -2px;
}

.in-person-details-wrapper {
  padding: 15px;
}

.feedback-exercise-name-wrapper-2 {
  min-width: 200px;
  max-width: 380px;
  height: auto;
  margin-left: 10px;
}

.sf-14-regular {
  color: #313131;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.timeline-tagging-wrapper {
  border-radius: 8px;
  width: 340px;
  min-height: 100px;
  margin-left: 12px;
  position: absolute;
  inset: 80px 0% auto 525px;
}

.in-person-trainer-name {
  margin-bottom: 4px;
  padding-left: 5px;
}

.share-checkbox {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  display: flex;
}

.share-checkbox:hover {
  opacity: .5;
  background-image: url('../images/tick_1tick.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
}

.text-label-small-3 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 2em;
  display: block;
}

.div-block-790 {
  text-align: center;
}

.player-weight-input-3 {
  z-index: 11;
  background-color: #000;
  border: 1px solid #ffffffa1;
  border-radius: 10px;
  width: 300px;
  height: auto;
  padding: 24px 10px 20px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

.item-outer-wrapper-3 {
  background-color: #f7f7f7;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.text-label-large-3 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: .8em;
}

.play-icon-holder {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.feedback-input-section {
  background-color: #fff;
  flex-direction: column;
  width: 50%;
  min-width: 300px;
  max-width: 500px;
  margin-top: 0;
  margin-right: 20px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-section-3 {
  height: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.text-label-countdown-3 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.temp---div-block-790 {
  display: none;
}

.top-display-3 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.modal-player-content-4 {
  background-color: #fff;
  flex-direction: column;
  width: 96%;
  min-width: 800px;
  height: 90vh;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-797 {
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.text-label-set-rep-3 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  margin-right: 26px;
  padding-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 2.6em;
  font-weight: 600;
  line-height: 1em;
  display: block;
}

.text-label-medium-3 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1em;
}

.text-label-medium-3.start {
  text-shadow: 3px 3px 6px #000000a3;
  cursor: pointer;
  padding-bottom: 0;
  font-family: Sf ui display, sans-serif;
}

.control-buttons-2 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-798 {
  overflow: auto;
}

.web-player-modal-holder {
  width: 0%;
  height: 0%;
  display: block;
  position: absolute;
  inset: 0%;
}

.modal-close-player-2 {
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  position: static;
}

.modal-close-player-2:hover {
  opacity: .7;
}

.text-label-countdown-4 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui display, sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.text-label-countdown-4.small {
  text-align: right;
  font-family: Sf ui text, sans-serif;
  font-size: 5em;
}

.enter-weight-button-2 {
  opacity: 1;
  background-color: #00000080;
  border: 1px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 168px;
  height: 40px;
  min-height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
  position: relative;
}

.enter-weight-button-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.div-block-743 {
  padding-right: 20px;
}

.text-label-xsmall-2 {
  z-index: 4;
  color: #ffffffe6;
  text-align: center;
  flex: none;
  font-family: Sf ui text, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.text-label-xsmall-2.unit {
  padding-top: 6px;
  font-weight: 500;
}

.get-ready-display-copy {
  z-index: 4;
  background-image: linear-gradient(#0009 20%, #0000);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.player-modal-top-bar-4 {
  justify-content: space-between;
  align-items: center;
  height: 52px;
  min-height: 52px;
  padding-left: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feedback-container-3 {
  background-color: #eff2f5;
  border: 1px solid #fff;
  flex: 1;
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  position: relative;
}

.exercise-info-wrapper-3 {
  padding-top: 2%;
  padding-left: 1%;
  position: relative;
}

.loading-overlay {
  z-index: 6;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  margin-top: 52px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bottom-label-holder-2 {
  z-index: 4;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 60px;
}

.volume-bar-3 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  min-width: 10px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  transition: all .5s;
  display: block;
  position: static;
  inset: auto 14px 45px auto;
}

.div-block-796 {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.start-layer {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: none;
}

.player-play-pause-button-2 {
  opacity: 1;
  cursor: pointer;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.player-play-pause-button-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.volume-level-bar-2 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-2.max {
  height: 60px;
}

.start-button-2 {
  z-index: 6;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.countdown-wrapper-3 {
  padding-top: 2%;
  padding-right: 1%;
}

.preview-countdown-wrapper-2 {
  padding-top: 2%;
  padding-right: 1%;
  position: relative;
}

.loading-workout-modal {
  display: none;
}

.library-loading-workouts-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.start-play-button-3 {
  opacity: 1;
  cursor: pointer;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 76px;
  min-width: 76px;
  height: 76px;
  min-height: 76px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.start-play-button-3:hover {
  opacity: 1;
  background-color: #000000b3;
}

.div-block-800 {
  justify-content: center;
  display: flex;
}

.start-button-wrapper-2 {
  align-items: center;
  display: block;
  position: static;
  inset: 0%;
}

.close-player-modal-2 {
  filter: invert();
  cursor: pointer;
  width: 26px;
  display: inline-block;
  position: static;
}

.rep-set-warpper {
  display: flex;
}

.ribbon-exercise-img-2 {
  background-image: linear-gradient(#386ab6, #386ab6);
  height: 60%;
  position: relative;
}

.ribbon-exercise-img-2._2 {
  background-image: url('../images/jumping.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.volume-icon {
  opacity: .86;
  cursor: pointer;
  background-image: url('../images/baseline_volume_up_white_48dp_1baseline_volume_up_white_48dp.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 28px;
  min-width: 28px;
}

.volume-icon:hover {
  opacity: 1;
}

.feedback-title-2 {
  flex: none;
  align-items: center;
  height: 40px;
  padding-left: 14px;
  display: flex;
}

.get-ready-display-2 {
  z-index: 4;
  background-image: linear-gradient(#0009 20%, #0000);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-802 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.layer-holder {
  flex: 1;
  display: block;
  position: relative;
}

.div-block-799 {
  opacity: 0;
  width: 100%;
  height: 60px;
  transition: all .5s;
  position: absolute;
  bottom: 45px;
  overflow: visible;
}

.div-block-799.hide {
  opacity: 0;
}

.handle-volume-2 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-2:hover {
  background-color: #fff;
}

.player-control-2 {
  z-index: 12;
  justify-content: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.player-control-2.paused {
  height: 100%;
  display: flex;
}

.library-media-content-view-2 {
  background-color: #032944;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-height: 100vh;
  margin-right: 0;
  padding: 10px 0 0;
  display: flex;
  position: relative;
}

.skip-button-2 {
  opacity: .9;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.skip-button-2:hover {
  opacity: 1;
}

.loading-wrapper-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  top: 0;
}

.video-display-bg-2 {
  z-index: 2;
  background-color: #386ab6;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.modal-webplayer-5 {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.exercise-rest-phase-layer-2 {
  height: 100%;
  display: none;
}

.video-section-4 {
  height: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.hero-form-field {
  padding-left: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.div-block-809 {
  background-color: #032944;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #b4b4b4;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: -8px -8px auto auto;
}

.player-workoutname-4 {
  align-self: center;
  align-items: flex-end;
  display: flex;
}

.bottom-label-holder-3 {
  z-index: 3;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 60px;
}

.bottom-label-holder-3.vertical {
  z-index: 4;
}

.exercise-ribbon-wrapper-5 {
  z-index: 13;
  opacity: 1;
  background-color: #fff;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.player-leadgen-text {
  color: #444;
  border: 1px solid #0000;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.rep-set-wrapper {
  display: flex;
}

.exercise-layer-2 {
  height: 100%;
  display: none;
}

.action-button-10 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin: 4px 3px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-10:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-10.player-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 13px;
  line-height: 16px;
}

.action-button-10.player-form:hover {
  background-color: #00528c;
}

.lead-form {
  z-index: 2;
  background-color: #ffffffe6;
  border: 1px solid #e6e6e6;
  justify-content: center;
  padding: 20px 24px 10px;
}

.lead-form.player {
  border-style: none;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

.paused-layer-2 {
  z-index: 11;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.hero-form-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.feedback-flex-wrapper-2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.exercise-rest-phase-layer-vertical {
  height: 100%;
  display: none;
}

.widget-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.paused-layer-vertical {
  z-index: 11;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-807 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.input-component-holder-7 {
  background-color: #fff;
  flex: 0 auto;
  max-height: 600px;
  margin-bottom: 0;
  position: relative;
  overflow: auto;
}

.start-control-wrapper-3 {
  z-index: 6;
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.progress-bar-volume-wrapper-5, .progress-bar-volume-wrapper-4 {
  z-index: 2;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.controls-button-holder-3 {
  z-index: 5;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: block;
  position: relative;
}

.controls-button-holder-3.vertical {
  display: flex;
}

.text-field-4-copy {
  padding-left: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.leadgen-player-form {
  padding-top: 12px;
  display: block;
}

.text-label-small-4 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 2em;
  display: block;
}

.confirmation-player {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: block;
}

.exercise-layer-vertical {
  height: 100%;
  display: none;
}

.text-field-7 {
  padding-left: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.controls-button-holder-4 {
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-email-collection {
  padding-top: 20px;
  display: block;
}

.textarea-7 {
  height: auto;
  min-height: 80px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.textarea-7.player {
  padding-left: 8px;
  padding-right: 8px;
}

.player-leadgen-modal {
  z-index: 99;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  width: 400px;
  min-height: 240px;
  padding: 20px 20px 0;
  display: none;
  position: absolute;
  inset: auto 10px 0% auto;
  overflow: visible;
  box-shadow: 4px 4px 9px #0003;
}

.progress-bar-volume-wrapper-3 {
  z-index: 3;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-810 {
  width: 260px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.control-buttons-3 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.player-leadgen-title {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.group-workout-wrapper {
  background-color: #f1f9fc;
  background-image: linear-gradient(39deg, #0f6eb1, #ca29c0);
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.cardio-detail {
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.group-member-message-wrapper {
  margin-left: 20px;
}

.client-pic-timeline {
  background-color: #87c2e9;
  border: 1px solid #ffffff80;
  border-radius: 50px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 0;
  position: relative;
}

.group-cardio-item-wrapper {
  background-color: #38353d;
  background-image: linear-gradient(#312b3dd6, #312b3dd6), url('../images/cardio-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, 640px;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.text-span-58 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.group-timeline-message {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.cardio-workout-display {
  color: #313131;
  background-color: #222;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 10px 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.group-message-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.cardio-small-label {
  color: #d1d1d1;
  width: 100px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.feedback-layer-holder-2 {
  height: 100%;
  display: none;
  position: relative;
}

.controls-button-holder-5 {
  z-index: 9;
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: block;
  position: relative;
}

.all-items-3 {
  z-index: 98;
  background-color: #fff;
  flex-direction: column;
  width: 250px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 16px 20px;
  display: none;
  position: fixed;
  top: 66px;
  right: 151px;
  overflow: visible;
  box-shadow: 1px 0 30px #0009;
}

.add-url {
  border-top: 1px solid #d8d8d8;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 8px;
  display: block;
}

.img-upload-button-2-copy {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 230px;
  min-width: 0;
  height: 44px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.img-upload-button-2-copy:hover {
  background-color: #00b2ed33;
}

.img-upload-button-2-copy.short {
  width: 120px;
  margin-right: 8px;
  font-size: 14px;
  display: none;
}

.create-new-button-7 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-7:hover {
  color: #fff;
  background-color: #00b2ed;
}

.sf-113 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-113:hover {
  color: #016bb6;
}

.item-text-mini {
  color: #313131;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 8px;
  line-height: 8px;
  display: block;
  overflow: hidden;
}

.additional-tag-holder {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.library-sharing-section {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.image-122 {
  height: 100px;
}

.item-plan-mini {
  color: #999;
  background-color: #ddeaee;
  border-radius: 4px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.chat-message-unit-3 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.tile-contents {
  position: absolute;
  inset: 0%;
}

.youtube-button-2 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.youtube-button-2:hover {
  color: #fff;
  background-color: #00b2ed;
}

.youtube-button-2.hidden {
  display: flex;
}

.div-block-811 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.media-toggle-2 {
  opacity: .74;
  background-color: #3b759e96;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.media-toggle-2:hover {
  opacity: 1;
  background-color: #3b759ed6;
}

.media-toggle-2.selected {
  opacity: 1;
  background-color: #3b759e;
  border: 1px #00528c8f;
}

.div-block-812 {
  min-height: 10px;
}

.item-preview-modal {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #fff;
  width: 400px;
  height: 300px;
  min-height: 200px;
  display: none;
  position: static;
  inset: 0% auto auto 0%;
  box-shadow: 5px 5px 14px 4px #0003;
}

.toggle-divider {
  background-color: #3b759ed6;
  width: 1px;
  height: 46px;
}

.preview-notes {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
  display: block;
  overflow: hidden;
}

.library-tag {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 4px;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  display: inline-block;
}

.library-tag:hover {
  color: #fff;
  background-color: #00528ccc;
  font-family: Sf ui text, sans-serif;
}

.library-tag.selected {
  color: #fff;
  background-color: #00528c;
}

.item-mini-button {
  text-transform: uppercase;
  max-width: 90%;
  margin-bottom: 6px;
  padding: 3px 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 8px;
  line-height: 7px;
}

.item-mini-button:hover {
  color: #fff;
}

.sharing-checkbox-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.library-view-options {
  background-color: #ebf0f3;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  display: flex;
  position: relative;
}

.item-action-button-2 {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.item-action-button-2:hover {
  background-color: #d1e5f3;
}

.item-action-button-2.fms {
  cursor: pointer;
}

.item-action-button-2.delete:hover {
  background-color: #ffc8c8;
}

.empty-image {
  opacity: .47;
  text-align: center;
  width: 76px;
  margin-top: 140px;
  margin-bottom: 14px;
}

.div-block-786 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  display: flex;
}

.library-search-filter-2 {
  flex: 1;
  align-items: flex-start;
  padding-right: 10px;
  display: flex;
}

.library-tag-wrapper {
  align-items: center;
  width: 740px;
  position: relative;
  overflow: hidden;
}

.library-tag-wrapper.hidden {
  display: none;
}

.tagging-section-wrapper {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.item-header-mini {
  color: #312b3de3;
  text-align: left;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: block;
}

.play-pause-button-mini-2 {
  z-index: 5;
  opacity: 1;
  background-color: #0006;
  border: 2px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -10px;
  bottom: auto;
}

.play-pause-button-mini-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.settings-header-2 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 2px 4px 2px 10px;
  display: flex;
}

.sort-option-9 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-9:hover {
  background-color: #d8e1e7;
}

.sort-option-9.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.wide-header-content-2-copy-2 {
  z-index: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-2-copy-2.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.audio-message-wrapper-2-copy-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy-copy.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 92px;
  display: block;
}

.timeline-audio-holder-mini-copy {
  display: block;
  position: static;
  inset: 0%;
}

.item-media-mini {
  text-align: center;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  position: relative;
}

.file-info-3 {
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  display: block;
}

.textarea-8 {
  min-height: 80px;
  margin-top: 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.item-button-icon-3 {
  width: 16px;
  margin-right: 3px;
}

.shared-icon {
  color: #fff;
  background-color: #2e2e2e99;
  background-image: url('../images/group-w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px #000;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: 6px 4px auto auto;
}

.shared-icon:hover {
  background-color: #2e2e2ee6;
}

.add-post-button {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.add-post-button:hover {
  color: #fff;
  background-color: #00b2ed;
}

.more-tag-modal {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 240px;
  min-height: 80px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 1px 3px 14px #0003;
}

.empty-state-wrapper {
  text-align: center;
  padding: 40px 20px 20px;
}

.edit-block-item, .edit-media-item {
  display: block;
}

.mini-post-content-wrapper {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 0 4px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.div-block-629 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.content-library-modal {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1160px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: 7px 6px 14px #0006;
}

.user-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.intro-11 {
  z-index: 1000;
  text-align: center;
  cursor: auto;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  transition: all 2s;
  display: block;
  position: static;
  overflow: hidden;
}

.link-13 {
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.link-13.bold {
  font-weight: 600;
}

.workbench-nav-button {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.workbench-nav-button:hover {
  background-color: #033153;
}

.section-row {
  border-top: 1px solid #d4ebf3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.user-profile-overview {
  background-color: #85b7da;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.wb-header {
  background-color: #031927;
  border-bottom: 1px solid #315e82;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding-left: 0;
  display: flex;
}

.user-display {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  height: 46px;
  margin-right: 20px;
  padding: 6px 10px;
  transition: all .5s;
  display: flex;
}

.user-display:hover {
  background-color: #033153;
}

.div-block-835 {
  background-color: #b7dae6;
  width: 100%;
  height: 1px;
}

.icon-img-holder {
  background-image: url('../images/cal-white_1cal-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 42px;
  height: 34px;
  min-height: 34px;
  margin-bottom: 8px;
}

.icon-img-holder.people-icon {
  background-image: url('../images/group-w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
}

.icon-img-holder.be-icon {
  background-image: url('../images/body_1body.png');
  background-size: 30px;
}

.icon-img-holder.website-icon {
  background-image: url('../images/web.png');
  background-size: 24px;
}

.icon-img-holder.payments-icon {
  background-image: url('../images/money_2money.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
}

.icon-img-holder.program-icon {
  background-image: url('../images/cal_4cal.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.icon-img-holder.assets-icon {
  background-image: url('../images/assets_1assets.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.icon-img-holder.plan-icon {
  background-image: url('../images/clipboard.png');
  background-size: 28px;
}

.icon-img-holder.timeline-icon {
  background-image: url('../images/timeline_1timeline.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.icon-img-holder.account-icon {
  background-image: url('../images/account_1.png');
}

.icon-img-holder.contacts-icon {
  background-image: url('../images/contacts.png');
  background-size: 26px;
}

.icon-img-holder.message-icon {
  background-image: url('../images/messages_1messages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.icon-img-holder.location-icon {
  background-image: url('../images/pin.png');
  background-size: 28px;
}

.icon-img-holder.team-icon {
  background-image: url('../images/clients.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
}

.icon-img-holder.goal-icon {
  background-image: url('../images/goal.png');
  background-size: 28px;
}

.icon-img-holder.scoreboard {
  background-image: url('../images/trophy-white_1trophy-white.png');
  background-size: 32px;
}

.icon-img-holder.challenge-icon {
  background-image: url('../images/trophy-white_1trophy-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.icon-img-holder.scoreboard {
  background-image: url('../images/trophy-white_1trophy-white.png');
}

.button-save-library-3 {
  color: #0078ce;
  text-align: center;
  background-color: #fff;
  border: 1px solid #0078ce;
  min-width: 140px;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: block;
}

.button-save-library-3:hover {
  color: #0078ce;
  background-color: #00b2ed1a;
}

.button-save-library-3.hidden {
  cursor: pointer;
  min-width: 140px;
  display: block;
}

.main-area-cover {
  background-color: #0006;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.link-15 {
  z-index: 3;
  flex: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.home-button {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  position: absolute;
}

.label-header-name {
  color: #ffffffdb;
  margin-left: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.wb-content {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.workbench-wrapper {
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.profie-hover-overlay {
  opacity: 0;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  padding-top: 8px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.profie-hover-overlay:hover {
  opacity: 1;
}

.account-menu-modal {
  z-index: 3;
  background-color: #fff;
  border-radius: 6px;
  min-width: 200px;
  padding: 10px 20px;
  display: block;
  position: absolute;
  inset: 54px 10px auto auto;
  box-shadow: -4px 5px 12px 4px #0003;
}

.sf-13-grey-label {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.notes-input {
  color: #444;
  border: 1px solid #0000;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.notes-input.edit {
  margin-bottom: 10px;
  margin-left: -4px;
  padding: 4px;
  font-size: 15px;
  line-height: 20px;
}

.notes-input.edit:hover {
  border-color: #0003;
}

.menu-tile {
  cursor: pointer;
  background-color: #0b56b3;
  border-radius: 4px;
  width: 37%;
  height: 76px;
  min-height: 76px;
  margin-bottom: 22px;
  margin-left: 14px;
  margin-right: 14px;
  transition: all .3s;
  display: inline-block;
  transform: translate(0);
}

.menu-tile:hover {
  transform: scale(1.06);
}

.menu-tile.purple {
  background-color: #7953bb;
  height: 72px;
}

.menu-tile.blue {
  cursor: pointer;
  background-color: #2696e4;
}

.menu-tile.green {
  background-color: #23a5a1;
}

.menu-tile.orange {
  background-color: #d88135;
}

.menu-tile.fuschia {
  background-color: #ae5ebb;
}

.account-menu {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.nav-panel {
  text-align: center;
  background-color: #081926;
  width: 260px;
  height: 100%;
  transition: all 2s;
  display: block;
  position: relative;
  left: 0;
  overflow: auto;
}

.div-block-817 {
  justify-content: space-around;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.risk-gauge {
  background-image: url('../images/risk-increased.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 160px;
  width: 170px;
}

.risk-gauge.low {
  background-image: url('../images/risk-low.png');
}

.risk-gauge.moderate {
  background-image: url('../images/risk-moderate.png');
}

.div-block-819 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.color-code {
  background-color: red;
  border-right-width: 1px;
  border-right-color: #fff;
  width: 20%;
  height: 100%;
}

.color-code.body-fat {
  width: 14.3%;
}

.color-code.body-fat.orange, .color-code.body-fat.orange-skinny {
  background-color: #ff9d00;
}

.color-code.body-fat.green {
  background-color: #05e453;
}

.color-code.body-fat.yellow-skinny, .color-code.body-fat.yellow {
  background-color: #ffe100;
}

.color-code.bmi {
  width: 10%;
}

.color-code.bmi.gray {
  background-color: #e0e0e0;
  width: 37%;
}

.color-code.bmi.green {
  background-color: #05e453;
  width: 13%;
}

.color-code.bmi.purple {
  background-color: #9d0aca;
  width: 20%;
}

.color-code.bmi.orange {
  background-color: #ff9d00;
  width: 10%;
}

.color-code.bmi.yellow {
  background-color: #ffe100;
  width: 10%;
}

.goals-table {
  border: 1px solid #e6e6e6;
  flex: none;
  margin-top: 14px;
  display: inline-block;
}

.client-info {
  background-color: #f5f5f5;
  border-bottom: 1px #d6d6d6;
  flex-direction: column;
  align-items: center;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 40px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.client-info:hover {
  opacity: 1;
}

.body-fat-content {
  flex-direction: column;
  justify-content: flex-start;
  margin-left: auto;
  display: flex;
}

.div-block-411 {
  background-color: #e00;
  border-top: 1px solid #fff;
  align-items: center;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-411.white {
  background-color: #fff;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}

.rmr-goal-bar {
  opacity: 1;
  background-color: #ff8f00;
  width: 72%;
  height: 100%;
  position: absolute;
}

.pdf-chapter-wrapper {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: 910px;
  padding: 0;
  display: block;
  overflow: hidden;
}

.div-block-388 {
  border-bottom-color: #d5b0b0;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-388.underline {
  border-bottom: 1px solid #62adee66;
}

.risk-text {
  align-items: center;
  width: 220px;
  min-width: 220px;
  display: flex;
}

.div-block-822 {
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  display: block;
}

.rmr-current {
  opacity: 1;
  background-color: #ffb300;
  width: 64%;
  height: 100%;
  position: absolute;
}

.image {
  margin-right: 20px;
}

.pie-chart-wrapper {
  margin-top: 10px;
}

.text-content {
  width: 260px;
  padding-right: 0;
}

.text-content.risks {
  border: 4px solid #eceff0;
  align-items: flex-start;
  width: 300px;
  padding: 12px 15px;
  display: flex;
}

.text-content.summary {
  border-style: none;
  border-color: #000;
  width: 220px;
  min-width: 220px;
  margin-left: 40px;
  margin-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-content.rmr {
  border-style: solid;
  border-color: #f0f0f0;
  align-items: flex-start;
  width: 300px;
  padding: 20px;
  display: flex;
}

.text-content.horizontal {
  align-items: flex-start;
  width: 300px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}

.text-content.goals {
  background-color: #185377;
  border-style: none;
  border-color: #000;
  width: 250px;
  padding: 10px 14px;
}

.body-fat-circle {
  border: 5px solid #05e453;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  margin-top: 8px;
  display: flex;
  position: relative;
}

.div-block-825 {
  flex: 0 auto;
  align-items: stretch;
  width: 60%;
  padding: 24px 30px 34px;
}

.div-block-825.narrow {
  width: 60%;
  padding-bottom: 60px;
}

.div-block-825.full {
  text-align: center;
  border: 1px solid #00b2ed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 100px 20px;
  display: flex;
}

.div-block-825.twm-header-copy {
  text-align: center;
  background-image: linear-gradient(#00000069, #00000069), url('../images/class.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  margin-bottom: 0;
  padding: 30px 140px;
}

.large-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.marker {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 0;
  display: flex;
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 135px;
}

.marker.rmr {
  z-index: 6;
  bottom: -46px;
  left: 172px;
}

.marker.rmr.goal {
  left: 230px;
}

.div-block-815 {
  padding-left: 5px;
}

.text-block-50.long {
  width: 320px;
}

.text-173 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-173._13-white {
  color: #fff;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.text-173._13-white.center {
  line-height: 16px;
}

.text-173.heading-2 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text-173.center {
  text-align: center;
  line-height: 15px;
}

.text-173._16 {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-173._16.center {
  line-height: 18px;
}

.text-173._16.m {
  font-weight: 500;
}

.text-173.white {
  color: #fff;
}

.text-173.white._14 {
  font-size: 14px;
  line-height: 18px;
}

.text-173.white._14-copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.text-173._13 {
  font-size: 13px;
  line-height: 18px;
}

.text-173.subheading {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.text-173.subheading.white {
  color: #fff;
  margin-bottom: 0;
  line-height: 18px;
}

.text-173.heading-3 {
  color: #333;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-173.heading-3.bold {
  font-weight: 600;
}

.text-173.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text-173.heading.big {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 34px;
}

.text-173.heading.sm-w {
  color: #fff;
  font-size: 20px;
  line-height: 26px;
}

.text-173._11-white {
  color: #fff;
  flex: 1;
  width: 80%;
  max-width: 400px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
}

.text-173.chart {
  color: #fff;
  flex: 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
}

.client-basic {
  align-items: center;
  margin-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.div-block-847 {
  margin-top: 8px;
}

.div-block-821 {
  padding-left: 30px;
}

.step-circle {
  color: #153a62;
  text-align: center;
  background-color: #e9f3f8;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  min-height: 52px;
  margin-right: 14px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
  display: flex;
}

.step-circle.blue {
  color: #00528c;
}

.section-content {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.section-content.rmr {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 24px;
  padding-right: 0;
}

.section-content.fat {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  padding-right: 0;
  display: block;
}

.section-content.overall {
  justify-content: space-between;
  margin-top: 0;
  padding-bottom: 15px;
  padding-right: 0;
}

.section-content.contact {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 14px;
  display: flex;
}

.section-content.calendly {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.section-content.contact {
  flex-direction: column;
  margin-top: 20px;
  display: block;
}

.section-content.white {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding-top: 10px;
}

.section-content.cta {
  background-color: #00528c;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
}

.section-content.twm {
  background-color: #00528c;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding-top: 10px;
}

.section-content.twm.dark {
  background-color: #093e64;
  padding-right: 10px;
}

.section-content.jc {
  background-color: #d22f25;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}

.section-content.contact {
  border: 1px solid #bbb;
  flex-direction: column;
  width: 260px;
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 63px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.section-content.marketing._2 {
  align-items: center;
}

.section-content.marketing._3 {
  align-items: center;
  width: 100%;
}

.section-content.wilson {
  margin-top: 0;
  padding-bottom: 15px;
  padding-right: 40px;
  position: relative;
}

.section-content.contact-box {
  background-color: #fff;
  border: 1px solid #bbb;
  flex-direction: column;
  width: 260px;
  margin-top: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.section-content.general {
  margin-top: 0;
  padding-bottom: 10px;
  position: relative;
}

.section-content.contact-ricardo {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 14px;
  display: block;
}

.section-content.teal {
  background-color: #4cced1;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}

.section-content.contact-larry {
  border: 1px solid #4cced1;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  display: block;
}

.section-content.contact-box {
  background-color: #1c4885;
  border-radius: 6px;
  flex-direction: column;
  width: 300px;
  margin-top: 16px;
  margin-bottom: 10px;
  padding: 12px 15px;
  display: flex;
}

.section-content.contact-box.a {
  margin-top: 18px;
  margin-bottom: 0;
}

.section-content.general {
  background-color: #f4f5f8;
  margin-top: 0;
  padding-bottom: 10px;
  position: relative;
}

.section-content.contact-box-copy {
  background-color: #fff;
  border: 1px solid #bbb;
  flex-direction: column;
  width: 260px;
  margin-top: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.section-content.contact-box-fe {
  background-color: #1c4885;
  border-radius: 6px;
  flex-direction: column;
  width: 300px;
  margin-top: 16px;
  margin-bottom: 10px;
  padding: 12px 15px;
  display: flex;
}

.section-content.impactx {
  background-color: #38b2e6;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
}

.section-content.contact-copy {
  flex-direction: column;
  margin-top: 20px;
  display: block;
}

.section-content.marketing {
  justify-content: flex-start;
  align-items: center;
  width: 340px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-right: 0;
}

.section-content.get-in-touch {
  border: 1px solid #dadada;
  flex-direction: column;
  margin-top: 20px;
  padding: 10px 14px;
  display: block;
}

.section-content.light-blue {
  background-color: #e4f7ff;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
}

.div-block-406 {
  background-color: #535353;
  background-image: linear-gradient(#ff00009c, #ff00009c), url('../images/fire.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 18px;
  padding: 12px;
}

.report-section {
  background-color: #fff;
  border-bottom: 2px solid #e9e9e9;
  padding: 20px 30px 10px;
}

.report-section.rnr {
  border-bottom-style: none;
  padding-top: 20px;
  padding-bottom: 0;
}

.report-section.last {
  border-bottom-style: none;
}

.report-section.short {
  padding-top: 10px;
}

.table-row-2 {
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  flex-direction: row;
  align-items: flex-start;
  height: 32px;
  display: flex;
}

.table-row-2.top {
  border-bottom-style: solid;
}

.div-block-391 {
  flex-direction: column;
  align-items: flex-end;
  width: 300px;
  margin-left: auto;
  display: flex;
}

.get-fast-track-img {
  background-image: url('../images/impact2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
}

.get-fast-track-img.columbia {
  background-image: url('../images/columbia2.jpg');
  background-position: 50% 30%;
}

.get-fast-track-img.hh {
  background-image: url('../images/hh1.jpg');
  background-position: 50%;
  background-size: cover;
}

.get-fast-track-img.nh {
  background-image: url('../images/londonderry.jpg');
  background-position: 50%;
  background-size: cover;
}

.get-fast-track-img.hb {
  background-image: url('../images/HuntingtonBeachCoaches.jpg');
  background-position: 50% 15%;
  background-size: cover;
}

.div-block-826 {
  border-top: 1px solid #d6d6d6;
  padding-top: 10px;
}

.div-block-826.columbia {
  padding-top: 0;
}

.div-block-393 {
  margin-bottom: 55px;
}

.text {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.text.label {
  text-align: center;
  width: 100px;
  line-height: 13px;
}

.text._13 {
  font-size: 13px;
}

.text.subheading {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.text.xs {
  font-size: 10px;
}

.text.heading-2 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text.small-heading {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.text.small-heading.white {
  color: #fff;
}

.text.center {
  text-align: center;
  line-height: 15px;
}

.text.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.text.heading.logo {
  color: #fff;
  font-size: 18px;
}

.text.small {
  margin-left: auto;
  font-size: 11px;
  line-height: 15px;
}

.text.small.white {
  color: #fff;
}

.text.small.grey {
  color: #6b6b6b;
  text-align: left;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text.small.center {
  margin-left: 0;
  font-size: 12px;
}

.text.label {
  text-align: center;
  width: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
}

.rmr-segment {
  z-index: 5;
  border-right: 1px solid #ffffffc2;
  width: 11.11%;
  height: 100%;
  position: relative;
}

.div-block-412 {
  align-items: center;
  width: 580px;
  min-height: 40px;
  margin-bottom: 40px;
  margin-left: -22px;
  padding-left: 24px;
  display: flex;
}

.div-block-412._2 {
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 10px;
}

.arrow-6 {
  opacity: .8;
  width: 18px;
  margin-bottom: 2px;
}

.table-wrapper-2 {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-right: 40px;
  padding-bottom: 10px;
  display: flex;
}

.risk-wrapper {
  justify-content: space-between;
  height: 110px;
  padding-top: 0;
  display: flex;
}

.cell {
  text-align: center;
  background-color: #fff;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  height: 100%;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.cell.name {
  background-color: #f7f7f7;
  justify-content: flex-start;
  width: 150px;
  padding-left: 10px;
}

.cell.goal {
  background-color: #e8f9ff;
  font-weight: 600;
}

.cell.heading {
  font-weight: 600;
}

.cell.heading.goal {
  background-color: #b5ebff;
}

.image-116 {
  margin-top: 30px;
}

.pdf-outer-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  width: 760px;
}

.image-133 {
  width: 26px;
  margin-right: 10px;
}

.div-block-418 {
  background-color: #ffb300;
  border-right: 1px solid #000;
  width: 33%;
  height: 100%;
  position: absolute;
}

.div-block-418._2 {
  width: 30%;
}

.div-block-814 {
  border: 2px #fff;
  width: 31%;
  min-width: 110px;
  box-shadow: 1px 1px 6px 2px #00000030;
}

.div-block-407 {
  padding: 30px 20px;
}

.div-block-407.rmr {
  background-color: #f7f7f7;
  border: 4px solid #f0f0f0;
}

.fat-leanmass {
  background-color: #fae07a;
  width: 480px;
  height: 32px;
  position: relative;
}

.report-section-2 {
  background-color: #fff;
  border-bottom: 2px solid #e9e9e9;
  padding: 20px 30px 0;
}

.report-section-2.info {
  background-color: #f5f5f5;
  border-bottom-style: none;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.report-section-2.food {
  border-bottom-style: none;
  padding-top: 20px;
  padding-bottom: 40px;
}

.report-section-2.fat {
  border-bottom-style: none;
  padding-top: 20px;
  padding-bottom: 60px;
}

.report-section-2.rmr {
  border-bottom-style: none;
}

.report-section-2.locations {
  border-bottom-style: none;
  padding-top: 10px;
}

.report-section-2.black {
  background-color: #000;
  border-bottom-style: none;
  justify-content: space-between;
  min-height: 180px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.report-section-2.p4 {
  border-bottom-style: none;
  justify-content: space-between;
  min-height: 180px;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.report-section-2.black, .report-section-2.p4-copy, .report-section-2.p4-copy, .report-section-2.p4-copy, .report-section-2.p4-copy, .report-section-2.p4-copy, .report-section-2.p4-copy, .report-section-2.p4, .report-section-2.p4 {
  border-bottom-style: none;
  justify-content: space-between;
  min-height: 180px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.report-section-2.locations-copy {
  border-bottom-style: none;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.meter {
  align-items: flex-start;
  width: 264px;
  height: 15px;
  margin-top: 10px;
  display: flex;
  position: relative;
}

.meter.rmr-labels {
  justify-content: space-between;
  width: 320px;
  margin-top: 6px;
  bottom: -8px;
}

.meter.rmr {
  background-color: #e4e4e4;
  width: 320px;
  height: 20px;
}

.div-block-823 {
  flex-direction: column;
  align-items: flex-end;
  width: 350px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.divider-3 {
  background-color: #adadad;
  width: 1px;
  height: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-824 {
  width: 480px;
  padding: 10px 0 20px 30px;
}

.div-block-818 {
  background-color: #455ea3;
  border-radius: 75px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-right: 20px;
  display: flex;
}

.div-block-818.clear {
  background-color: #0000;
}

.p4-img-2 {
  background-image: url('../images/impact1.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 260px;
  height: 170px;
  margin-bottom: 20px;
}

.p4-img-2._2 {
  background-image: url('../images/training3.jpg');
  background-position: 50% 15%;
}

.p4-img-2.columbia1 {
  background-image: url('../images/impact2.jpg');
  background-position: 50% 0;
}

.p4-img-2.columbia2 {
  background-image: url('../images/columbia3.jpg');
}

.p4-img-2.hh2 {
  background-image: url('../images/hh3.jpg');
}

.p4-img-2.hh1 {
  background-image: url('../images/hh2.jpg');
  background-position: 50% 0;
}

.p4-img-2.nh {
  background-image: url('../images/success-lindsay.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.p4-img-2.nh2 {
  background-image: url('../images/success-amy.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.p4-img-2.hb {
  background-image: url('../images/Huntington.jpg');
  background-position: 50% 0;
}

.p4-img-2.hb2 {
  background-image: url('../images/be-the-light-w-ppl-SM.jpg');
}

.div-block-387 {
  margin-bottom: 54px;
  margin-right: 0;
}

.div-block-827 {
  background-color: #2e2e2e;
  align-items: flex-start;
  margin-bottom: 30px;
  padding: 14px;
  display: flex;
}

.div-block-816 {
  background-image: url('../images/Screen-Shot-2022-01-05-at-4.36.13-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.div-block-816.cardio {
  background-image: url('../images/Screen-Shot-2022-01-05-at-4.33.17-PM.png');
}

.div-block-816.running {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.32.47-PM.png');
}

.div-block-816.rowing {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.41.01-PM.png');
}

.div-block-816.jumprope {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.35.49-PM.png');
}

.div-block-816.pizza {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.23.55-PM.png');
}

.div-block-816.broccoli {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.25.34-PM.png');
}

.div-block-816.stairmaster {
  background-image: url('../images/stairmaster.jpg');
  background-position: 50% 100%;
}

.div-block-816.bacon {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.24.36-PM.png');
}

.div-block-816.wine {
  background-image: url('../images/Screen-Shot-2022-01-03-at-11.38.34-AM.png');
}

.div-block-816.elliptical {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.48.43-PM.png');
}

.div-block-816.swimming {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.34.26-PM.png');
}

.div-block-816.bananas {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.26.18-PM.png');
}

.div-block-816.sleep {
  background-image: url('../images/Screen-Shot-2022-01-05-at-3.32.08-PM.png');
}

.div-block-816.icecream {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.23.00-PM.png');
}

.text-block-51 {
  width: 260px;
}

.div-block-419 {
  justify-content: space-between;
  padding-top: 5px;
  display: flex;
}

.checkbox-field-13 {
  margin-bottom: 8px;
}

.body-comp-options-copy {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.checkbox-field-12 {
  margin-bottom: 20px;
}

.checkbox-12 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-12:hover {
  background-color: #dfdfdf;
}

.checkbox-12.selected {
  background-color: #2196f3;
  background-image: url('../images/check_2check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #2196f3;
}

.customer-search-add-2 {
  justify-content: space-between;
  align-items: center;
  height: 60px;
  display: flex;
}

.select-field-9 {
  color: #313131;
  border: 1px solid #0000;
  height: 50px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.results-frame {
  width: 100%;
  display: flex;
}

.modalclosediv-6 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.row-select-cell {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
  margin-right: 10px;
  display: block;
}

.row-select-cell:hover {
  background-image: url('../images/check-hover.png');
}

.row-select-cell.selected {
  background-image: url('../images/checked_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.modal-filter-range {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.content-cell {
  border-top: 1px #000;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  font-family: Open Sans, sans-serif;
  transition: all .4s;
  display: flex;
}

.owner-input {
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px #b0dcfc;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: 49px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.sort {
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.sort.none {
  background-image: none;
}

.remove-small {
  opacity: .8;
  cursor: pointer;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-left: 5px;
}

.remove-small:hover {
  opacity: 1;
  background-color: #0e3274cc;
}

.chip-label-dark {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.sort-arrow-3 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
  top: 5px;
}

.user-outer-wrapper {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  height: 100vh;
  display: flex;
}

.clear-keyword-icon {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-size: 24px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon:hover {
  opacity: .6;
}

.bulk-action-bar {
  background-color: #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 46px;
  display: none;
  position: absolute;
  left: 50px;
}

.customer-table {
  height: auto;
  display: block;
  position: relative;
  overflow: auto;
}

.customer-table.hidden {
  min-height: 200px;
  display: block;
}

.filter-chip-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  display: inline-block;
}

.checkbox-11 {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.checkbox-11.selected {
  opacity: 1;
  background-image: url('../images/checked_2.png');
}

.checkbox-11.deselect {
  opacity: 1;
  background-image: url('../images/deselect.png');
}

.date-range-input {
  text-align: left;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 36px;
  padding-top: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.table-cell-input {
  background-color: #fff;
  width: 65%;
  min-height: 48px;
}

.header-row-2 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.header-row-2:hover {
  background-color: #ebebeb;
}

.header-row-2.user-header-row {
  z-index: 2;
  background-color: #f1f1f1;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  padding-right: 0;
  position: sticky;
  top: 0;
}

.div-block-462 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
  width: 200px;
  height: 200px;
}

.modal-edit-owner {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.table-details-2 {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-863 {
  width: 300px;
  min-height: 100px;
}

.freeze-dragger {
  cursor: ew-resize;
  background-color: #020303;
  border-left: 1px solid #a3c8f5;
  border-right: 1px solid #a3c8f5;
  align-self: stretch;
  min-width: 6px;
}

.freeze-dragger.unselectable {
  background-color: #507aad85;
  border: 1px solid gray;
  min-width: 6px;
}

.freeze-dragger.unselectable.dragging {
  background-color: #507aad;
}

.lead-autocomplete-wrapper-2 {
  width: 300px;
  margin-right: 14px;
  position: relative;
}

.result-row-5-copy {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-5-copy:hover {
  background-color: #d8e6fc;
}

.form-label-column-2 {
  align-items: center;
  width: 35%;
  padding-left: 20px;
  display: flex;
}

.image-63 {
  margin-left: 4px;
  display: none;
}

.count-and-filters {
  align-items: center;
  min-height: 55px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.empty-message-holder {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  margin-bottom: 20px;
  padding: 60px 40px;
  display: none;
}

.scrollable-results {
  flex: 1;
  overflow: visible;
}

.bulk-action-inner-wrapper {
  align-items: center;
  height: 46px;
  display: flex;
}

.filter-chip-content {
  align-items: center;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.result-holder {
  flex: 1;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-849 {
  margin-bottom: 10px;
}

.add-blue-button-3 {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 14px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-3:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.text-field-8 {
  color: #262c46;
  border: 1px solid #0000;
  height: 49px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.div-block-462-copy {
  max-width: 500px;
  font-size: 22px;
  line-height: 27px;
}

.search-bar-wrapper-2 {
  min-height: 100px;
  display: block;
}

.sort-option-10 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d8e1e7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 56px;
  height: 34px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
  position: relative;
}

.sort-option-10:hover {
  background-color: #d8e1e7;
}

.sort-option-10.large {
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  min-width: 110px;
  height: 40px;
  margin-right: 8px;
  padding-right: 2px;
}

.sort-option-10.large:hover {
  background-color: #cde3ff;
}

.div-block-463 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.name-label {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.name-label:hover {
  color: #313131;
}

.name-label.bold {
  flex: 1;
  font-weight: 600;
}

.name-label.clickable {
  color: #0078ce;
  font-size: 14px;
  font-weight: 500;
}

.name-label.clickable {
  color: #0078ce;
  cursor: pointer;
  font-weight: 500;
}

.name-label.clickable:hover {
  color: #00b2ed;
}

.name-label.bold {
  text-align: left;
  font-weight: 600;
}

.no-input-block {
  opacity: .51;
  width: 100%;
  padding-top: 220px;
}

.ac-default-label-small-16 {
  color: #312b3d99;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.load-more {
  text-align: center;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.user-view-wrapper-2 {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding: 40px;
  display: flex;
}

.submit-button-area-2 {
  background-color: #f7f7f7;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.contacts-autocomplete-search-wrapper {
  width: 100%;
}

.customer-form-wrapper {
  border: 1px solid #ddd;
  border-bottom-style: none;
  margin: 20px 20px 40px;
}

.customer-form-wrapper.owner {
  margin-top: 40px;
  margin-bottom: 40px;
}

.lead-form-row {
  align-items: center;
  padding-left: 20px;
  display: flex;
}

.text-block-57 {
  text-align: center;
}

.text-block-67 {
  color: #494949;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

.filter-option-scroller {
  background-color: #fff;
  max-height: 240px;
  padding-bottom: 20px;
  overflow: auto;
}

.filter-option-scroller.range {
  flex-direction: column;
  justify-content: center;
  height: auto;
  padding: 5px 20px 20px 10px;
  display: flex;
}

.content-row {
  transition: all .4s;
}

.content-row:hover {
  background-color: #f1f7fc;
}

.content-row.selected {
  background-color: #e6f1ff;
}

.content-row.hover {
  background-color: #f1f7fc;
}

.filter-option-2 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.filter-option-2:hover {
  background-color: #e0e0e038;
}

.filter-option-2.selected {
  background-color: #d8e6fc;
}

.header-cell {
  color: #fff;
  cursor: pointer;
  object-fit: fill;
  background-color: #eaeff3;
  border-right: 1px solid #fff;
  height: auto;
  padding: 6px 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell:hover {
  background-color: #e7e7e7;
}

.badge {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border: 1px solid #ffffff80;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  display: block;
  position: absolute;
  inset: -7px -3px auto auto;
}

.sf-118 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-118.center {
  text-align: center;
}

.sf-118.white {
  color: #fff;
  overflow: hidden;
}

.customer-table-cell-3 {
  border-right: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-3.default {
  align-items: center;
  min-width: 200px;
  margin-top: 0;
}

.customer-table-cell-3.default.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-3.default.grey:hover {
  background-color: #e7e7e7;
}

.customer-table-cell-3.checkbox {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: auto;
  min-height: 40px;
  display: flex;
}

.customer-table-cell-3.small {
  align-items: center;
  width: 10%;
  min-width: 115px;
  margin-top: 0;
}

.customer-table-cell-3.small.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-3.small.grey:hover {
  background-color: #e7e7e7;
}

.customer-table-cell-3.medium {
  align-items: center;
  width: 15%;
  min-width: 160px;
  margin-top: 0;
}

.customer-table-cell-3.medium.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-3.medium.grey:hover {
  background-color: #e7e7e7;
}

.customer-table-cell-3.long {
  width: 34%;
  min-width: 200px;
}

.empty-button-wrapper {
  margin-top: 20px;
  padding-left: 10px;
}

.action-button-icon {
  opacity: .7;
  margin-right: 5px;
}

.modal-content-leads {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.apply-button-wrapper {
  border-top: 1px solid #dadada;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.apply-button-wrapper.hidden {
  display: none;
}

.image-137 {
  margin-right: 2px;
}

.keyword-search-input {
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  position: relative;
}

.keyword-search-input::placeholder {
  color: #667792;
}

.frozen-results {
  border-color: #363af8 #0000007a #363af8 #363af8;
}

.sort-2 {
  background-image: url('../images/arrow-up_1arrow-up.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.sort-2.none {
  background-image: none;
}

.sort-2.descending {
  display: none;
  transform: rotate(180deg);
}

.sort-arrow-4 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.sf-12-label {
  color: #313131;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-12-label.blue-med {
  color: #00b2ed;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.sf-12-label.semi {
  color: #747474;
  font-weight: 600;
}

.filter-button-icon {
  opacity: .8;
  cursor: pointer;
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 20px;
  min-height: 20px;
  margin-left: 10px;
}

.filter-wrapper {
  align-items: center;
  display: flex;
}

.multi-select-results-holder {
  border-radius: 8px;
}

.load-more-copy {
  text-align: center;
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.div-block-862 {
  height: 100px;
  display: flex;
}

.close-icon-2 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close-icon-2:hover {
  background-color: #dbebfa;
}

.close-icon-2.right {
  margin-left: 0;
  margin-right: 8px;
  display: none;
  inset: 0% 0% auto auto;
}

.selected-user-action-button {
  background-color: #0000;
  align-items: center;
  min-width: 50px;
  height: 36px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.selected-user-action-button:hover {
  background-color: #00528c1c;
}

.modal-edit-status {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.header-cell-content {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  display: flex;
  position: relative;
}

.loading-indicator-view {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: relative;
  overflow: hidden;
}

.filter-chip {
  cursor: pointer;
  background-color: #0f6da3;
  border-radius: 4px;
  height: 30px;
  margin-bottom: 4px;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 4px;
  display: inline-block;
  position: relative;
}

.filter-chip:hover {
  background-color: #1586c7;
}

.filter-chip.clear-all {
  background-color: #0000;
  padding-right: 6px;
}

.filter-chip.clear-all:hover {
  background-color: #e6f1ff;
}

.customer-table-row-2 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-2:hover {
  background-color: #f1f7fc;
}

.customer-table-row-2.selected {
  background-color: #e6f1ff;
}

.customer-table-row-2.highlight {
  background-color: #ffeded;
}

.div-block-870 {
  padding-right: 8px;
}

.table-row-wrapper {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 14px;
}

.block {
  border: 1px solid #000;
  min-width: 600px;
  margin-top: 20px;
  padding-top: 0;
  transition: all .4s;
  position: static;
  overflow: visible;
}

.div-block-876 {
  padding-right: 12px;
}

.empty-img {
  background-color: #d1d1d1;
  background-image: url('../images/leads.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
  border-radius: 62px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-bottom: 10px;
}

.empty-img.team {
  background-image: url('../images/clients.png');
  background-size: 32px;
}

.table-scroller {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.contacts-filter-menu {
  z-index: 3;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 8px;
  width: 290px;
  display: block;
  position: absolute;
  inset: 140px auto auto 140px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.contacts-filter-menu.range {
  width: 200px;
  display: block;
  top: 100px;
  left: 140px;
}

.labelsmall-6 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall-6.white {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.labelsmall-6.blue {
  color: #14659e;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.filters-applied {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.customer-form-row-2 {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  display: flex;
}

.div-block-632-copy {
  width: 400px;
}

.body-comp-optikjhkljhon {
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.template-modal-wrapper-4 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  max-height: 93vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
}

.text-block-aasdf {
  color: #494949;
  text-align: left;
  padding-left: 6px;
  font-size: 14px;
  font-weight: 500;
}

.add-edit-contact-modal {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-option-filter-2 {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.filter-autocomplete-2 {
  text-align: left;
  border-bottom: 1px solid #ffffff26;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 10px;
}

.div-block-877 {
  height: 14px;
  min-height: 10px;
}

.results-holder-8 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.send-icon-button {
  width: 18px;
  margin-right: 3px;
}

.recipient-label {
  color: #8a8a8a;
  white-space: nowrap;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.image-124 {
  margin-right: 7px;
}

.category-holder {
  width: 228px;
  height: auto;
  padding: 0;
  display: block;
  overflow: auto;
}

.ac-default-label-small-11 {
  color: #689abd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.sf-14-regular-2 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.label-refresh {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
}

.sf-15-semi {
  color: #313131;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.condensed-body-text {
  color: #696969;
  white-space: nowrap;
  height: 20px;
  padding-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  overflow: visible;
}

.condensed-body-text.unselectable {
  width: 100%;
  min-width: 400px;
  overflow: hidden;
}

.message-detail-pane {
  z-index: 1;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100vh;
  min-height: 200px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.message-search-wrapper {
  width: 100%;
  position: relative;
}

.condensed-message-wrapper {
  width: 99%;
  max-width: 100%;
}

.sf-119 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.left-pane-main {
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.message-condensed-item {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  height: 76px;
  min-height: 76px;
  position: relative;
}

.message-condensed-item:hover {
  background-color: #f0f7fc;
}

.message-condensed-item.selected {
  background-color: #dbebf6;
}

.message-condensed-item.hidden {
  border-bottom-style: solid;
}

.thread-example {
  width: 90%;
  min-width: 512px;
  max-width: 700px;
  position: relative;
}

.chip-label-3 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.recipient-list-modal {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  width: 300px;
  padding: 6px 20px 24px 10px;
  position: absolute;
  top: 64px;
  left: 78px;
  box-shadow: 1px 2px 5px #0000004d;
}

.recipient-list-modal.hidden {
  z-index: 3;
  display: none;
}

.sf-13-grey-label-3 {
  color: #8a8a8a;
  cursor: auto;
  padding-top: 0;
  padding-right: 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.message-list {
  background-color: #fafafa;
  flex-direction: column;
  align-items: stretch;
  height: 100vh;
  max-height: 100vh;
  padding-top: 10px;
  padding-bottom: 60px;
  display: block;
  position: relative;
  overflow: auto;
}

.message-title-type {
  white-space: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 90%;
  display: flex;
}

.timeline-reminder-section-2 {
  background-color: #f1f9fc;
  border-top: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 30px;
}

.category-pane {
  z-index: 12;
  background-color: #0000;
  border-right: 1px solid #bfd3e2;
  position: relative;
}

.sent-item-holder {
  border: 0 #000;
  min-height: 80px;
  display: block;
}

.upper-right {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  height: 36px;
  margin-top: 5px;
  margin-left: 8px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.app-workout-container-7 {
  background-image: url('../images/jagoda2.jpg'), linear-gradient(#494949, #494949);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 320px;
  min-height: 0;
  display: none;
  position: relative;
}

.recipient-holder {
  white-space: normal;
  cursor: auto;
  position: relative;
}

.left-pane-outer-wrapper {
  flex-direction: column;
  width: 46%;
  min-width: 528px;
  display: block;
  position: relative;
  overflow: auto;
}

.div-block-910 {
  text-align: right;
  width: 36px;
}

.title-condensed {
  color: #313131;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.title-condensed.unselectable {
  flex: 0 auto;
  width: 100%;
  max-width: 100%;
}

.condensed-sender {
  justify-content: space-between;
  align-items: center;
  height: 22px;
  margin-bottom: 2px;
  display: flex;
}

.view-outer-holder {
  background-color: #ebf0f3;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.message-condensed-content {
  white-space: normal;
  width: 100%;
  margin-left: 10px;
  overflow: hidden;
}

.message-condensed-content.unselectable {
  box-sizing: content-box;
}

.reload-floating-button-2 {
  z-index: 6;
  cursor: pointer;
  background-color: #008fee;
  border: 1px solid #fff;
  border-radius: 38px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 36px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 8px 0% 0%;
  box-shadow: 2px 2px 7px 2px #00000080;
}

.reload-floating-button-2:hover {
  background-color: #006eb8;
}

.mark-done-bulk-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 5px 10px 5px 14px;
  transition: all .3s;
  display: block;
}

.div-block-911 {
  flex: 1;
  height: 100vh;
  overflow: auto;
}

.message-item-holder {
  align-self: center;
  width: 90%;
  min-width: 512px;
  max-width: 700px;
  display: block;
  position: relative;
}

.div-block-912 {
  margin-left: 6px;
  padding-top: 14px;
  display: block;
}

.exercise-thumb-5 {
  background-image: url('../images/Screen-Shot-2018-12-11-at-12.35.54-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  display: none;
}

.icon-message-type {
  min-width: 18px;
  min-height: 18px;
  margin-right: 4px;
}

.icon-message-type.request-declined {
  background-image: url('../images/declined_1declined.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.icon-message-type.request-response {
  background-image: url('../images/response.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.icon-message-type.completed {
  background-image: url('../images/check_3check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.request {
  background-image: url('../images/request-blue_1request-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.icon-message-type.request.hidden {
  flex: 0 auto;
  display: none;
}

.icon-message-type.lead {
  background-image: url('../images/star_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.assigned {
  background-image: url('../images/dumbbell-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.feedback {
  background-image: url('../images/feedback.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.cardio {
  background-image: url('../images/icon-cardio_1icon-cardio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.reaction-like {
  background-image: url('../images/like-sm_1like-sm.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-message-type.reaction-dislike {
  background-image: url('../images/dislike-sm_1dislike-sm.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-message-type.reaction-wow {
  background-image: url('../images/wow-sm_1wow-sm.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.profile-pic-timeline-4 {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: linear-gradient(312deg, #a6e4f8, #68b0e4);
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.profile-pic-timeline-4.group {
  background-image: url('../images/group-w.png'), linear-gradient(312deg, #a6e4f8, #68b0e4);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 32px, auto;
}

.profile-pic-timeline-4.search {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
}

.recipient-display-wrapper {
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.empty-page-text-2 {
  color: #312b3d99;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
}

.timeline-sender-4 {
  flex-direction: row;
  align-items: center;
  padding: 14px 25px 14px 14px;
  display: flex;
}

.div-block-913 {
  margin-left: 14px;
  padding-top: 6px;
  overflow: hidden;
}

.message-inner-wrapper {
  align-items: flex-start;
  height: 76px;
  padding: 8px 10px 10px 24px;
  display: flex;
  position: relative;
}

.grip-line-holder {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 14px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-878 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-top: 20px;
}

.ac-default-label-small-17 {
  color: #4a7ea3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
}

.dd-result-icon {
  opacity: .6;
  background-image: url('../images/region_1region.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
}

.dd-result-icon.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.grip {
  border-top: 1px solid #98bbe7;
  border-bottom: 1px solid #98bbe7;
  width: 100%;
  height: 5px;
}

.filter-chip-content-copy {
  align-items: center;
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 17px;
  display: flex;
}

.filter-chip-copy {
  cursor: pointer;
  background-color: #0f6da3;
  border-radius: 4px;
  height: 30px;
  margin-bottom: 4px;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 4px;
  display: inline-block;
  position: relative;
}

.filter-chip-copy:hover {
  background-color: #1586c7;
}

.filter-chip-copy.clear-all {
  background-color: #0000;
  height: 42px;
  padding-left: 10px;
  padding-right: 10px;
}

.filter-chip-copy.clear-all {
  background-color: #0000;
  height: 42px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.filter-chip-copy.clear-all:hover {
  background-color: #e6f1ff;
}

.form-input-wrapper-bnmcopy {
  width: 600px;
  padding-right: 14px;
}

.form-input-wrapper-bnmcopy.name {
  width: 600px;
  padding-right: 30px;
}

.text-span-59 {
  text-transform: lowercase;
  margin-right: 4px;
}

.div-block-914 {
  width: 20%;
  padding-right: 10px;
}

.div-block-914.long {
  width: auto;
  padding-left: 10px;
  padding-right: 20px;
}

.div-block-914.long-copy {
  width: 32%;
  padding-left: 0;
}

.div-block-915 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.link-block-11 {
  background-image: url('../images/fb_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

.link-block-11.ig {
  background-image: url('../images/IG.png');
}

.button-journey {
  background-color: #153a62;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.button-journey:hover {
  color: #fff;
}

.link-16 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  display: block;
}

.div-block-917 {
  margin-right: 10px;
}

.div-block-918 {
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.div-block-919 {
  width: 480px;
  padding: 10px 0 40px 30px;
}

.div-block-919.londonderry {
  padding-bottom: 40px;
}

.loading-spinner-2 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46px;
  height: 10vh;
  margin-top: 60px;
}

.timeline-post-9 {
  background-color: #fff;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 11px #0000001f;
}

.timeline-post-9.empty {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  display: block;
}

.label-sender-name-2 {
  color: #313131;
  cursor: default;
  margin-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.label-sender-name-2:hover {
  color: #313131;
  text-decoration: none;
}

.nothing-to-load-2 {
  flex-direction: column;
  height: 50vh;
  margin-top: 35vh;
  margin-bottom: 35vh;
  padding: 20px;
  position: relative;
  bottom: auto;
}

.nothing-to-load-2.hidden {
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.load-more-3 {
  max-height: 15vh;
}

.results-holder-9 {
  z-index: 101;
  display: block;
  position: relative;
  overflow: visible;
}

.message-holder-5 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 28px;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.chat-message-unit-4 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.message-bar-wrapper-2 {
  display: block;
}

.unread-badge-5 {
  z-index: 2;
  color: #fff;
  background-color: #156ada;
  border: 2px #031927;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 20px;
  height: 20px;
  margin-left: 8px;
  padding: 5px 6px 1px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: block;
  position: relative;
  inset: auto 0% 0%;
}

.unread-badge-5.hidden {
  display: none;
}

.sf-13-grey-label-date-stamp {
  color: #8a8a8a;
  text-align: right;
  min-width: 70px;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sender-label {
  color: #313131;
  height: 20px;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.user-sidebar-template {
  flex: 1;
  max-height: 90vh;
}

.overview-section-row {
  margin-bottom: 20px;
}

.note-item-wrapper {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 6px;
  width: 380px;
  min-height: 100px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 14px 10px;
  position: relative;
}

.note-item-wrapper:hover {
  border-color: #00b2ed;
}

.timestamp-main-wrapper {
  border-top: 1px solid #d4ebf3;
  margin-top: 10px;
  padding-top: 8px;
}

.reminder-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  position: relative;
}

.contact-tab {
  border-right: 1px solid #b7dae5;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 36px;
  display: flex;
}

.contact-tab:hover {
  background-color: #ebf6fd;
}

.contact-tab.selected {
  background-color: #ddeefa;
}

.sf-13-grey-label-4 {
  color: #8a8a8a;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-120 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-120.center {
  text-align: center;
}

.reminder-display {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #dcfdf7;
  border: 1px solid #a1e2d5;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding: 4px 6px;
  display: flex;
  position: relative;
}

.timeline-media-narrow {
  text-align: center;
  align-self: auto;
  width: 100%;
  padding-top: 10px;
}

.div-block-989 {
  display: flex;
  position: relative;
}

.close-icon-3 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon-3:hover {
  background-color: #dbebfa;
}

.inner-row-horizontal-2 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.module-content-holder {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: block;
}

.div-block-996 {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.side-bar-loading-indicator {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  margin-top: 140px;
}

.reminder-input {
  z-index: 4;
  background-color: #f3f9fc;
  border: 1px solid #97cbf0;
  border-radius: 4px;
  min-height: 30px;
  margin-top: 4px;
  padding: 10px 10px 4px;
}

.lead-activity-item {
  text-align: left;
  background-color: #1579c0;
  border-radius: 6px;
  width: 380px;
  min-height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  position: relative;
}

.new-note-button {
  cursor: pointer;
  background-color: #ffffff80;
  border-radius: 4px;
  align-items: center;
  padding: 5px;
  transition: background-color .3s, opacity .2s;
  display: flex;
}

.new-note-button:hover {
  opacity: 1;
  background-color: #fff;
}

.timeline-audio-holder-narrow {
  padding-top: 10px;
}

.edit-note-icon {
  background-color: #ecf2fd;
  border-radius: 4px;
  margin-right: 8px;
  padding: 2px 4px 4px;
  transition: background-color .2s;
}

.edit-note-icon:hover {
  background-color: #cde3ff;
}

.notes-title {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.timestamp-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.loading-iframe-holder {
  flex: 1;
  display: block;
}

.contact-tab-bar {
  background-color: #fff;
  border-top: 1px solid #b7dae5;
  border-bottom: 1px solid #ddeefa;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  display: flex;
  position: relative;
}

.item-header-18 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.item-header-18.white {
  color: #fff;
}

.add-note-button-wrapper {
  text-align: left;
  justify-content: space-between;
  width: 380px;
  min-height: 10px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.note-wrapper {
  padding-bottom: 0;
}

.mark-done-icon-4 {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/check-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  transition: background-color .3s;
  position: absolute;
  inset: 12px 10px auto auto;
}

.mark-done-icon-4:hover {
  background-color: #1abc73;
}

.mark-done-icon-4.static {
  margin-left: 10px;
  position: static;
}

.button-done-items {
  cursor: pointer;
  align-items: center;
  padding: 5px;
  display: flex;
}

.button-done-items:hover {
  opacity: 1;
}

.notes-text {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.main-content-holder {
  flex: 1;
  width: 100%;
  transition: all .2s;
  position: relative;
  left: 0;
  overflow: hidden;
}

.form-submission {
  background-color: #fff;
  border-radius: 4px;
  align-items: flex-start;
  margin-top: 10px;
  padding: 10px 10px 6px;
}

.count-total {
  margin-left: auto;
}

.fc-header {
  z-index: 9999;
  justify-content: center;
  align-self: stretch;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  color: #312b3d;
  background-color: #0097c9;
  background-image: url('../images/clouds.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: block;
  overflow: auto;
}

.h3-dark-copy {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.body-copy {
  height: 100vh;
}

.div-block-1005 {
  padding-top: 40px;
}

.cc-section {
  background-color: #fff;
  border-radius: 6px;
  min-height: 50px;
  margin-top: 15px;
  padding: 15px 20px 10px;
}

.tab-template-holder {
  flex: 1;
  width: 100%;
  display: block;
  overflow: hidden;
}

.tab-template-holder.page-view, .tab-template-holder.page-view.hidden {
  display: block;
}

.tab-template-holder.templates {
  display: none;
}

.ac-defaulafewt-label-5-copy-2 {
  color: #ffffffcf;
  height: 32px;
  margin: 0;
  padding-top: 10px;
  padding-left: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-defaulafewt-label-5-copy-2:focus {
  width: 200px;
}

.tag-ac-wrapper {
  margin-top: 6px;
  display: block;
  position: relative;
}

.new-page-button {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  padding: 5px;
  transition: background-color .3s, opacity .2s;
  display: flex;
}

.new-page-button:hover {
  opacity: 1;
  background-color: #d3e1f3;
}

.modal-upgrade-payment {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.builder-tab-bar {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  display: flex;
}

.tab-holder {
  flex: 1;
  width: 100%;
  display: none;
  overflow: hidden;
}

.sort-list-arrow {
  background-image: url('../images/blue-arrow_1blue-arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 12px;
  min-height: 12px;
  margin-left: 4px;
}

.sort-list-arrow.empty {
  background-image: none;
  min-width: 1px;
  margin-left: 2px;
}

.sort-list-arrow.down {
  display: none;
}

.site-page-tab {
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.site-page-tab:hover {
  background-color: #00528c;
}

.site-page-tab.selected {
  background-color: #032944;
}

.upgrade-card-input {
  background-color: #fff;
  border: 1px solid #cbcbce;
  width: 100%;
  height: 38px;
  margin: 4px auto 5px;
  padding-top: 6px;
  padding-left: 8px;
  display: block;
}

.add-section-hover {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.add-section-hover:hover {
  opacity: 1;
}

.add-tab {
  z-index: 999;
  opacity: .64;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/more_1more.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #74b3df;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 24px;
  margin-bottom: 4px;
  margin-left: 6px;
  margin-right: 4px;
  display: flex;
  position: absolute;
  top: 15px;
}

.add-tab:hover {
  opacity: .88;
}

.drag-bar-2 {
  cursor: ew-resize;
  background-color: #233852;
  border-left: 1px solid #a3c8f5;
  border-right: 1px solid #a3c8f5;
  align-self: stretch;
  width: 8px;
  min-width: 8px;
}

.drag-bar-2:hover {
  background-color: #2d5f9c;
}

.db-tab-label-holder {
  color: #ffffffe6;
  object-fit: fill;
  flex: none;
  align-items: center;
  height: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.button-domain {
  text-align: center;
  background-color: #126cac;
  border: 1px solid #ffffff8a;
  border-radius: 4px;
  width: 180px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  line-height: 18px;
  display: block;
}

.button-domain:hover {
  color: #fff;
  background-color: #0072c2;
}

.page-tab-bar {
  background-color: #155279;
  flex: none;
  align-items: center;
  height: 44px;
  display: flex;
}

.tab-filter-section {
  background-color: #032944;
  border-left: 3px solid #d3e6fd;
  flex: none;
  width: 100px;
}

.add-secion-button {
  cursor: pointer;
  background-color: #032944;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.query-tab-scroller {
  width: 100%;
  position: relative;
  overflow: auto;
}

.all-tabs-holder-3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sort-button {
  opacity: .78;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 4px;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  padding: 5px 4px 5px 6px;
  transition: background-color .3s, opacity .2s;
  display: flex;
}

.sort-button:hover {
  opacity: 1;
  background-color: #d3e1f3;
}

.sort-button.sorted {
  opacity: 1;
  background-color: #ffffffc7;
  border: 1px solid #b0dcfc;
  justify-content: space-between;
  padding-right: 6px;
}

.sort-button.sorted:hover, .sort-button.sorted.selected {
  background-color: #c3d7f1;
}

.tab-filter-template.hidden {
  width: 330px;
  height: 300px;
  display: block;
  overflow: auto;
}

.domain-display {
  flex-direction: row;
  align-items: flex-start;
  height: 45px;
  position: relative;
}

.page-view-wrapper-template {
  flex: 1;
  align-items: stretch;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.builder-tab {
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
  display: flex;
}

.builder-tab:hover {
  opacity: 1;
  background-color: #eff1f3;
}

.builder-tab.selected {
  opacity: 1;
  background-color: #ebf0f3;
}

.tab-css-template-holder {
  flex: 1;
  align-items: stretch;
  width: 100%;
  display: block;
  overflow: auto;
}

.textarea-seo-settings-2 {
  color: #fffc;
  background-color: #155279;
  border: 1px solid #155279;
  border-radius: 4px;
  min-height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .4s;
}

.textarea-seo-settings-2:hover {
  background-color: #2773a3;
}

.textarea-seo-settings-2::placeholder {
  color: #ffffff7d;
}

.add-tab-button-2 {
  z-index: 100;
  width: 42px;
  height: 40px;
  position: static;
  top: 0;
  left: 0;
}

.open-graph-img-preview-2 {
  background-image: url('../images/noimage.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
}

.site-builder-left-pane {
  background-color: #ebf0f3;
  flex-direction: column;
  flex: none;
  width: 280px;
  min-width: 50px;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.domain-dd {
  z-index: 2;
  background-color: #314d6f;
  padding: 14px 10px;
  display: none;
  position: absolute;
  inset: 45px 0% auto;
}

.page-item {
  background-color: #fff6;
  border-top: 1px solid #bdd8e9;
  align-items: center;
  padding: 8px 10px 8px 12px;
  position: relative;
}

.page-item:hover {
  background-color: #fff;
}

.enter-payment {
  text-align: left;
  padding-bottom: 10px;
  display: block;
}

.domain-dropdown {
  background-color: #155279;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
}

.domain-dropdown:hover {
  background-color: #00528c;
}

.hide-page-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.tab-loader {
  background-image: url('../images/Rolling-1s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-right: 4px;
}

.outer-wrapper3 {
  display: flex;
  overflow: hidden;
}

.tab-wrapper {
  background-color: #233852;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.results-holderasdf {
  z-index: 10000;
  display: block;
  position: relative;
  top: auto;
  right: auto;
  overflow: visible;
}

.page-tab-2 {
  cursor: pointer;
  background-color: #4e79ad;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex: none;
  align-items: center;
  width: auto;
  min-width: 30px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 8px;
  padding-right: 2px;
  display: flex;
}

.page-tab-2:hover {
  background-color: #314d6f;
}

.page-tab-2.current {
  opacity: 1;
  background-color: #032944;
  align-items: center;
  padding-right: 4px;
  display: flex;
}

.page-tab-2.current.hidden {
  max-width: none;
}

.page-tab-2.hidden {
  flex: none;
}

.responsive-toggle-bar-2 {
  background-color: #032944;
  justify-content: center;
  align-items: center;
  height: 42px;
  display: flex;
  position: relative;
}

.whnmlere-ac-holder-copy {
  position: relative;
}

.content-block-text {
  color: #fff;
  letter-spacing: .2px;
  max-height: 62px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.unmatched-4 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-4.white {
  color: #ffffffdb;
}

.unmatched-4.navy {
  color: #00528c;
}

.upgrade-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.site-builder-action-button {
  opacity: .72;
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #fffc;
  border-radius: 4px;
  align-items: center;
  min-width: 32px;
  height: 30px;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.site-builder-action-button:hover {
  opacity: .88;
  background-color: #00528c;
}

.site-builder-action-button.report {
  background-image: url('../images/report_1.png');
  background-size: 20px;
}

.site-builder-action-button.view-page {
  background-image: none;
}

.site-builder-action-button.publish {
  opacity: 1;
  background-color: #0d977c;
  background-image: none;
  padding-left: 5px;
}

.site-builder-action-button.publish {
  opacity: 1;
  background-image: none;
  padding-left: 10px;
  padding-right: 5px;
}

.site-builder-action-button.publish:hover {
  background-color: #003b64;
}

.site-builder-action-button.redo {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/redo.png');
  background-size: cover;
  border-style: none;
}

.site-builder-action-button.redo:hover {
  opacity: 1;
  background-color: #155279;
}

.site-builder-action-button.redo.disabled {
  opacity: .4;
}

.site-builder-action-button.publish-green {
  opacity: 1;
  background-color: #0d977c;
  background-image: none;
  justify-content: center;
  min-width: 82px;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.site-builder-action-button.publish-green:hover {
  background-color: #06836a;
}

.site-builder-action-button.undo {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/icon-undo.png');
  background-size: cover;
  border-style: none;
}

.site-builder-action-button.undo:hover {
  opacity: 1;
  background-color: #155279;
}

.site-builder-action-button.undo.disabled {
  opacity: .4;
  cursor: auto;
}

.site-builder-action-button.view-page {
  opacity: 1;
  background-color: #1373b1;
  background-image: none;
}

.site-builder-action-button.view-page:hover {
  background-color: #0c6096;
}

.tab-container {
  align-items: center;
  display: flex;
  position: relative;
}

.left-pane-content-holder {
  flex-direction: column;
  flex: 1;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.text-block-60-copy-copy {
  white-space: nowrap;
  cursor: pointer;
  padding-right: 2px;
  line-height: 15px;
}

.add-section {
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.results-scrolasdfsopy-copy {
  z-index: 200000;
  background-color: #cfcfcf;
  min-width: 330px;
  max-width: 330px;
  max-height: 80vh;
  display: block;
  position: absolute;
  inset: auto;
  overflow: hidden;
}

.section-divider {
  border-top: 1px solid #0a7ccc;
  width: 100%;
  height: 1px;
}

.text-wrapper-center {
  text-align: center;
  padding: 20px;
}

.text-wrapper-center.pay {
  background-color: #ebf7fc;
  background-image: linear-gradient(42deg, #00a2ed 11%, #02b491);
  border-radius: 8px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-arrow {
  opacity: .82;
  background-image: url('../images/arrow-down_2arrow-down.png');
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: 12px;
  min-width: 22px;
  min-height: 22px;
}

.dropdown-arrow.hidden {
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  display: block;
}

.card-on-file {
  text-align: left;
  padding-bottom: 10px;
  display: block;
}

.results-wrapper-3jjlkopy-copy {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-shadow: 3px 3px 13px 1px #0003;
}

.search-pages {
  justify-content: flex-start;
  align-items: center;
  padding: 0 6px 4px;
  display: block;
}

.page-section-arrow {
  opacity: .7;
  margin-right: 8px;
  transition: all .3s;
}

.page-section-arrow.collapsed {
  transition: all .3s;
  transform: rotate(-90deg);
}

.clear-x-button-copy {
  opacity: .6;
  background-color: #00000030;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: auto 0% auto auto;
}

.clear-x-button-copy:hover {
  opacity: 1;
}

.clear-x-button-copy.hidden {
  cursor: pointer;
}

.modal-content-upgrade {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 580px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.import-button {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.import-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.import-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-979 {
  align-items: center;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
}

.image-135 {
  margin-right: 20px;
}

.div-block-1042 {
  justify-content: space-between;
  align-items: flex-end;
  width: 80%;
  min-height: 20px;
  padding-left: 30px;
  display: flex;
}

.twm-report {
  background-image: url('../images/Screen-Shot-2020-07-13-at-1.04.32-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
}

.image-134 {
  margin-top: 60px;
}

.chart-pie {
  text-align: center;
  border-right-style: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 94%;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-1043 {
  justify-content: center;
  align-items: center;
  min-height: 20px;
  padding-bottom: 8px;
  display: flex;
}

.twm-report-img {
  background-image: url('../images/plank-banner.jpg');
  background-position: 50%;
  background-size: cover;
  width: 260px;
  height: 170px;
  margin-bottom: 20px;
}

.twm-report-img._2 {
  background-image: url('../images/group.jpg');
}

.chart-be {
  border-top: 1px #ffffff8f;
  border-bottom: 1px solid #89b0bd;
  border-left: 1px solid #89b0bd;
  border-right: 1px #ffffff8f;
  flex-direction: column;
  align-items: flex-start;
  width: 94%;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-977 {
  background-color: #0000;
  border-radius: 8px;
  width: 380px;
  min-height: 80px;
  margin-top: 30px;
  margin-right: 0;
  padding: 0 0 10px 14px;
}

.bar-chart-segment {
  background-color: #009aed;
  width: 16%;
  max-width: 80px;
  height: 24px;
  margin-right: 10px;
}

.bar-chart-segment.long {
  background-color: #fb8c00;
  width: 80%;
  max-width: 400px;
}

.header-12 {
  background-color: #032944;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  display: flex;
}

.header-12:hover {
  opacity: 1;
}

.unmatched-text {
  color: #000000db;
  text-align: left;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.shortcut-key-holder {
  justify-content: flex-end;
  align-items: center;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
}

.left-pane-inner-wrapper-2 {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.mark-done-layer-4 {
  z-index: 5;
  opacity: 0;
  background-image: linear-gradient(270deg, #f0f7fccf 9%, #fff0 20%);
  justify-content: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0%;
}

.mark-done-layer-4:hover {
  opacity: 1;
}

.commands-list {
  max-height: 70vh;
  overflow: auto;
}

.div-block-1039 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.unopened-dot-3 {
  z-index: 2;
  color: #fff;
  background-color: #156ada;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.label {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.label.white {
  color: #fff;
}

.matched-text {
  cursor: default;
  font-weight: 400;
}

.command-menu-2 {
  z-index: 3;
  background-color: #ebf0f3;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.title-3 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding-left: 20px;
  display: flex;
}

.command-input {
  color: #ffffffe6;
  background-color: #ffffff87;
  border-top: 1px solid #bfd3e2;
  border-bottom: 1px solid #bfd3e2;
  height: 62px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.left-pane-search-2 {
  z-index: 11;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: block;
}

.key {
  color: #ffffffe6;
  text-align: center;
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 24px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.replied-indicator-2 {
  z-index: 2;
  opacity: .32;
  color: #fff;
  background-image: url('../images/reply.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 14px;
  min-height: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.replied-indicator-2.hidden {
  display: none;
}

.command-label {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.command-menu-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.indicator-wrapper {
  z-index: 2;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  min-width: 14px;
  min-height: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: flex;
  position: absolute;
  inset: 10px auto auto 6px;
}

.command-item {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 20px;
  padding-right: 14px;
  display: flex;
}

.command-item:hover {
  background-color: #0078ce1a;
}

.message-search-2 {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  height: 64px;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}

.input-text-placeholder {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.rte-icon {
  z-index: 5;
  opacity: .84;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bold.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 4px;
  width: 38px;
  height: 38px;
  margin-left: 2px;
  margin-right: 2px;
  transition: background-color .2s;
  position: relative;
}

.rte-icon:hover {
  opacity: 1;
  background-color: #08568d80;
}

.rte-icon.text {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.rte-icon.text:hover {
  background-color: #0000;
}

.rte-icon.delete {
  background-image: url('../images/ic_delete_black_48dp_2x_2ic_delete_black_48dp_2x.png');
  background-size: 22px;
}

.rte-icon.edit {
  background-image: url('../images/edit2_1edit2.png');
  background-size: 20px;
}

.rte-icon.italic {
  cursor: pointer;
  background-image: url('../images/italic.png');
}

.rte-icon.url {
  cursor: pointer;
  background-image: url('../images/link_3.png');
  background-size: 18px;
}

.rte-icon.align-left {
  cursor: pointer;
  background-image: url('../images/icon-left_1icon-left.png');
  background-size: 22px;
}

.rte-icon.align-right {
  cursor: pointer;
  background-image: url('../images/icon-right_1icon-right.png');
  background-size: 22px;
}

.rte-icon.bold {
  cursor: pointer;
}

.rte-icon.bold:hover {
  opacity: 1;
}

.rte-icon.bulleted-list {
  background-image: url('../images/list-white.png');
  background-size: 20px;
}

.rte-icon.align-center {
  cursor: pointer;
  background-image: url('../images/icon-center_1icon-center.png');
  background-size: 22px;
}

.rte-icon.label {
  background-image: none;
  width: 48%;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.section-tool-icon {
  opacity: .8;
  cursor: pointer;
  background-color: #000000e6;
  background-image: url('../images/squares_1squares.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-right: 1px solid #ffffff4d;
  width: 44px;
  height: 36px;
}

.section-tool-icon:hover {
  opacity: 1;
  background-color: #000000e6;
}

.section-tool-icon.name {
  cursor: auto;
  background-color: #0000;
  background-image: none;
  border-right-style: none;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
}

.section-tool-icon.name:hover {
  opacity: .8;
}

.web-button-small-2 {
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.web-button-small-2:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.web-button-small-2.grey {
  color: #fff;
  background-color: #28acd852;
}

.web-button-small-2.grey:hover {
  background-color: #28acd885;
}

.sf-123 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-123.dark-grey {
  color: #4d4d4d;
}

.modal-form-post-submit {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.form-block-25 {
  margin-bottom: 0;
}

.div-block-1048 {
  padding: 20px;
}

.modal-content-leads-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 240px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.modal-mark-all-done {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.submit-button-area-3 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.submit-button-area-3.tran {
  background-color: #0000;
}

.header-jc {
  text-align: center;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 52px;
  padding: 10px 20px;
  display: flex;
}

.header-jc:hover {
  opacity: 1;
}

.jc-report-img1 {
  background-image: url('../images/jc1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 260px;
  height: 260px;
  margin-bottom: 20px;
}

.jc-report-top {
  background-image: url('../images/jeremias.jpg');
  background-position: 50% 18%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
}

.div-block-1049 {
  margin-top: 20px;
}

.inbox-zero-img-wrapper {
  z-index: 9;
  transition: opacity .4s;
  display: none;
  position: absolute;
  inset: 0% 0% 0% 0;
}

.inbox-zero-label {
  z-index: 11;
  color: #ffffffe6;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  position: absolute;
  inset: auto auto 46px 270px;
}

.bottom-gradient {
  z-index: 10;
  background-image: linear-gradient(to top, #00000094, #0000 73%);
  height: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.close-modal-8 {
  cursor: pointer;
  display: inline-block;
}

.close-modal-8.absolute {
  position: absolute;
  inset: 10px 10px auto auto;
}

.filter-autocomplete-domain {
  text-align: left;
  background-color: #0000008a;
  border-bottom: 1px solid #026bb4;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.filter-autocomplete-domain.white {
  background-color: #fff;
  border-bottom-style: none;
}

.loading-row {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ac-default-label-builder {
  color: #7dafd3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.ac-default-label-builder.dark {
  color: #4f8ab4;
}

.ac-site-builder-2 {
  clear: left;
  color: #aaa;
  background-color: #155279cc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  position: static;
  overflow: hidden;
}

.ac-site-builder-2:hover {
  background-color: #155279;
}

.ac-site-builder-2.white {
  background-color: #fff;
  border: 1px solid #86b0ff;
}

.domain-option {
  cursor: pointer;
  background-color: #0000;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 14px;
  display: flex;
}

.domain-option:hover {
  background-color: #e0e0e01a;
}

.domain-option-scroller {
  background-color: #032944;
  max-height: 460px;
  padding-bottom: 20px;
  overflow: auto;
}

.domain-option-scroller.white {
  background-color: #fff;
}

.current-selection-checkmmark-2 {
  background-color: #0000;
  background-image: url('../images/checked_1checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: none;
}

.current-selection-checkmmark-2.checked {
  display: block;
}

.current-selection-checkmmark-2.hide {
  margin-left: 6px;
  display: none;
}

.page-details-tab-content-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.page-settings-tab-wrapper-2 {
  flex: 1;
  min-height: 70px;
  margin-bottom: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
  position: relative;
  top: 0;
}

.page-settings-tab-wrapper-2.hidden {
  flex-direction: column;
  flex: 1;
  display: block;
  overflow: hidden;
}

.page-settings-tab-wrapper-2.loading-ind {
  display: none;
}

.page-settings-tab-wrapper-2.hidden {
  flex-direction: column;
  flex: 1;
  display: none;
  overflow: hidden;
}

.right-side-pane-2 {
  background-color: #032944;
  flex-direction: column;
  width: 22%;
  min-width: 150px;
  height: 100%;
  min-height: 400px;
  max-height: 100vh;
  display: flex;
  overflow: hidden;
}

.inbox-zero-img1-3 {
  z-index: 6;
  background-image: url('../images/beach.jpg');
  background-size: cover;
  transition: opacity .4s;
  display: block;
  position: absolute;
  inset: 0%;
}

.sf-15-med-6 {
  color: #000000db;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.site-section-contest {
  background-color: #fff;
  border-top: 2px solid #f1f1f1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 100px 100px 140px;
  display: flex;
  position: relative;
}

.site-section-contest:hover {
  border: 2px #00b2ed;
}

.site-section-contest.tracking {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.site-section-contest.header {
  background-color: #1b1b1b;
  border-top-style: none;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 10px;
}

.div-block-865 {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.textlink-5 {
  color: red;
  text-align: left;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.textlink-5:hover {
  text-decoration: underline;
}

.textlink-5.grey {
  color: #696969;
}

.div-block-866 {
  background-color: #f5f5f5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px 20px 40px;
  display: flex;
}

.small-text-5 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
}

.small-text-5.view-all {
  text-transform: none;
}

.button-2 {
  color: #fff;
  cursor: pointer;
  background-color: #0e8af7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  min-width: 100px;
  padding-top: 18px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.button-2:hover {
  background-color: #1582e0;
}

.text-24 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.tracking-form-input {
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
}

.link-display {
  white-space: nowrap;
  background-color: #fff;
  padding-top: 18px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  overflow: hidden;
}

.tracking-link-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-868 {
  justify-content: center;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 60px;
  display: flex;
}

.text-tooltip-4 {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.header-image {
  justify-content: flex-end;
  align-items: center;
  width: 340px;
  min-width: 340px;
  display: flex;
}

.contest-form {
  background-color: #f5f5f5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 40px;
  padding: 20px;
}

.action-button-11 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: red;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-11:hover {
  color: #fff;
  background-color: #c00;
}

.action-button-11.xl {
  border: 1px solid #fff;
  border-radius: 6px;
  min-width: 200px;
  height: 66px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.title-22 {
  color: #333;
  text-align: left;
  margin-top: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.div-block-871 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  display: flex;
}

.div-block-872 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.div-block-867 {
  flex-direction: column;
  margin-top: 10px;
  display: flex;
}

.title-h1 {
  z-index: 4;
  border: 1px solid #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 54px;
  position: relative;
}

.title-h1.header {
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  line-height: 64px;
}

.div-block-1050 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.refresh-button {
  opacity: .9;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/refresh_2refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #0092ed;
  border-radius: 4px;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  padding-left: 0;
  transition: background-color .4s;
  position: static;
}

.refresh-button:hover {
  opacity: 1;
  background-color: #e6f1ff;
}

.post-editor-modal-7 {
  z-index: 100;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-direction: column;
  width: 1100px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.org-select-section {
  height: 40px;
  display: flex;
}

.filter-option-4 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 30px;
  padding: 10px 14px;
  display: flex;
}

.filter-option-4:hover {
  background-color: #e0e0e038;
}

.filter-option-4.selected {
  background-color: #d8e6fc;
}

.filter-option-4.v {
  flex-flow: row;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
}

.org-dropdown-arrow {
  opacity: .82;
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: 12px;
  min-width: 22px;
  min-height: 22px;
  margin-left: 10px;
}

.modal-content-domain-3 {
  z-index: 3;
  background-color: #155279;
  border: 1px solid #00528c;
  border-bottom-color: #026bb4;
  min-width: 350px;
  max-width: 400px;
  display: block;
  position: absolute;
  inset: 80px auto auto 40px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.modal-content-domain-3.white {
  background-color: #fff;
  border-color: #98bbe7;
}

.contacts-filter-menu-3 {
  z-index: 3;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 8px;
  min-width: 290px;
  max-width: 400px;
  display: block;
  position: absolute;
  inset: 140px auto auto 140px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.selector-inner-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.selector-inner-wrapper:hover {
  background-color: #cde3ff;
}

.results-scroller-9 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: none;
  position: absolute;
  overflow: auto;
}

.modal-org-chooser {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.count-wrapper-2 {
  align-items: center;
  min-width: 130px;
  margin-right: 10px;
  padding-left: 5px;
  display: flex;
}

.search-actions-section-3 {
  margin-top: 30px;
}

.filter-option-scroller-2 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  max-height: 400px;
  padding-bottom: 20px;
  overflow: auto;
}

.org-selector {
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 350px;
  height: 100%;
  padding-left: 14px;
  padding-right: 6px;
  display: flex;
}

.org-selector:hover {
  background-color: #cde3ff;
}

.text-field-9 {
  color: #262c46;
  border-width: 1px;
  border-color: #0000;
  height: 49px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.modalclosediv-7 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-invite-form {
  z-index: 995;
  background-color: #0006;
  border: 0 #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.table-cell-input-2 {
  background-color: #fff;
  width: 75%;
  min-height: 48px;
}

.invitation-item-2 {
  border-bottom: 1px solid #3077a8;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -1px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-998 {
  border-bottom: 1px solid #3077a8;
  padding-top: 6px;
  padding-bottom: 6px;
}

.user-form-wrapper {
  border: 0 solid #000;
  margin-top: 20px;
  margin-bottom: 30px;
}

.team-view-wrapper {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding: 0 40px 40px;
  display: flex;
}

.text-span-66 {
  font-size: 12px;
  line-height: 0;
}

.text-span-66.red {
  color: #ed4444;
}

.div-block-995 {
  align-items: center;
  margin-right: 40px;
  padding-left: 14px;
}

.org-select-section-copy {
  height: 40px;
  margin-top: 30px;
  display: flex;
}

.div-block-967 {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.search-actions-section-4 {
  margin-top: 10px;
}

.close-modal-9 {
  cursor: pointer;
  background-color: #0000;
  width: 36px;
  height: auto;
  display: block;
}

.customer-search-add-3 {
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  display: flex;
}

.invitation-wrapper-2 {
  background-color: #00528c;
  border: 1px solid #c4dfd9;
  border-top-style: none;
  border-bottom-color: #3077a8;
  border-radius: 0 0 8px 8px;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.footer-links-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.div-block-1059 {
  background-color: #ffffffe8;
  border-radius: 12px;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  display: block;
}

.create-account-wrapper {
  background-color: #eee;
  background-image: linear-gradient(to top, #0000009c 8%, #0000 33%), linear-gradient(#0009 12%, #0000 62%), url('../images/gym.jpeg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  min-height: 640px;
  padding: 20px 0 0;
}

.sf-15-med-7 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  transition: color 1s;
}

.sf-15-med-7.white {
  color: #ffffffdb;
}

.category-item-3 {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 52px;
  padding-left: 20px;
  padding-right: 15px;
  transition: opacity .2s, background-color .3s;
  display: flex;
  position: relative;
}

.category-item-3:hover {
  background-color: #0078ce1a;
}

.category-item-3.inbox-zero {
  filter: invert();
  transition: color .3s, background-color .3s;
}

.category-item-3.inbox-zero.selected {
  background-color: #ffffff1a;
  display: flex;
}

.category-item-3.requests {
  display: none;
}

.category-item-3.selected {
  background-color: #0078ce2e;
}

.no-content-section-copy {
  background-color: #ffffff85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 14px 20px;
  display: block;
}

.preview-content-section-2 {
  background-color: #ffffff85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px 20px 14px;
  display: block;
}

.div-block-1060 {
  margin-bottom: 10px;
}

.div-block-1060.g {
  margin-bottom: 14px;
  display: flex;
}

.lead-gen-toggle-wrapper2 {
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 360px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.open-graph-setting-copy {
  height: 8px;
  padding-bottom: 10px;
}

.settings-accordion-menu-holder {
  flex-direction: column;
  flex: 1;
  height: auto;
  max-height: 100vh;
  padding-bottom: 100px;
  display: block;
  overflow: auto;
}

.simple-right-click {
  z-index: 996;
  opacity: .8;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.simple-right-click:hover {
  opacity: .92;
}

.divider-rightclick {
  border-top: 1px solid #96b3d8;
  height: 1px;
  margin: 6px 15px;
  padding-bottom: 0;
}

.pending-client-wrapper-2 {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  max-height: 420px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 0;
  overflow: auto;
}

.pending-client-2 {
  border-top: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 60px;
  padding: 12px 30px;
  display: flex;
}

.pending-client-2.none {
  justify-content: center;
  align-items: center;
  display: none;
}

.remove-expired-button {
  color: gray;
  background-color: #ebebeb;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  margin-top: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.remove-expired-button:hover {
  color: #505050;
}

.expiration {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.social-reaction-message {
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px 30px;
  display: flex;
}

.sf-124 {
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-124.white {
  color: #fff;
}

.reaction-text-wrapper {
  padding-left: 5px;
}

.modal-unfollow {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.unfollow-icon {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/unfollow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  transition: background-color .3s;
  position: absolute;
  inset: 12px 56px auto auto;
}

.unfollow-icon:hover {
  background-color: #636363;
}

.unfollow-icon.static {
  margin-left: 10px;
  display: block;
  position: static;
}

.webflow-zip-import-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.sf-125 {
  color: #313131;
  text-align: left;
  margin-top: -12px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.feedback-detail-2 {
  min-width: 200px;
  height: auto;
  margin-left: 16px;
}

.exercise-feedback-icon {
  width: 28px;
  height: 28px;
  margin-right: 2px;
}

.exercise-feedback-icon.too-easy {
  background-image: url('../images/icon-feedback-tooeasy_1icon-feedback-tooeasy.png');
  background-position: 50%;
  background-size: cover;
}

.exercise-feedback-icon.too-hard {
  background-image: url('../images/icon-exercise-feedback-toohard_1icon-exercise-feedback-toohard.png');
  background-position: 50%;
  background-size: cover;
}

.exercise-feedback-icon.dislike {
  background-image: url('../images/icon-exercise-feedback-dislike2x_1icon-exercise-feedback-dislike@2x.png');
  background-position: 50%;
  background-size: cover;
}

.exercise-feedback-icon.like {
  background-image: url('../images/icon-exercise-feedback-like2x_1icon-exercise-feedback-like@2x.png');
  background-position: 50%;
  background-size: cover;
}

.exercise-feedback-icon.pain {
  background-image: url('../images/icon-exercise-feedback-pain2x_1icon-exercise-feedback-pain@2x.png');
  background-position: 50%;
  background-size: cover;
}

.workout-thumb-5 {
  background-image: url('../images/performance.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
}

.icon-label {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
}

.excercise-icon-wrapper {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 40px;
  align-items: center;
  height: 32px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-left: 4px;
  padding-right: 8px;
  display: inline-block;
  box-shadow: 1px 1px 8px #0003;
}

.icon-inner-wrapper {
  align-items: center;
  display: flex;
}

.module-styles-modal-content {
  display: block;
  position: fixed;
  inset: 100px auto auto 100px;
}

.module-styles-modal-content.unselectable {
  max-height: 100vh;
  inset: 0% auto auto 0%;
}

.video-toggle-wrapper {
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 10px;
  display: flex;
}

.video-toggle-wrapper.featured {
  border-bottom: 1px solid #60717cab;
  margin-bottom: 14px;
  padding-top: 10px;
}

.video-toggle-wrapper.border {
  border-bottom: 1px solid #60717cab;
}

.video-settings-wrapper {
  margin-top: 10px;
}

.web-link-wrapper-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.basic-toolbar-2 {
  z-index: 998;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 180px auto auto 100px;
}

.close-menu-2 {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 10px;
  display: flex;
}

.close-menu-2:hover {
  opacity: 1;
}

.img-preview {
  background-color: #ffffff1f;
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 180px;
}

.alt-text-form-block {
  margin-top: 10px;
  margin-bottom: 10px;
}

.library-tab-bar-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
  padding-top: 4px;
  display: none;
}

.text-option {
  opacity: .84;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.text-option:hover {
  opacity: 1;
  background-color: #08568d80;
}

.text-option.selected {
  background-color: #08568d80;
}

.font-menu-modal {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.img-3-column {
  background-image: url('../images/Screen-Shot-2022-01-07-at-7.56.03-AM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 75%;
  padding-right: 0;
}

.img-3-column.mini {
  margin-bottom: 4px;
}

.opacity-input-wrapper-copy {
  background-color: #272c44;
  border: 1px solid #ffffff7a;
  flex-direction: row;
  align-items: center;
  width: 100px;
  display: flex;
}

.modal-content-font-options {
  z-index: 3;
  background-color: #155279;
  border: 1px solid #00528c;
  border-bottom-color: #026bb4;
  border-radius: 8px;
  min-width: 145px;
  display: block;
  position: absolute;
  inset: 278px auto auto 40px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.form-fields {
  padding-top: 0;
}

.bg-style-options {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.bg-style-options.padding {
  background-color: #0000;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 8px;
}

.modal-top-bar-layouts {
  z-index: 12;
  background-color: #032944;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 6px 4px 14px;
  display: flex;
  position: relative;
}

.video-play-button {
  z-index: 9;
  opacity: .86;
  background-image: url('../images/play-button_2play-button.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.video-play-button:hover {
  opacity: 1;
}

.remove-img-row {
  justify-content: flex-end;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.bg-img-preview {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-top: 0;
}

.bg-img-preview.hidden {
  display: none;
}

.mini-img-wrapper {
  height: 100%;
}

.post-submit-content {
  border-top: 1px solid #fff3;
  padding-top: 20px;
}

.post-submit-content.fasttrack {
  margin-top: 15px;
  padding-top: 15px;
}

.image-preview {
  background-color: #40779e80;
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
  height: 180px;
  display: block;
  position: relative;
}

.percent-label {
  color: #646464;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
}

.percent-label.white {
  color: #ffffffdb;
  font-size: 15px;
}

.toggle-switch-wrapper-2 {
  align-items: center;
  display: flex;
}

.mini-site-title {
  color: #312b3de3;
  text-align: left;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 13px;
  display: block;
}

.mini-site-title.white {
  color: #fff;
}

.mini-site-title.white-large {
  color: #fff;
  font-size: 14px;
  line-height: 15px;
}

.section-element-settings-2-copy {
  flex: 1;
  max-height: 80vh;
  padding-top: 10px;
  display: block;
  overflow: auto;
}

.default-confirmation-wrappe {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.content-section.add-content {
  cursor: pointer;
}

.media-button-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
  display: flex;
}

.video-modal2 {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.column-block-horiz {
  flex-direction: row;
  align-items: flex-start;
  width: auto;
  min-height: 120px;
  margin-bottom: 40px;
  display: flex;
}

.column-block-horiz.mini {
  min-height: 0;
  margin-bottom: 12px;
}

.tile-contents-overlay {
  opacity: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.tile-contents-overlay:hover {
  opacity: 1;
}

.form-block-10-copy {
  margin-top: 6px;
  margin-bottom: 0;
}

.item-holder-6-copy {
  border: 1px solid #0000;
  border-radius: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.item-holder-6-copy:hover {
  border-color: #fff;
}

.template-chooser-modal {
  z-index: 99;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.opacity-input {
  color: #fff;
  text-align: center;
  background-color: #272c44;
  border: 0 solid #dbdbdb;
  align-items: center;
  width: 70px;
  height: 38px;
  margin-bottom: 0;
  margin-right: 4px;
  padding-left: 10px;
  padding-right: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: flex;
}

.image-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.media-library-modal-3 {
  background-color: #f7f7f7;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  max-width: 95%;
  height: 90vh;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
  box-shadow: -1px -1px 8px #0000005e, 6px 6px 8px #0006;
}

.library-loading-workouts-2-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.image-edit-modal-content {
  display: block;
  position: fixed;
  inset: 100px auto auto 100px;
}

.image-edit-modal-content.unselectable {
  width: 340px;
  inset: 0% auto auto 0%;
}

.section-heading-bar-2 {
  cursor: pointer;
  background-color: #001c30e6;
  border-top: 1px solid #ffffff63;
  border-bottom: 1px #ffffff63;
  align-items: center;
  height: 34px;
  padding-left: 10px;
  display: flex;
}

.video-preview {
  background-color: #40779e80;
  background-image: url('../images/icon-video_1icon-video.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
  height: 180px;
  display: block;
  position: relative;
}

.mini-layout-wrapper {
  width: 86%;
  min-height: 60px;
}

.mini-layout-wrapper._2-column {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.mini-layout-wrapper._3-column {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.mini-layout-wrapper.article {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.mini-layout-wrapper._1-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mini-layout-wrapper._1-column.left {
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.mini-layout-wrapper.list {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.round-checkbox {
  cursor: pointer;
  background-image: url('../images/check_4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.round-checkbox.checked {
  background-image: url('../images/checked_3.png');
}

.tile-contents-2-copy {
  position: absolute;
  inset: 0%;
}

.choose-video-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.opacity-input-wrapper {
  background-color: #272c44;
  border: 1px solid #ffffff7a;
  flex-direction: row;
  align-items: center;
  width: 100px;
  display: flex;
}

.button-ac-wrapper-editor-2 {
  margin-bottom: 10px;
  display: none;
  position: relative;
}

.color-swatch {
  background-color: #1d1d1d;
  border: 1px solid #b3b3b3;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
}

.color-swatch.white {
  background-color: #fff;
}

.filter-autocomplete-font {
  text-align: left;
  background-color: #0000008a;
  border-bottom: 1px solid #026bb4;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: block;
}

.custom-color-wrapper {
  display: block;
}

.tag-content-3-copy {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.tag-content-3-copy.builder {
  height: 30px;
  min-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.color-swatch-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.color-swatch-wrapper:hover {
  background-color: #08568d80;
}

.sm-toggle-switch-builder {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.sm-toggle-switch-builder:hover {
  opacity: 1;
}

.sm-toggle-switch-builder.on {
  background-color: #03a9f4;
}

.settings-accordion-menu-holder-copy {
  flex-direction: column;
  flex: 1;
  height: auto;
  max-height: 100vh;
  padding-bottom: 10px;
  display: block;
  overflow: auto;
}

.text-size-dropdown {
  z-index: 99;
  background-color: #262c46;
  border-radius: 6px;
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.customize {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.form-modal-2 {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.bg-img-upload-options {
  z-index: 102;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  width: 190px;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 47px 0% 105% -124px;
  box-shadow: -1px 3px 8px 1px #0000004d;
}

.lead-gen-preview-builder {
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.lead-gen-preview-builder.default {
  display: block;
}

.section-styles-modal, .color-picker-modal-bg {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.video-name {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6px;
  display: flex;
}

.large-tile {
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 32%;
  min-width: 400px;
  height: 240px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 10px;
  padding-bottom: 2px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.large-tile:hover {
  border-width: 2px;
  border-color: #00b2ed;
  transform: translate(-4px, -4px);
  box-shadow: 2px 1px 10px 1px #0000003b;
}

.section-style-tab-content {
  padding: 30px 20px 40px;
  display: block;
}

.section-style-tab-content.bg, .section-style-tab-content.padding {
  padding: 0;
}

.padding-reset {
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.bg-image-button-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.builder-modal-button-2 {
  opacity: .76;
  cursor: pointer;
  border: 1px solid #fffc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 34px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.builder-modal-button-2:hover {
  opacity: .88;
  background-color: #08568d80;
}

.mini-button {
  color: #fff;
  background-color: #007eed;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  margin-top: 14px;
  padding: 6px 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 8px;
  line-height: 10px;
}

.mini-button.sm {
  padding: 2px 8px;
  font-size: 6px;
}

.post-submit-preview-wrapper-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: block;
}

.img-vertical-list {
  background-color: #d6d6d6;
  background-image: url('../images/Screen-Shot-2022-01-07-at-7.56.03-AM.png');
  background-position: 50%;
  background-size: cover;
  width: 240px;
  min-width: 240px;
  height: 200px;
}

.img-vertical-list.mini {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-bottom: 0;
  margin-right: 14px;
}

.mini-layout {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.mini-layout.short {
  min-height: 140px;
  padding-top: 26px;
  padding-bottom: 26px;
  inset: 0% 0% auto;
}

.mini-layout.short.color {
  background-color: #28046fe3;
  min-height: 140px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mini-layout.short.bg-img {
  background-color: #0067ed;
  background-image: linear-gradient(#0009, #0009), url('../images/class.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
}

.mini-layout.bg-img {
  background-image: linear-gradient(#00000080, #00000080), url('../images/group-class.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.site-mini-body {
  color: #313131;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 7px;
  font-weight: 400;
  line-height: 10px;
  display: block;
}

.site-mini-body.white {
  color: #fff;
}

.site-mini-body.center {
  text-align: center;
}

.site-mini-body.center.white {
  color: #fff;
}

.opacity-row {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.color-picker-wrapper {
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.color-picker-wrapper:hover {
  border-color: #fff;
}

.color-picker-wrapper.sadfds {
  margin-bottom: 0;
}

.content-section-area-2 {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.content-section-list-2 {
  flex: 1;
  overflow: visible;
}

.img-action-icon {
  opacity: .8;
  cursor: pointer;
  background-image: url('../images/upload_1upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
}

.img-action-icon:hover {
  opacity: 1;
}

.share-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.group-inner-wrapper {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 5px;
  padding-left: 34px;
  padding-right: 14px;
  display: flex;
}

.client-search-add-2-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 30px;
  display: block;
}

.toggle-knob {
  background-color: #fff;
  border: 2px solid #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
}

.toggle-knob.off {
  border-style: none;
  border-color: #87badf;
  box-shadow: 2px 2px 8px -1px #00000040;
}

.toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 26px;
  box-shadow: -1px 1px 5px #00000040;
}

.remove-img-icon {
  cursor: pointer;
  background-color: #0009;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #fff;
  border-radius: 24px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 4px 0% auto auto;
}

.remove-img-icon:hover {
  background-color: #000000e6;
}

.new-group-content {
  z-index: 4;
  text-align: left;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.group-action-wrapper {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 24px;
  align-items: center;
  padding-left: 5px;
  padding-right: 6px;
  transition: opacity .2s;
  display: flex;
}

.group-action-wrapper:hover {
  background-color: #fff;
  border: 1px solid #62c0ff;
}

.group-action-wrapper.matched {
  cursor: auto;
  display: flex;
}

.group-action-wrapper.matched:hover {
  background-color: #0000;
  border-color: #0000;
}

.group-name-text-input {
  background-color: #0000;
  border: 1px solid #0000;
  width: 90%;
  height: 50px;
  max-height: 50px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 24px;
  transition: all .3s;
  overflow: hidden;
}

.group-name-text-input:hover, .group-name-text-input:focus {
  background-color: #fff;
  border-color: #d4d4d4;
}

.group-name-text-input::placeholder {
  color: #313131;
}

.grey-label-13 {
  color: #868686;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}

.group-name-img2 {
  background-color: #fafafa;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 40px 15px;
  display: flex;
  position: relative;
}

.sharing-toggle {
  cursor: pointer;
  background-color: #64dd17;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: flex;
}

.sharing-toggle:hover {
  opacity: 1;
}

.sharing-toggle.off {
  background-color: #e0e0e0;
  display: flex;
}

.library-media-content-view-3 {
  background-color: #032944;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-height: 100vh;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-1091 {
  align-items: center;
}

.content-library-modal-2 {
  background-color: #032944;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1160px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 6px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: 7px 6px 14px #0006;
}

.div-block-1081 {
  width: 100%;
}

.sharing-toggle-wrapper {
  border-radius: 4px;
  align-items: center;
  margin-left: 16px;
  display: flex;
}

.div-block-1096 {
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.modal-content-new-group {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 720px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  overflow: visible;
}

.group-image-2 {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: url('../images/group-w.png'), linear-gradient(312deg, #a6e4f8, #68b0e4);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 32px, auto;
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.group-image-2.lg {
  background-size: 58px, auto;
  border-radius: 120px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.close-button-w {
  opacity: .7;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
}

.close-button-w:hover {
  opacity: .94;
}

.group-link-outer-wrapper {
  justify-content: flex-end;
  position: absolute;
  inset: auto 0% 0%;
}

.blue-label-13 {
  color: #0078ce;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}

.img-hover {
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  border-radius: 50px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: opacity .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img-hover:hover {
  opacity: 1;
  background-color: #00000080;
}

.submit-button-area-4 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.paragraph-toolbar-2 {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 60px auto auto 100px;
}

.redirect-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  margin-right: 20px;
  padding-bottom: 40px;
  display: flex;
}

.info-wrapper {
  background-color: #fff;
  border-radius: 18px;
  justify-content: center;
  min-height: 300px;
  margin-top: 20px;
  padding: 30px;
  display: flex;
}

.prospect-image {
  background-image: url('../images/plank-banner.jpg');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 220px;
}

.prospect-image._2 {
  background-image: url('../images/colin-training.png');
  background-position: 50%;
}

.bold-text-3 {
  font-size: 26px;
  line-height: 36px;
}

.workout-div-13-copy {
  cursor: auto;
  background-color: #0f5d94;
  min-height: 52px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.edit-template-button-copy {
  opacity: .76;
  cursor: pointer;
  background-color: #000000c2;
  border-radius: 4px;
  flex-direction: column;
  width: 30px;
  height: 30px;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 3px 3px 0% auto;
}

.edit-template-button-copy:hover {
  opacity: 1;
}

.div-block-1064-copy {
  cursor: pointer;
  background-image: url('../images/edit2_1edit2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.heart-blue-2 {
  background-image: url('../images/heart-blue_1heart-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  flex-direction: column;
  flex: 0 auto;
  width: 26px;
  height: 26px;
  display: flex;
}

.heart-blue-2.empty {
  opacity: .18;
  background-image: url('../images/icon-heart3x_1icon-heart@3x.png');
}

.submit-save-button-9 {
  text-align: center;
  cursor: auto;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-top: 10px;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-9:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-9.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-9.cancel:hover {
  background-color: #a1a1a1;
}

.modal-group-2 {
  z-index: 11002;
  background-color: #0006;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.button-modal-2-copy {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.button-mneu-editor-ac-wrapper {
  margin-bottom: 10px;
  position: relative;
}

.button-autocomplete-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.module-styles-modal-content-copykjhl {
  display: block;
  position: fixed;
  inset: 100px auto auto 100px;
}

.module-styles-modal-content-copykjhl.unselectable {
  width: 500px;
  max-height: 100vh;
  inset: 0% auto auto 0%;
}

.textarea-code-settings {
  color: #fffc;
  background-color: #155279;
  border: 1px solid #155279;
  border-radius: 4px;
  min-height: 120px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .4s;
}

.textarea-code-settings:hover {
  background-color: #2773a3;
}

.textarea-code-settings::placeholder {
  color: #ffffff7d;
}

.img-file-name {
  margin-bottom: 10px;
}

.html-editor-holder {
  flex: 1;
  width: 100%;
  margin-top: 0;
  padding: 10px 5px 10px 10px;
  transition: opacity .5s;
  overflow: auto;
}

.add-element-menu-modal-2 {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 0%;
}

.add-element-menu {
  background-color: #262c46;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 305px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
  position: fixed;
  inset: 400px auto auto 400px;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.framer-bottom {
  border: 0 solid #528fe7;
  border-top-width: 2px;
  width: 200px;
  display: none;
  position: fixed;
  top: 300px;
  left: 400px;
}

.add-element-hover-button {
  z-index: 8;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: absolute;
  inset: auto 0% -13px;
}

.add-element-hover-button:hover {
  opacity: 1;
}

.add-element-hover-button.top {
  cursor: move;
  opacity: 1;
  cursor: move;
  opacity: 1;
  cursor: move;
  inset: -13px 0% auto;
  inset: -13px 0% auto;
  opacity: 1;
  cursor: move;
  inset: -13px 0% auto;
  inset: -13px 0% auto;
}

.framer-top {
  border: 0 solid #528fe7;
  border-top-width: 2px;
  width: 200px;
  display: none;
  position: fixed;
  top: 200px;
  left: 400px;
}

.alt-text-input-2 {
  border-top: 1px solid #ffffff45;
  margin-top: 14px;
  padding-top: 14px;
  display: block;
}

.framer-right {
  background-color: #528fe7;
  border: 0 solid #528fe7;
  border-top-width: 2px;
  width: 2px;
  height: 200px;
  display: none;
  position: fixed;
  top: 500px;
  left: 500px;
}

.framer-left {
  background-color: #528fe7;
  border: 0 solid #528fe7;
  border-top-width: 2px;
  width: 2px;
  height: 200px;
  display: none;
  position: fixed;
  top: 500px;
  left: 400px;
}

.html-editor-modal {
  width: 100vw;
  height: 100vh;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.add-element-button-4 {
  cursor: pointer;
  background-color: #2f6dc7;
  background-image: url('../images/icon-add_1icon-add.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 12px;
  width: 42px;
  height: 100%;
  position: relative;
}

.add-element-button-4:hover {
  background-color: #1f5aaf;
}

.delete-element {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/delete-blue_1delete-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 2px solid #528fe7;
  border-radius: 26px;
  width: 28px;
  height: 28px;
  position: absolute;
  inset: -15px auto auto -12px;
}

.delete-element:hover {
  background-color: #f66;
  background-image: url('../images/delete-w_1delete-w.png');
  border-color: #f66;
}

.font-ac-holder {
  position: relative;
}

.filter-autocomplete-font-copy {
  text-align: left;
  border-bottom: 1px solid #026bb4;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.domain-option-scroller-2-copy {
  background-color: #032944;
  min-width: 160px;
  max-height: 460px;
  padding-bottom: 0;
  position: absolute;
  overflow: auto;
}

.site-element-toolbar-3 {
  background-color: #262c46;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  align-items: center;
  height: 42px;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.multi-select-results-holder-2 {
  border-radius: 8px;
  display: block;
  position: relative;
}

.tag-copy {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-copy.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: none;
  position: relative;
}

.tag-copy.compact.font {
  background-color: #08568d80;
  width: 140px;
  display: block;
}

.pdf-content-wrapper-2 {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 740px;
  min-width: 0;
  padding: 0;
  display: block;
  position: static;
  top: 120px;
  overflow: visible;
}

.pdf-content-wrapper-2.wide {
  width: 920px;
  max-width: 860px;
  height: 800px;
  max-height: none;
  padding: 40px 60px 60px;
}

.pdf-content-wrapper-2.wide._2 {
  padding-top: 20px;
}

.pdf-content-wrapper-2.weight-loss {
  width: 1200px;
  height: 1040px;
  padding: 40px 40px 60px;
}

.pdf-content-wrapper-2.ft, .pdf-content-wrapper-2.client-goal-wrapper-2 {
  width: 920px;
  height: 1040px;
  padding: 40px 40px 60px;
}

.summary-table-wrapper {
  border: 1px solid #ffffff80;
  width: 100%;
}

.report-row {
  background-color: #fff;
  border-bottom: 1px solid #d7edf8;
  align-items: center;
  height: auto;
  min-height: 54px;
  display: flex;
  position: relative;
}

.report-row.header {
  background-color: #00528c;
  flex-direction: row;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.report-row.header._2 {
  padding-top: 0;
  padding-bottom: 0;
}

.report-row.goal {
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.report-row.goal-header {
  background-color: #00528c;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 6px 20px;
}

.report-row.goal {
  justify-content: flex-start;
}

.report-row.ft {
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.header-cell-2 {
  color: #fff;
  width: 30%;
  padding-top: 2px;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 400;
  position: static;
}

.header-cell-2._25 {
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px;
}

.header-cell-2._25.center {
  text-align: center;
  flex: 0 auto;
}

.header-cell-2.px {
  width: 210px;
  min-width: 210px;
  padding-left: 12px;
  font-size: 16px;
}

.header-cell-2._33 {
  text-align: center;
  width: 33%;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 16px;
}

.header-cell-2._35 {
  text-align: center;
  width: 35%;
  padding-right: 8px;
  font-size: 14px;
}

.header-cell-2._30 {
  padding-left: 0;
  font-size: 14px;
}

.header-cell-2._15r {
  text-align: right;
  width: 15%;
  padding-left: 8px;
  padding-right: 0;
  font-size: 14px;
  line-height: 16px;
}

.header-cell-2._10r {
  text-align: right;
  width: 10%;
  padding-left: 8px;
  padding-right: 0;
  font-size: 14px;
  line-height: 16px;
}

.header-cell-2.long {
  width: 390px;
  padding-left: 0;
  font-size: 14px;
}

.header-cell-2.right {
  text-align: right;
  width: 200px;
  font-size: 14px;
}

.dd-logo-center {
  margin-left: auto;
  margin-right: auto;
}

.table-cell-email-2 {
  color: #1b1b1b;
  width: 20%;
  padding-top: 2px;
  padding-left: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  position: static;
}

.table-cell-email-2.center {
  text-align: center;
  padding-right: 12px;
  font-weight: 400;
}

.table-cell-email-2.px {
  width: 210px;
  min-width: 210px;
}

.table-cell-email-2._33 {
  text-align: center;
  width: 33%;
  padding-left: 8px;
  padding-right: 8px;
}

.table-cell-email-2.right {
  text-align: right;
  width: 25%;
  padding-left: 0;
}

.table-cell-email-2.long {
  width: 60%;
  padding-left: 0;
}

.table-cell-email-2._30 {
  width: 30%;
  padding-left: 0;
  font-size: 16px;
  line-height: 20px;
}

.table-cell-email-2._10r {
  text-align: right;
  width: 10%;
  padding-left: 8px;
  font-size: 16px;
}

.table-cell-email-2._15r {
  text-align: right;
  width: 15%;
  padding-left: 8px;
  font-size: 16px;
}

.table-cell-email-2._45 {
  align-items: center;
  width: 35%;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.table-cell-email-2.long {
  width: 390px;
  padding-left: 0;
  font-size: 18px;
}

.table-cell-email-2.right {
  text-align: right;
  padding-left: 8px;
  font-size: 18px;
  font-weight: 400;
}

.table-cell-email-2.right.bold {
  text-align: right;
  flex: 1;
  font-weight: 400;
  display: block;
  position: static;
}

.pdf-page-wrapper-2 {
  z-index: 1;
  clear: none;
  background-image: linear-gradient(187deg, #00528c 5%, #199fc4);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.text-block-81 {
  color: #fff;
  margin-top: 14px;
  font-size: 18px;
  font-weight: 400;
}

.summary-top-2 {
  background-color: #0000;
  border-bottom: 1px #d6d6d6;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  height: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.summary-top-2:hover {
  opacity: 1;
}

.heading-7 {
  letter-spacing: .1em;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.heading-7.white {
  color: #ffffffdb;
}

.heading-6 {
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 400;
}

.heading-6.white {
  color: #fff;
  margin-top: 20px;
  font-weight: 400;
}

.search-view-wrapper {
  z-index: 14;
  background-color: #ebf0f3;
  transition: all .3s;
  display: block;
  position: absolute;
  inset: 0%;
}

.search-view-wrapper.hidden {
  z-index: 1104;
  display: none;
  position: absolute;
}

.message-list-2 {
  z-index: 100;
  background-color: #fafafa;
  flex-direction: column;
  align-items: stretch;
  height: 100vh;
  max-height: 100vh;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.tag-content-4-copy {
  align-items: center;
  height: 42px;
  min-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.matched-l {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.search-display {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  height: 42px;
  padding-top: 11px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.search-display.hidden {
  display: none;
}

.results-wrapper-messages {
  z-index: auto;
  background-color: #fff;
  border: 1px solid #b0dcfc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.recent-search-inner-wrapper {
  width: 900px;
  display: none;
}

.message-section-outer-wrapper {
  margin-top: 100px;
  display: block;
  position: fixed;
}

.result-row-message-search {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-message-search:hover {
  background-color: #f4f8ff;
}

.result-row-message-search.no-hover:hover {
  background-color: #0000;
}

.search-top-section {
  z-index: 14;
  background-color: #ebf0f3;
  width: 100vw;
  height: 120px;
  padding: 40px 25px 20px;
  position: absolute;
  top: 0;
}

.results-scroller-messages {
  z-index: 101;
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  max-height: 500px;
  display: block;
  position: relative;
  overflow: auto;
}

.unmatched-l {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

.ac-default-label-small-21 {
  color: #345770;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.ac-default-label-small-21.large {
  color: #7e7e7e;
  white-space: nowrap;
  height: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.close-modal-icon {
  opacity: .6;
  cursor: pointer;
  padding: 5px;
  display: inline-block;
}

.close-modal-icon:hover {
  opacity: .8;
}

.message-search-wrapper-2 {
  z-index: auto;
  width: 94%;
  position: relative;
}

.message-list-wrapper {
  flex: 1;
  height: 100vh;
  margin-top: 0;
  overflow: auto;
}

.empty-state-section-wrapper {
  z-index: 18;
  background-color: #ebf0f3;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 60px;
  display: block;
  position: fixed;
  inset: 120px 0% 0%;
}

.div-block-1123 {
  margin-bottom: 6px;
  padding-left: 10px;
}

.modal-close-search {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.message-detail-pane-2 {
  z-index: 100;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100vh;
  min-height: 200px;
  padding: 40px 40px 60px;
  display: block;
  position: relative;
  overflow: auto;
}

.remove-4-copy {
  opacity: .6;
  background-color: #6298daa8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
}

.remove-4-copy:hover {
  opacity: 1;
}

.message-results-inner-wrapper {
  border-top: 1px solid #fff;
  align-items: flex-start;
  display: flex;
}

.empty-no-results-text {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 10px;
}

.wilson-banner {
  background-image: url('../images/wilson2_1wilson2.JPG');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 400px;
  width: 340px;
  height: 200px;
  position: absolute;
  inset: -25px 20px auto auto;
}

.div-block-1124 {
  padding: 0 0 0 15px;
}

.link-12 {
  color: #ef0f10;
  text-decoration: none;
}

.client-name-2 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.client-name-2.white {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.div-block-1125 {
  background-color: #ef0f10;
  border-top: 1px solid #fff;
  align-items: center;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-1125.white {
  background-color: #fff;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}

.header-13 {
  background-color: #000;
  border-bottom: 1px #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.header-13:hover {
  opacity: 1;
}

.header-13.tall {
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 40px;
}

.link-14 {
  color: #ef0f10;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.text-174 {
  color: #464646;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.text-174._16 {
  flex: 1;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
}

.text-174._16.center {
  line-height: 18px;
}

.text-174.center {
  text-align: center;
  line-height: 15px;
}

.text-174._13 {
  font-size: 13px;
  line-height: 18px;
}

.text-174.heading-2 {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 28px;
}

.text-174._18-white {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}

.text-174.subheading {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
}

.text-174.subheading.white {
  color: #fff;
  margin-bottom: 0;
  line-height: 18px;
}

.text-174._13-white {
  color: #fff;
  flex: 1;
  font-size: 13px;
  line-height: 18px;
}

.text-174._13-white.center {
  line-height: 16px;
}

.text-174.heading-3 {
  color: #333;
  flex: 1;
  font-size: 14px;
  line-height: 20px;
}

.div-block-1126 {
  flex: 0 auto;
  align-items: stretch;
  width: 55%;
  padding: 10px 30px 34px;
}

.step-circle-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  min-width: 62px;
  min-height: 62px;
  margin-right: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
}

.step-circle-2._2 {
  align-items: center;
  margin-top: -42px;
}

.cell-2 {
  text-align: center;
  background-color: #fff;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  height: 100%;
  padding-right: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.cell-2.heading {
  font-weight: 600;
}

.cell-2.heading.goal {
  background-color: #b5ebff;
}

.cell-2.name {
  background-color: #f7f7f7;
  justify-content: flex-start;
  width: 150px;
  padding-left: 10px;
}

.cell-2.goal {
  background-color: #e8f9ff;
  font-weight: 600;
}

.text-175 {
  color: #464646;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-175.small-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}

.text-175.small-heading.white {
  color: #fff;
}

.text-175.small {
  margin-left: auto;
  font-size: 11px;
  line-height: 15px;
}

.text-175.small.grey {
  color: #6b6b6b;
  text-align: left;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text-175.small.white {
  color: #fff;
}

.text-175.subheading {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.text-175.xs {
  font-size: 10px;
}

.text-175.center {
  text-align: center;
  line-height: 15px;
}

.text-175.label {
  text-align: center;
  width: 100px;
  line-height: 13px;
}

.text-175._13 {
  font-size: 13px;
}

.text-175.heading-2 {
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

.text-175.heading {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.wilson-side2 {
  z-index: 3;
  background-image: url('../images/wilson4.JPG');
  background-position: 60% 16%;
  background-size: 540px;
  border-radius: 120px;
  width: 300px;
  height: 220px;
  margin-bottom: 10px;
  position: absolute;
  top: 140px;
  right: 84px;
  box-shadow: 6px 0 9px 4px #0006;
}

.wilson-side2.g {
  width: 280px;
  height: 200px;
  top: 119px;
}

.oswald {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
}

.oswald.black {
  color: #000;
  margin-bottom: 10px;
}

.oswald.black.sm {
  font-size: 20px;
  line-height: 28px;
}

.oswald._22 {
  font-size: 22px;
  line-height: 26px;
}

.oswald._32 {
  color: #2e2e2e;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

.oswald._32.blue {
  color: #153a62;
}

.oswald._18 {
  color: #153a62;
  margin-bottom: 10px;
  font-weight: 400;
}

.div-block-1127 {
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  padding: 10px 20px 0 10px;
  display: flex;
  position: relative;
}

.wilson-side1 {
  z-index: 2;
  background-image: url('../images/wilson1.JPG');
  background-position: 60% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 120px;
  width: 280px;
  height: 220px;
  margin-bottom: 10px;
  position: absolute;
  top: -36px;
  left: 25px;
  box-shadow: 3px 1px 9px 4px #0006;
}

.wilson-side3 {
  z-index: 1;
  background-image: url('../images/wilson3.png');
  background-position: 50%;
  background-size: 440px;
  width: 280px;
  height: 190px;
  margin-bottom: 10px;
  position: absolute;
  top: 306px;
  left: 52px;
  box-shadow: 2px 1px 9px 4px #0006;
}

.wilson-side3.g {
  width: 260px;
  height: 180px;
  top: 256px;
}

.image-190 {
  width: 380px;
}

.tagline {
  background-color: #fff;
  border-bottom-width: 2px;
  border-bottom-color: #e9e9e9;
  justify-content: center;
  align-items: flex-end;
  padding: 16px 30px 0;
  display: flex;
}

.text-12-w {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}

.title-row-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 22px;
  margin-bottom: 30px;
  display: flex;
}

.div-block-1179 {
  width: 32%;
  padding-right: 10px;
}

.div-block-1179._2 {
  margin-top: 28px;
  padding-right: 10px;
}

.div-block-1184 {
  padding: 0 10px 0 15px;
}

.div-block-1184.wide {
  width: 440px;
  padding-left: 0;
  padding-right: 20px;
}

.div-block-1183 {
  background-image: url('../images/catcow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 170px;
  margin-bottom: 10px;
}

.div-block-1183.pelvic {
  background-image: url('../images/pelvic.jpg');
}

.div-block-1183.cp {
  background-image: url('../images/childspose.jpg');
  background-size: cover;
}

.div-block-1183.piriformis {
  background-image: url('../images/piriformis.jpg');
}

.div-block-1183.leghug {
  background-image: url('../images/childspose.jpg');
}

.div-block-1183.twist {
  background-image: url('../images/twist.jpg');
}

.div-block-1183.shoulder {
  background-image: url('../images/neck6.jpg');
}

.div-block-1183.head-tilt {
  background-image: url('../images/neck3.jpg');
}

.div-block-1183.neck-rotation {
  background-image: url('../images/neck1.jpg');
  background-position: 50% 90%;
  background-size: cover;
}

.div-block-1183.chin-tuck {
  background-image: url('../images/neck4.jpg');
}

.div-block-1183.shoulder-roll {
  background-image: url('../images/neck2.jpg');
  background-size: cover;
}

.div-block-1183.uts {
  background-image: url('../images/neck5.jpg');
  background-position: 50% 0;
  background-size: auto 200px;
}

.div-block-1183.hs {
  background-image: url('../images/leg-hamstring.jpg');
  background-position: 50% 90%;
  background-size: auto 270px;
}

.div-block-1183.glute {
  background-image: url('../images/leg-glute.jpg');
}

.div-block-1183.itband {
  background-image: url('../images/leg-itband.jpg');
}

.div-block-1183.calf {
  background-image: url('../images/leg-calf.jpg');
}

.div-block-1183.quad {
  background-image: url('../images/leg-quad.jpg');
  background-size: auto 280px;
}

.div-block-1183.groin {
  background-image: url('../images/leg-groin.jpg');
  background-position: 50% 60%;
  background-size: cover;
}

.arial-12 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
}

.text-12-w-2 {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.div-block-1188 {
  margin-bottom: 24px;
}

.pdf-content-wrapper3 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 816px;
  min-width: 0;
  height: 1050px;
  display: block;
  position: static;
  top: 120px;
  overflow: visible;
}

.stretch-block {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 49%;
  margin-left: 0;
  margin-right: 15px;
  padding: 20px 20px 25px;
  display: flex;
  box-shadow: 5px 3px 9px 1px #0000001f;
}

.stretch-block.s {
  padding-top: 16px;
  padding-bottom: 14px;
}

.div-block-1177 {
  padding-top: 20px;
  padding-left: 36px;
  padding-right: 36px;
}

.div-block-1177._2 {
  padding-top: 20px;
}

.div-block-1168 {
  width: 62%;
}

.div-block-1168.wide {
  width: 78%;
}

.tagline-2 {
  background-color: #fff;
  border-bottom-width: 2px;
  border-bottom-color: #e9e9e9;
  justify-content: center;
  align-items: flex-end;
  padding: 60px 40px 10px;
  display: flex;
}

.tagline-2.short {
  padding-top: 20px;
  padding-bottom: 0;
}

.text-span-80 {
  font-size: 13px;
}

.div-block-1162 {
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  display: flex;
}

.bg-img {
  background-image: url('../images/fms.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 80px;
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.bg-img.strengthening {
  background-color: #f4f6ff;
  background-image: url('../images/w1.png');
  position: absolute;
  inset: -20px auto auto;
}

.bg-img._2 {
  background-image: url('../images/wilson1.JPG');
}

.bg-img._2.ab {
  background-image: url('../images/training.jpg');
  background-repeat: no-repeat;
  left: 88px;
}

.bg-img.stretching {
  background-color: #f4f6ff;
  background-image: url('../images/w2.png');
  background-size: cover;
  position: absolute;
  top: -20px;
}

.bg-img.yoga {
  background-color: #f4f6ff;
  background-image: url('../images/w4.png');
  background-repeat: no-repeat;
  background-size: auto 48px;
  position: absolute;
  top: -20px;
}

.bg-img.cardio {
  background-color: #f4f6ff;
  background-image: url('../images/w3.png');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -20px;
}

.bg-img.ab {
  position: absolute;
  top: -27.5px;
}

.bg-img.aerobic {
  background-color: #f4f6ff;
  background-image: url('../images/aerobic.png');
  background-repeat: no-repeat;
  background-size: auto 50px;
  position: absolute;
  top: -20px;
}

.bg-img.sitting {
  background-color: #f4f6ff;
  background-image: url('../images/sitting.png');
  background-repeat: no-repeat;
  background-size: auto 44px;
  position: absolute;
  top: -20px;
}

.bg-img.neck {
  background-image: url('../images/neck-fms.png');
  display: block;
  position: absolute;
  top: -27.5px;
}

.bg-img.knee {
  background-image: url('../images/knee-trainer.jpg');
  position: absolute;
  top: -27.5px;
}

.bg-img.squats {
  background-color: #f4f6ff;
  background-image: url('../images/squat.png');
  background-repeat: no-repeat;
  background-size: auto 48px;
  position: absolute;
  inset: -20px auto auto;
}

.bg-img.balance {
  background-color: #f4f6ff;
  background-image: url('../images/legstand.png');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -20px;
}

.bg-img.ab {
  background-image: url('../images/20230203_072536SM.jpg');
  position: absolute;
  top: -27.5px;
}

.wilson-banner-2 {
  background-image: url('../images/wilson2_1wilson2.JPG');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 400px;
  width: 340px;
  height: 200px;
  position: absolute;
  inset: -2px 40px auto auto;
}

.wilson-banner-2._2 {
  width: 300px;
  height: 290px;
  position: absolute;
  inset: 2% 23px auto auto;
}

.arial-13 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.arial-13.bold {
  font-weight: 700;
}

.arial-13.white {
  color: #fff;
}

.arial-13.white.padding {
  padding-right: 70px;
}

.bold-text-4 {
  font-size: 13px;
}

.div-block-1180 {
  width: 68%;
}

.div-block-1180._3-column {
  width: 100%;
  margin-top: 20px;
}

.div-block-1180._5-col {
  width: 100%;
}

.div-block-1175 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 52px 14px 16px;
  display: flex;
  position: relative;
}

.div-block-1175._33 {
  width: 33%;
  margin-left: 0;
  padding-left: 22px;
  padding-right: 22px;
}

.div-block-1175._20 {
  background-color: #ac0000;
  border: 1px solid #ffffff91;
  justify-content: center;
  width: 20%;
  margin-left: 0;
  margin-right: 10px;
  padding: 10px 12px;
}

.div-block-1187 {
  margin-bottom: 15px;
}

.wilson-side1-2 {
  z-index: 2;
  background-image: url('../images/wilson1.JPG');
  background-position: 60% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 120px;
  width: 280px;
  height: 220px;
  margin-bottom: 10px;
  position: absolute;
  top: -28px;
  left: 25px;
  box-shadow: 3px 1px 9px 4px #0006;
}

.wilson-side1-2.g {
  width: 250px;
  height: 210px;
}

.div-block-1167 {
  background-color: #ac0000;
  background-image: url('../images/Back-Pain-PNG-Picture-1910060918.png');
  background-position: 108%;
  background-repeat: no-repeat;
  background-size: 340px;
  background-attachment: scroll;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 30px;
  display: flex;
}

.link-arial-14 {
  color: #ef0f10;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.link-arial-14:hover {
  color: #3d3d3d;
}

.pdf-page-wrapper-3 {
  z-index: 1;
  clear: none;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.wilsons-content-container-copy {
  background-image: linear-gradient(124deg, #000000bf, #000000bf 79%, #0000), url('../images/wilson3.png');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 60px 30px 10px;
}

.wilsons-content-container {
  background-image: linear-gradient(126deg, #000000b8 8%, #0000 62%), url('../images/wilson-bg.png');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  padding: 35px 30px 45px;
}

.wilsons-content-container.neck {
  padding-top: 25px;
  padding-bottom: 35px;
  display: block;
  position: static;
}

.wilsons-content-container.knee {
  padding-top: 25px;
  padding-bottom: 40px;
}

.wilsons-content-container.general {
  background-image: linear-gradient(126deg, #000000b8 82%, #0000), url('../images/FE2.jpg');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-1174-copy {
  align-items: stretch;
  min-height: 50px;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.div-block-1185 {
  flex: 0 auto;
  align-items: stretch;
  width: 55%;
  padding: 10px 30px 34px 40px;
}

.div-block-1185.general {
  width: 60%;
}

.arial-16 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

.arial-16.bold {
  margin-bottom: 6px;
  font-weight: 700;
}

.arial-14 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

.arial-14.white {
  color: #fff;
}

.div-block-1173 {
  align-items: flex-start;
  display: flex;
}

.column-wilson {
  background-color: #eee;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 34%;
  min-height: 40px;
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 46px 10px 12px;
  position: relative;
}

.column-wilson.screening {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.column-wilson.screening._2 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-1170 {
  margin-bottom: 12px;
}

.div-block-1170._60 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 60px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1170._75 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 75px;
  margin-bottom: 6px;
  padding: 10px;
}

.div-block-1170._88 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 88px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1170._72 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 72px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1170._80 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 80px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.form-block-26 {
  margin-top: 40px;
  margin-bottom: 0;
}

.form-block-26.wilson {
  margin-top: 0;
}

.radio-button-copy {
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
  font-size: 24px;
}

.modal-close-3 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px;
  display: flex;
  position: static;
}

.content-wrapper-4 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
}

.button-survey-red {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: red;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
}

.button-survey-red:hover {
  color: #fff;
  background-color: #d60000;
}

.button-survey-red:focus {
  border: 3px solid #91b4f5;
}

.button-survey-red.disabled {
  background-color: #ff000040;
}

.button-survey-red.disabled.hidden {
  cursor: default;
}

.radio-button-field-8 {
  align-items: center;
  margin-bottom: 12px;
  padding-left: 0;
  display: flex;
}

.radio-button-label-18 {
  color: #333;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.form-27 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.survey-modal {
  z-index: 25;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: block;
  position: fixed;
  inset: 0;
}

.submitted-wrapper {
  margin-top: 20px;
}

.question-inner-wrapper-3 {
  border-top: 1px solid #ebebeb;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 60px 16px 10px;
  display: flex;
}

.question-wrapper-2-copy-2 {
  height: 640px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  overflow: auto;
}

.textarea-10 {
  width: 500px;
  min-height: 100px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
}

.div-block-1190 {
  width: 30px;
}

.quiz-answer-wrapper-3 {
  flex-direction: column;
  padding-left: 30px;
  display: flex;
}

.title-h4-21 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.title-h4-21.bold {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.div-block-1191 {
  background-color: #f7f7f7;
  justify-content: flex-start;
  align-items: center;
  height: 120px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.checkbox-14 {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -20px;
  margin-right: 10px;
}

.div-block-1192 {
  margin-bottom: 26px;
}

.text-span-81 {
  font-size: 16px;
}

.quiz-question-3 {
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.checkbox-field-17 {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.checkbox-field-17.other {
  margin-bottom: 10px;
}

.text-field-16 {
  min-width: 360px;
  margin-bottom: 16px;
  margin-left: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
}

.wilsons-content-container-copy-2 {
  background-image: linear-gradient(124deg, #000000bf, #000000bf 79%, #0000), url('../images/wilson3.png');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 60px 30px 0;
}

.top-bg-img {
  background-color: #ac0000;
  background-image: url('../images/Back-Pain-PNG-Picture-1910060918.png');
  background-position: 108%;
  background-repeat: no-repeat;
  background-size: 340px;
  background-attachment: scroll;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 30px;
  display: flex;
}

.top-bg-img.neck {
  background-image: url('../images/neckpain.png');
  background-position: 126% 118%;
  background-size: auto 335px;
  position: static;
}

.top-bg-img.knee {
  background-image: url('../images/knee-pain.png');
  background-position: 112%;
  background-size: auto 376px;
}

.top-bg-img.general {
  background-image: url('../images/general-fitness.png');
  background-position: 102% -6%;
  background-size: auto 720px;
}

.div-block-1193 {
  color: #fff;
  background-color: #474949;
  border: 1px solid #fff;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 52px;
  left: 230px;
  right: auto;
}

.div-block-1193.and {
  left: 483px;
}

.div-block-1194 {
  background-image: url('../images/wilson3.png');
  background-position: 50%;
  background-size: cover;
  min-width: 230px;
  margin-left: 40px;
}

.div-block-1195 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.wide-block {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 14px 20px;
  display: flex;
  box-shadow: 5px 3px 9px 1px #0000001f;
}

.div-block-1196 {
  margin-right: 20px;
}

.image-191 {
  min-width: 62px;
  margin-right: 30px;
}

.modal-content-quiz-2 {
  z-index: 27;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 820px;
  min-height: 46px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.hero-email-collection-2 {
  width: 100%;
  padding-top: 20px;
  display: block;
}

.text-field-15 {
  color: #141414;
  border: 1px solid #d3d3d3;
  height: 50px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.text-field-15::placeholder {
  color: #888;
}

.form-field-wrapper {
  margin-bottom: 20px;
}

.lead-form-copy {
  z-index: 2;
  background-color: #f8f8f8e6;
  border: 1px solid #e6e6e6;
  justify-content: center;
  width: 1005px;
  padding: 10px 40px;
}

.question-wrapper-2-copy-3 {
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.hero-form-button-holder-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 5px;
  display: flex;
}

.survey-contact-info-modal {
  z-index: 25;
  background-color: #00000059;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.wilson-form-field-label {
  color: #000000b8;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.survey-confirmation-modal {
  z-index: 25;
  background-color: #00000059;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-1197 {
  text-align: center;
  width: 600px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-1138 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.question-header {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 10px 90px 80px;
  display: block;
}

.body-text-small {
  text-align: left;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.success-icon {
  background-color: #68e058;
  background-image: url('../images/check_5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  border: 2px solid #fff;
  border-radius: 42px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.title-h3 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  position: relative;
}

.div-block-1198 {
  background-color: #fcfcfc;
  border: 1px solid #e0e0e0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
}

.div-block-1199 {
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.div-block-1200 {
  width: 86px;
  min-width: 86px;
}

.vid-placeholder-img {
  background-color: #b5c1ca;
  background-image: url('../images/vid.png'), linear-gradient(150deg, #85b7da, #bbdef6 76%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25%, auto;
  width: 100%;
  padding-top: 56.25%;
}

.div-block-1201 {
  border-left: 1px solid #ffffff52;
  width: 100%;
}

.text-block-83 {
  color: #ffffffc4;
  letter-spacing: 1.6px;
  font-size: 14px;
}

.div-block-1202 {
  justify-content: space-around;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.div-block-1203 {
  text-align: center;
  background-color: #024675;
  padding-top: 5px;
  padding-bottom: 5px;
}

.heading-24 {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.heading-24.white {
  color: #ffffffdb;
  font-weight: 400;
}

.page-list-2 {
  border-bottom: 1px solid #bdd8e9;
  flex: 1;
  overflow: auto;
}

.mini-layout-copy {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.mini-layout-copy.bg-img-copy {
  background-image: linear-gradient(#00000080, #00000080), url('../images/group-class.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.mini-layout-sample {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.mini-layout-sample.bg-img-copy {
  background-image: linear-gradient(#00000080, #00000080), url('../images/group-class.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.quiz-answer-wrapper-4 {
  padding-left: 30px;
}

.arial-22 {
  color: #313131;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.div-block-1205 {
  margin-top: 15px;
}

.twm-header-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.quiz-question-4 {
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.question-inner-wrapper-4 {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 60px 8px 10px;
  display: flex;
}

.div-block-1206 {
  background-color: #f3f9fc;
  margin-top: 10px;
  padding: 20px 20px 10px;
}

.pdf-content-wrapper-4 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 816px;
  min-width: 0;
  height: 1050px;
  padding: 20px 40px 40px;
  display: block;
  position: static;
  top: 120px;
  overflow: visible;
}

.refresh-icon {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/reload_1reload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  transition: all .3s;
}

.refresh-icon:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/refresh_1refresh.png');
  border-color: #006eb8;
}

.cmd-icon-2 {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/cmd_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  transition: all .3s;
}

.cmd-icon-2:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/cmd.png');
  border-color: #006eb8;
}

.search-icon-2 {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/search-blue_1search-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  transition: all .3s;
}

.search-icon-2:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/search_2.png');
  border-color: #006eb8;
}

.compose-button-holder-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 15px;
  display: flex;
}

.compose-button-2 {
  color: #fff;
  background-color: #008fee;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 16px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.compose-button-2:hover {
  color: #fff;
  background-color: #006eb8;
}

.compose-icon-2 {
  opacity: .7;
}

.progress-bar {
  background-color: #d8d8d8;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 6px;
  display: flex;
}

.progress {
  background-color: #00b2ed;
  width: 85%;
  height: 100%;
}

.percent-complete-label {
  text-align: right;
}

.div-block-1211 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.progress-display {
  z-index: 501;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.roboto-label {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.larry {
  background-image: url('../images/Profile-pic-BTFS-2.png');
  background-position: 50% 18%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 100%;
}

.step-circle-copy {
  color: #1d1d1d;
  text-align: center;
  background-color: #fff;
  border: 2px solid #4cced1;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  min-height: 52px;
  margin-right: 14px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
  display: flex;
}

.larry2 {
  background-image: url('../images/IMG_2356.jpg');
  background-position: 50%;
  background-size: cover;
  width: 260px;
  height: 260px;
  margin-bottom: 20px;
}

.missing-phone-dot {
  background-image: url('../images/phone.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px;
  min-width: 14px;
  min-height: 14px;
  position: absolute;
  inset: 9px auto auto 5px;
}

.legend {
  background-color: #ffffffa3;
  align-items: center;
  width: 170px;
  height: 20px;
  margin-top: 10px;
  padding-left: 8px;
  display: flex;
  position: relative;
}

.missing-phone-dot-legend {
  background-color: #fff;
  background-image: url('../images/phone.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #fff;
  border-radius: 12px;
  min-width: 12px;
  min-height: 12px;
  margin-right: 6px;
}

.text-block-84 {
  font-size: 13px;
}

.checkbox-white {
  cursor: pointer;
  background-color: #ffffff2e;
  border: 1px solid #ffffff9c;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.checkbox-white.selected {
  opacity: 1;
  background-image: url('../images/check_2check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}

.import-btn {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/import_2import.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  transition: all .2s;
}

.import-btn:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/import_1import.png');
  background-size: 22px;
  border-color: #006eb8;
}

.modal-publish-2 {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.results-wrapper-messages-3 {
  z-index: 102;
  object-fit: contain;
  background-color: #fff;
  border: 0 solid #b0dcfc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: 1;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  display: block;
  position: static;
  overflow: visible;
  box-shadow: 3px 3px 13px 1px #0003;
}

.messages-right-side-outer-wrapper {
  z-index: 0;
  flex: 1;
  height: 100vh;
  display: flex;
  position: relative;
}

.compose-button-holder-4 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 12px;
  display: flex;
}

.message-detail-pane-3 {
  z-index: 1;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 200px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.messages-page-wrapper {
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-1213 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.compose-button-3 {
  color: #fff;
  background-color: #008fee;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 14px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.compose-button-3:hover {
  color: #fff;
  background-color: #006eb8;
}

.left-menu {
  z-index: 10;
  width: 230px;
  min-width: 230px;
  position: relative;
}

.results-wrapper-messages-copy {
  z-index: 102;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #b0dcfc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: 1;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  display: block;
  position: static;
  overflow: auto;
  box-shadow: 3px 3px 13px 1px #0003;
}

.category-pane-2 {
  z-index: 12;
  background-color: #0000;
  flex: none;
  width: 100%;
  position: static;
}

.search-icon-3 {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/search-blue_1search-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  transition: all .3s;
}

.search-icon-3:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/search_2.png');
  border-color: #006eb8;
}

.cmd-icon-3 {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/cmd_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  transition: all .3s;
}

.cmd-icon-3:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/cmd.png');
  border-color: #006eb8;
}

.category-holder-2 {
  width: 100%;
  height: auto;
  padding: 0;
  display: block;
  overflow: auto;
}

.messages-right-side-inner-wrapper {
  flex: 1;
  display: flex;
}

.messages-details-holder {
  background-color: #ebf0f3;
  width: 65%;
  position: relative;
}

.account-menu-modal-2 {
  z-index: 3;
  background-color: #fff;
  border-radius: 6px;
  width: 200px;
  padding: 10px 20px;
  display: block;
  position: absolute;
  inset: 54px 10px auto auto;
  box-shadow: -4px 5px 12px 4px #0003;
}

.command-menu-modal-2 {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.command-item-2 {
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 20px;
  padding-right: 14px;
  display: flex;
}

.command-item-2:hover {
  background-color: #0078ce1a;
}

.command-item-2.selected {
  opacity: 1;
  background-color: #0078ce2e;
  display: flex;
}

.open-pub-page-button {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  padding: 4px;
  display: flex;
}

.open-pub-page-button:hover {
  color: #1389c0b5;
  background-color: #07446e;
}

.open-pub-page-icon {
  opacity: .66;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  margin-left: 5px;
  padding: 2px;
  transition: opacity .4s;
  display: flex;
}

.open-pub-page-icon:hover {
  opacity: 1;
  background-color: #1389c0b5;
}

.open-published-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.category-labels-5 {
  color: #fff9;
  letter-spacing: .3px;
  justify-content: space-between;
  padding-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
  position: relative;
}

.category-top-5 {
  border-bottom: 1px solid #00528c;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 12px 10px 10px;
  display: flex;
}

.category-top-5.right {
  background-color: #032944;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.category-top-5.top {
  border-bottom-style: none;
  justify-content: flex-start;
  padding-bottom: 5px;
}

.body-comp-optikjhkljhon-3 {
  padding: 0;
  display: block;
}

.library-empty-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  display: flex;
}

.modal-page-settings-3 {
  background-color: #032944;
  border: 1px solid #00528c;
  flex-direction: column;
  width: 400px;
  height: 100vh;
  min-height: 200px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0 0 10px;
  display: none;
  position: absolute;
  inset: 0% auto auto 280px;
  overflow: auto;
}

.toggle-div-4 {
  flex: 1;
  margin-top: 0;
  margin-left: 0;
  padding-right: 10px;
  position: relative;
}

.preview-area-5 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.edit-template-button-3 {
  opacity: .76;
  cursor: pointer;
  background-color: #000000c2;
  border-radius: 4px;
  flex-direction: column;
  width: 30px;
  height: 30px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 3px 35px 0% auto;
}

.edit-template-button-3:hover {
  opacity: 1;
}

.program-options-5 {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 234px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 45px;
  left: -90px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.section-toolbar-3 {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 180px auto auto 100px;
}

.ac-default-button-link-4 {
  color: #032944;
  width: 370px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 0;
}

.profile-tile-overlay-9 {
  opacity: 0;
  cursor: move;
  background-image: linear-gradient(to right, #00528c00 20%, #00528c78 43%, #00528ce6 67%);
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.profile-tile-overlay-9:hover {
  opacity: 1;
}

.profile-tile-overlay-9.white {
  cursor: pointer;
  background-image: none;
}

.edit-section-menu-8 {
  z-index: 3;
  background-color: #272c44;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  width: 340px;
  min-height: 100px;
  display: block;
  position: static;
  inset: 8px 20px auto auto;
  box-shadow: 4px 5px 8px 1px #0000004d;
}

.text-menu-option-13 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-13.big {
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.text-menu-option-13.big.red {
  color: #d11a2a;
}

.add-content-button-4 {
  color: #168cdf;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 46px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.add-content-button-4:hover {
  color: #fff;
  background-color: #00b2ed;
  border-color: #00b2ed;
}

.add-content-button-4.hidden {
  display: none;
}

.option-button-wrapper-5 {
  z-index: 2;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  position: relative;
}

.section-element-settings-5 {
  padding: 20px 20px 40px;
  display: block;
}

.lead-gen-preview-4 {
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.input-cta-button-label-4 {
  width: 340px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.divider-5 {
  border: 1px #000;
  border-bottom: 1px solid #262c463d;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.play-pause-button-6 {
  opacity: 1;
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button-6:hover {
  opacity: 1;
  background-color: #000000b3;
}

.play-pause-button-6.sm {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.domain-option-scroller-6 {
  background-color: #032944;
  max-height: 460px;
  padding-bottom: 0;
  position: static;
  overflow: auto;
}

.current-selection-checkmmark-5 {
  background-color: #0000;
  background-image: url('../images/checked_1checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: none;
}

.current-selection-checkmmark-5.checked {
  display: block;
}

.current-selection-checkmmark-5.hide {
  margin-left: 6px;
  display: none;
}

.modal-content-publish-4 {
  z-index: 3;
  background-color: #032944;
  border: 1px solid #00528c;
  border-bottom-color: #026bb4;
  width: 280px;
  min-height: 60px;
  padding: 10px 10px 12px;
  display: block;
  position: absolute;
  inset: 89px 292px auto auto;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.modal-domain-chooser-7 {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0%;
}

.volume-bar-6 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.ac-label-5 {
  display: flex;
}

.tag-5 {
  background-color: #19548f;
  border: 1px solid #18508b;
  border-radius: 6px;
  justify-content: space-between;
  width: auto;
  height: 42px;
  min-height: 42px;
  margin-top: 2px;
  margin-right: 4px;
  padding: 0 5px;
  display: inline-block;
}

.tag-5.light-blue {
  background-color: #eaf3f8;
  border: 1px solid #b0dcfc;
  width: auto;
  height: 42px;
  min-height: 42px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  display: inline-block;
  position: static;
}

.ac-site-builder-6 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  position: static;
  overflow: hidden;
}

.sf-13-grey-label-7 {
  color: #8a8a8a;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-170 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.sf-170.white {
  color: #ffffffdb;
}

.sf-170.white.tran {
  color: #ffffffb8;
}

.sf-170.blue {
  color: #0078ce;
}

.inbox-zero-img-wrapper-2 {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  transition: opacity .4s;
  display: none;
  position: absolute;
  inset: 0% 0% 0% 0;
}

.bottom-gradient-2 {
  background-image: linear-gradient(to top, #00000094, #0000 73%);
  height: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.inbox-zero-img1-4 {
  background-image: url('../images/beach.jpg');
  background-size: cover;
  transition: opacity .4s;
  display: block;
  position: absolute;
  inset: 0%;
}

.refresh-icon-3 {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/reload_1reload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  transition: all .3s;
  position: relative;
}

.refresh-icon-3:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/refresh_1refresh.png');
  border-color: #006eb8;
}

.refresh-loading {
  background-color: #006eb8;
  background-image: url('../images/Reload-1s-104px_1Reload-1s-104px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 6px;
  display: block;
  position: absolute;
  inset: 0%;
}

.column-30 {
  background-image: url('../images/group.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 36%;
  min-height: 100px;
}

.column-30.center {
  text-align: center;
  background-image: none;
  flex-direction: column;
  align-items: center;
  width: 75%;
  min-height: 0;
  display: flex;
}

.column-30.form {
  background-color: #00000091;
  background-image: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32%;
  padding: 10px;
}

.column-30.form.wide {
  align-items: center;
  width: 60%;
  margin-top: 10px;
}

.column-30.img-full {
  text-align: center;
  background-position: 50% 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 120px;
  margin-top: 14px;
  display: flex;
}

.column-30.wide {
  width: 55%;
}

.column-30.wide.img {
  min-height: 110px;
}

.column-30.wide.text {
  background-image: none;
}

.column-30.hero-left {
  text-align: center;
  background-image: none;
  flex-direction: column;
  align-items: flex-start;
  width: 75%;
  min-height: 0;
  display: flex;
}

.column-30.hero-left._55 {
  width: 55%;
}

.column-30.img-center {
  text-align: center;
  background-position: 50% 0;
  flex-direction: column;
  align-items: center;
  width: 75%;
  min-height: 120px;
  margin-top: 14px;
  margin-bottom: 14px;
  display: flex;
}

.column-30.text {
  background-image: none;
}

.og-pop-up-arrow-6 {
  background-color: #f3f3f3;
  border-style: none solid solid none;
  border-width: 1px;
  border-bottom-color: #cacaca;
  border-left-color: #000;
  border-right-color: #cacaca;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto auto -12px 144px;
  transform: rotate(45deg);
}

.new-page-7 {
  justify-content: space-between;
  align-items: center;
  padding: 10px 8px 6px;
  display: flex;
}

.text-span-95 {
  font-size: 13px;
  font-weight: 500;
}

.form-block-44 {
  margin-bottom: 5px;
  padding-top: 5px;
}

.sf-15-semi-2 {
  color: #313131;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.form-block-45 {
  margin-bottom: 0;
}

.link-block-13 {
  border-radius: 6px;
  align-items: center;
  min-width: 60px;
  height: 30px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.link-block-13:hover {
  background-color: #ffffffa1;
}

.image-250 {
  margin-right: 6px;
}

.sf-199 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-199.semi {
  opacity: 1;
  font-weight: 500;
  line-height: 14px;
}

.text-block-102 {
  color: #bbb;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.slide-bar-filled {
  background-color: #00528c;
  background-image: linear-gradient(to right, #0045bb, #007eed);
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
}

.total-label-long {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 320px;
  min-height: 30px;
  padding-right: 0;
  display: flex;
}

.div-block-1432 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.post-submit-config {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 20px 24px;
  display: flex;
  position: relative;
}

.image-251 {
  margin-right: 10px;
}

.slider-bar-base {
  background-color: #c6e3ec;
  background-image: linear-gradient(to right, #e0edf1, #cee4eb);
  border-radius: 8px;
  align-items: center;
  width: 300px;
  height: 10px;
  display: flex;
  position: relative;
}

.modal-goals-wizard {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 20px;
  padding-bottom: 0;
  display: block;
  position: fixed;
  inset: 0;
}

.div-block-1156 {
  background-color: #def2ff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px 6px 20px;
  display: flex;
}

.slide-section-wrapper {
  margin-right: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.sf-67 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.wizard-modal-top-bar {
  cursor: move;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.summary-value-label {
  text-align: right;
  width: 130px;
}

.text-field-24 {
  color: #0078ce;
  text-align: right;
  background-color: #0000;
  border: 1px solid #0000;
  width: 90px;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 6px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-24:hover {
  background-color: #fffce6;
  border-color: #7c7c7c;
}

.text-field-24::placeholder {
  color: #0078ce;
}

.slider-label {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 132px;
  min-height: 30px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.slider-label.input {
  height: 0;
  padding-right: 0;
}

.slider-label.left {
  justify-content: flex-start;
  width: 150px;
}

.slider-section-row {
  align-items: center;
  display: flex;
}

.div-block-1433 {
  padding-top: 10px;
}

.sf-200 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-200.bold {
  font-weight: 700;
}

.goals-wizard-content-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  min-height: 500px;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.sf-201 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.summary-sub-section {
  border-top: 1px solid #dfdfdf;
  margin-top: 5px;
  padding-top: 5px;
}

.summary-sub-section._1 {
  border-top-style: none;
  margin-top: 0;
}

.form-36 {
  align-items: center;
  display: flex;
}

.goal-summary-section-wrapper {
  background-color: #fff;
  border: 1px solid #7aafff;
  border-radius: 8px;
  width: 390px;
  margin-left: 10px;
  padding-bottom: 10px;
  box-shadow: 3px 3px 13px #00000024;
}

.summary-label {
  text-align: right;
  flex: none;
  width: 230px;
  padding-right: 10px;
}

.form-37 {
  border-bottom: 1px solid #e6e6e6;
  align-items: flex-start;
  padding-bottom: 10px;
}

.close-modal-16 {
  cursor: pointer;
  display: inline-block;
}

.div-block-1434 {
  margin-left: auto;
}

.div-block-1435 {
  padding-bottom: 4px;
}

.sf-15-med-5 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.modal-wrapper-goal-wizard {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1330px;
  min-height: 46px;
  max-height: 96vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: flex;
  overflow: visible;
}

.slider-handle {
  cursor: pointer;
  background-color: #0045bb;
  border: 5px solid #ffc23e;
  border-radius: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: block;
  position: relative;
  inset: 0% 0% auto 12px;
}

.slider-wrapper {
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.slider-wrapper.title {
  justify-content: flex-start;
  padding-left: 10px;
}

.summary-line-item {
  justify-content: space-between;
  align-items: center;
  height: 38px;
  padding: 5px 20px 5px 10px;
  display: flex;
}

.summary-line-item:hover {
  background-color: #e5f9ff;
}

.date-entry-5 {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 150px;
  height: 36px;
  padding: 10px;
  display: flex;
}

.help-hover {
  background-color: #929ea2;
  background-image: url('../images/help_1help.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 14px;
  width: 13px;
  height: 13px;
  position: absolute;
  inset: 2px 3px auto auto;
}

.help-hover:hover {
  background-color: #596366;
}

.text-span-96 {
  font-size: 13px;
  font-weight: 500;
}

.goal-finder-wrapper {
  background-color: #fff;
  border: 1px solid #7aafff;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 390px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 2px 20px 8px;
  display: flex;
  box-shadow: 3px 3px 13px #00000024;
}

.modal-inner-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  overflow: auto;
}

.div-block-1156-copy {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.div-block-1437 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.modalclosediv-13 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.image-146 {
  width: 180px;
}

.hero-element-wrapper {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.poppins-label {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.poppins-label.white {
  color: #fff;
}

.submitbutton-6 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-6:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-6.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-6.grey:hover {
  background-color: #909090;
}

.submitbutton-6.grey.close-modal-copy {
  background-color: #696969;
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.submitbutton-6.grey.close-modal-copy:hover {
  background-color: #999;
}

.submitbutton-6.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.link-block-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.div-block-1439 {
  background-color: #eee;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.section-column-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 990px;
  max-width: 1320px;
  min-height: 100px;
  display: flex;
}

.h3-dark-5 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-dark-5.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.div-block-1441 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-1442 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.textlink-10 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-10:hover {
  color: #00b2ed;
}

.textlink-10.grey {
  color: #cecece;
  font-family: Poppins, sans-serif;
}

.textlink-10.grey:hover {
  text-decoration: underline;
}

.interior-page-banner-content {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 800px;
  max-width: 1000px;
  min-height: 130px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-913-copy {
  margin-top: 20px;
}

.text-block-103 {
  color: #0009;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.heading-4 {
  color: #000000b8;
  text-shadow: none;
  font-family: Poppins, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 62px;
}

.heading-4.xl-bold-white {
  color: #ffffffe6;
  font-weight: 600;
}

.heading-4.xl-bold-white.center {
  text-align: center;
}

.how-it-works {
  border-top-width: 1px;
  border-top-color: #d6d6d6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 560px;
  margin-bottom: 10px;
  padding-top: 20px;
  display: flex;
}

.brand-link-block-landing {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.site-header-nav {
  z-index: 10;
  background-color: #1d1d1d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  display: flex;
}

.site-header-nav.tall {
  background-color: #fff;
  height: 100px;
}

.landing-content-section {
  z-index: 1;
  background-color: #f7fafc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.landing-content-section.blue {
  background-color: #0086cc;
}

.disclaimertext-2 {
  color: #000;
  border: 1px solid #a1a1a1;
  height: 200px;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  overflow: auto;
}

.close-modal-17 {
  cursor: pointer;
  display: inline-block;
}

.modal-container-8 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.hero-intereior {
  background-image: linear-gradient(#0000008c, #0000008c), url('../images/pushup.jpg');
  background-position: 0 0, 0 25%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.footer-text-2 {
  color: #cecece;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.footer-links-7 {
  background-color: #1d1d1d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-1447 {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1100px;
  min-height: 200px;
  margin-bottom: 40px;
  padding: 40px 40px 60px;
  display: flex;
}

.modalcontent-12 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.div-block-1449 {
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.submit-button-3-red {
  color: #fff;
  text-align: center;
  background-color: red;
  border: 1px solid #fff;
  min-width: 150px;
  margin-top: 0;
  padding: 20px 40px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .3s;
}

.submit-button-3-red:hover {
  color: #fff;
  background-color: #cc0b0b;
}

.div-block-1450 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-1451 {
  width: 340px;
}

.poppins-paragraph {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.poppins-paragraph._18-semi {
  font-size: 18px;
  font-weight: 600;
}

.div-block-1452 {
  background-color: #f4f5f8;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 30px;
  display: flex;
}

.roboto14 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.roboto14.white {
  color: #fff;
}

.wide-block-2 {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 14px 14px 14px 20px;
  display: flex;
  box-shadow: 5px 3px 9px 1px #0000001f;
}

.roboto16 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
}

.roboto16.bold {
  margin-bottom: 10px;
  font-weight: 700;
}

.image-253 {
  min-width: 62px;
  margin-right: 30px;
}

.div-block-1453 {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.step-circle-3 {
  color: #fff;
  text-align: center;
  background-color: #2b5da2;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  min-height: 52px;
  margin-right: 14px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
}

.step-circle-3._2 {
  align-items: center;
  margin-top: -42px;
}

.image-254 {
  margin-right: 8px;
}

.text-180 {
  color: #464646;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.text-180._16 {
  flex: 1;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}

.div-block-1454 {
  padding: 0 10px 0 15px;
}

.div-block-1454.wide {
  width: 440px;
  padding-left: 0;
  padding-right: 20px;
}

.fe-side {
  z-index: 3;
  background-image: url('../images/training.jpg');
  background-position: 60% 16%;
  background-size: cover;
  width: 300px;
  height: 300px;
  margin-bottom: 10px;
}

.roboto13 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.roboto13.white {
  color: #fff;
}

.roboto13.white.center {
  text-align: center;
}

.header-14 {
  background-color: #000;
  border-bottom: 1px #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.header-14:hover {
  opacity: 1;
}

.header-14.tall {
  background-color: #f4f5f8;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 40px;
}

.div-block-1455 {
  width: 66%;
}

.button-6 {
  background-color: #2b5da2;
  border: 1px solid #ffffff8f;
  margin-top: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.link-robo-15 {
  color: #daf1ff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.link-robo-15:hover {
  text-decoration: underline;
}

.div-block-1456 {
  width: 68%;
}

.div-block-1456._3-column {
  width: 100%;
  margin-top: 20px;
}

.div-block-1456._5-col {
  width: 100%;
}

.pdf-page-wrapper-4 {
  z-index: 1;
  clear: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-1457 {
  margin-bottom: 15px;
}

.div-block-1458 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 60px;
  display: flex;
}

.div-block-1459 {
  width: 20%;
  padding-right: 10px;
}

.div-block-1459.long {
  width: auto;
  margin-top: 10px;
}

.fe-banner {
  background-image: url('../images/FE1.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 400px;
  width: 340px;
  height: 200px;
  position: absolute;
  inset: -2px 40px auto auto;
}

.fe-banner._2 {
  background-image: url('../images/group_1.jpg');
  width: 300px;
  height: 290px;
  position: absolute;
  inset: 2% 23px auto auto;
}

.div-block-1460 {
  flex: 0 auto;
  align-items: stretch;
  width: 55%;
  padding: 10px 30px 34px 40px;
}

.div-block-1460.general {
  width: 60%;
}

.div-block-1461 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 52px 14px 16px;
  display: flex;
  position: relative;
}

.div-block-1461._20 {
  background-color: #2b5da2;
  border: 1px solid #ffffff91;
  justify-content: center;
  width: 25%;
  height: 60px;
  margin-bottom: 25px;
  margin-left: 0;
  margin-right: 6px;
  padding: 10px 6px;
}

.div-block-1461._33 {
  width: 33%;
  margin-bottom: 22px;
  margin-left: 0;
  padding-left: 22px;
  padding-right: 22px;
}

.div-block-1228 {
  background-image: url('../images/20230203_072536SM.jpg');
  background-position: 50%;
  background-size: cover;
  min-width: 230px;
  margin-left: 40px;
}

.div-block-1462 {
  padding-top: 20px;
  padding-left: 36px;
  padding-right: 36px;
}

.top-bg-img-2 {
  background-color: #fff;
  background-image: url('../images/Back-Pain-PNG-Picture-1910060918.png');
  background-position: 118%;
  background-repeat: no-repeat;
  background-size: 386px;
  background-attachment: scroll;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 30px 30px 22px;
  display: flex;
}

.top-bg-img-2.general {
  background-color: #fff;
  background-image: url('../images/general-fitness.png');
  background-position: 105% -6%;
  background-size: auto 715px;
  padding-bottom: 10px;
}

.top-bg-img-2.knee {
  background-image: url('../images/knee-pain.png');
  background-position: 130%;
  background-size: auto 420px;
}

.top-bg-img-2.neck-copy {
  background-image: url('../images/neckpain.png');
  background-position: 124% 100%;
  background-size: auto 335px;
}

.div-block-1463 {
  align-items: center;
  display: flex;
}

.div-block-1464 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.div-block-1465 {
  margin-bottom: 10px;
}

.div-block-1465.g {
  margin-bottom: 14px;
  display: flex;
}

.div-block-1466 {
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  padding: 20px 20px 0 30px;
  display: flex;
  position: relative;
}

.div-block-1467 {
  color: #fff;
  background-color: #7bb418;
  border: 1px solid #fff;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 52px;
  left: 230px;
  right: auto;
}

.div-block-1467.and {
  left: 483px;
}

.div-block-1468 {
  margin-right: 20px;
}

.div-block-1469 {
  align-items: flex-start;
  display: flex;
}

.roboto15 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

.josefin {
  color: #7bb418;
  font-family: Josefin Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.josefin.bold {
  font-weight: 600;
}

.josefin._26 {
  font-size: 26px;
  line-height: 30px;
}

.josefin.sm {
  font-size: 22px;
  line-height: 25px;
}

.josefin.sm.w {
  color: #fff;
}

.div-block-1470 {
  margin-top: 20px;
}

.div-block-1471 {
  width: 32%;
  padding-right: 10px;
}

.div-block-1471._2 {
  margin-top: 28px;
  padding-right: 10px;
}

.div-block-1472 {
  background-image: url('../images/catcow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 170px;
  margin-bottom: 10px;
}

.div-block-1472.pelvic {
  background-image: url('../images/pelvic.jpg');
}

.div-block-1472.leghug {
  background-image: url('../images/leghug.jpg');
}

.div-block-1472.cp {
  background-image: url('../images/childspose.jpg');
  background-size: cover;
}

.div-block-1472.twist {
  background-image: url('../images/twist.jpg');
}

.div-block-1472.piriformis {
  background-image: url('../images/piriformis.jpg');
}

.div-block-1473 {
  background-color: #f4f5f8;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 30px;
  display: flex;
}

.div-block-1182 {
  display: flex;
}

.div-block-1474 {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-1174-copy-3 {
  justify-content: flex-start;
  align-items: stretch;
  min-height: 50px;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.step-circle-4 {
  color: #fff;
  text-align: center;
  background-color: #2b5da2;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  min-height: 52px;
  margin-right: 14px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
}

.step-circle-4._2 {
  align-items: center;
  margin-top: -42px;
}

.image-255 {
  margin-right: 8px;
}

.text-181 {
  color: #464646;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.text-181._16 {
  flex: 1;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}

.div-block-1475 {
  margin-bottom: 12px;
}

.div-block-1475._72 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 72px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1475._60 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 60px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1475._75 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 75px;
  margin-bottom: 6px;
  padding: 10px;
}

.div-block-1476 {
  padding: 0 10px 0 15px;
}

.div-block-1476.wide {
  width: 440px;
  padding-left: 0;
  padding-right: 20px;
}

.wilsons-content-container-copy-3 {
  background-image: linear-gradient(124deg, #00000078, #0000007d 61%, #0000), url('../images/kettlebell.jpg');
  background-position: 0 0, 60% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1100px;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 60px 30px 0;
}

.div-block-1477 {
  padding-top: 24px;
  padding-left: 36px;
  padding-right: 36px;
}

.div-block-1478 {
  margin-bottom: 20px;
}

.text-span-97 {
  font-size: 13px;
}

.header-15 {
  background-color: #000;
  border-bottom: 1px #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.header-15:hover {
  opacity: 1;
}

.header-15.tall {
  background-color: #f4f5f8;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 40px;
}

.div-block-1479 {
  align-items: center;
  display: flex;
}

.fe-content-container {
  background-image: linear-gradient(126deg, #000000b8 40%, #0000), url('../images/DSC_0687-SM.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
}

.pdf-page-wrapper-5 {
  z-index: 1;
  clear: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.bold-text-5 {
  font-size: 13px;
}

.div-block-1480 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 52px 14px 16px;
  display: flex;
  position: relative;
}

.roboto12 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
}

.div-block-1481 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 60px;
  display: flex;
}

.div-block-1482 {
  width: 20%;
  padding-right: 10px;
}

.div-block-1482.long {
  width: auto;
  margin-top: 10px;
}

.div-block-1483 {
  align-items: flex-start;
  display: flex;
}

.div-block-1484 {
  flex: 0 auto;
  align-items: stretch;
  width: 55%;
  padding: 10px 30px 34px 40px;
}

.div-block-1484.general {
  width: 60%;
}

.div-block-1485 {
  margin-bottom: 15px;
}

.div-block-1486 {
  align-items: center;
  display: flex;
}

.div-block-1487 {
  margin-bottom: 24px;
}

.div-block-1488 {
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  padding: 20px 20px 0 30px;
  display: flex;
  position: relative;
}

.div-block-1181 {
  display: flex;
}

.div-block-1489 {
  width: 66%;
}

.div-block-1178 {
  margin-bottom: 10px;
}

.div-block-1490 {
  width: 68%;
}

.arial-25 {
  color: #333;
  text-align: left;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.arial-25.white {
  color: #fff;
}

.stretch-block-3 {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 47%;
  margin-right: 20px;
  padding: 20px;
  display: flex;
  box-shadow: 5px 3px 9px 1px #0000001f;
}

.div-block-1491 {
  margin-top: 20px;
}

.div-block-1534 {
  background-color: #f4f5f8;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 30px;
  display: flex;
}

.div-block-1535 {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.image-259 {
  margin-right: 8px;
}

.text-184 {
  color: #464646;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.text-184._16 {
  flex: 1;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}

.div-block-1536 {
  padding: 0 10px 0 15px;
}

.div-block-1536.wide {
  width: 440px;
  padding-left: 0;
  padding-right: 20px;
}

.div-block-1537 {
  width: 62%;
}

.wilsons-content-container-copy-6 {
  background-image: linear-gradient(124deg, #00000078, #0000007d 61%, #0000), url('../images/kettlebell.jpg');
  background-position: 0 0, 60% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1100px;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 60px 30px 0;
}

.div-block-1208 {
  align-items: flex-start;
  display: flex;
}

.div-block-1207 {
  background-image: url('../images/catcow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 170px;
  margin-bottom: 10px;
}

.div-block-1207.glute {
  background-image: url('../images/leg-glute.jpg');
}

.div-block-1207.itband {
  background-image: url('../images/leg-itband.jpg');
}

.div-block-1207.hs {
  background-image: url('../images/leg-hamstring.jpg');
  background-position: 50% 90%;
  background-size: auto 270px;
}

.div-block-1207.quad {
  background-image: url('../images/leg-quad.jpg');
  background-size: auto 280px;
}

.div-block-1207.groin {
  background-image: url('../images/leg-groin.jpg');
}

.div-block-1207.calf {
  background-image: url('../images/leg-calf.jpg');
}

.div-block-1538 {
  margin-bottom: 15px;
}

.header-18 {
  background-color: #000;
  border-bottom: 1px #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.header-18:hover {
  opacity: 1;
}

.header-18.tall {
  background-color: #f4f5f8;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 40px;
}

.pdf-page-wrapper-8 {
  z-index: 1;
  clear: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.bold-text-8 {
  font-size: 13px;
}

.div-block-1539 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 60px;
  display: flex;
}

.div-block-1540 {
  align-items: center;
  display: flex;
}

.div-block-1541 {
  width: 20%;
  padding-right: 10px;
}

.div-block-1541.long {
  width: auto;
  margin-top: 10px;
}

.div-block-1209 {
  padding-top: 30px;
  padding-left: 36px;
  padding-right: 36px;
}

.div-block-1542 {
  flex: 0 auto;
  align-items: stretch;
  width: 55%;
  padding: 10px 30px 34px 40px;
}

.div-block-1542.general {
  width: 60%;
}

.div-block-1543 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 52px 14px 16px;
  display: flex;
  position: relative;
}

.div-block-1544 {
  display: flex;
}

.div-block-1545 {
  margin-bottom: 10px;
}

.div-block-1546 {
  align-items: center;
  display: flex;
}

.div-block-1547 {
  width: 68%;
}

.div-block-1548 {
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  padding: 20px 20px 0 30px;
  display: flex;
  position: relative;
}

.div-block-1549 {
  margin-bottom: 18px;
}

.div-block-1550 {
  margin-bottom: 12px;
}

.div-block-1550._72 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 72px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1550._50 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 50px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1550._60 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 60px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1551 {
  width: 32%;
  padding-right: 10px;
}

.div-block-1551._2 {
  margin-top: 28px;
  padding-right: 10px;
}

.div-block-1552 {
  margin-top: 20px;
}

.div-block-1553 {
  background-image: url('../images/catcow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 170px;
  margin-bottom: 10px;
}

.div-block-1553.shoulder {
  background-image: url('../images/neck6.jpg');
}

.div-block-1553.uts {
  background-image: url('../images/neck5.jpg');
  background-position: 50% 0;
  background-size: auto 200px;
}

.div-block-1553.shoulder-roll {
  background-image: url('../images/neck2.jpg');
  background-size: cover;
}

.div-block-1553.head-tilt {
  background-image: url('../images/neck3.jpg');
}

.div-block-1553.chin-tuck {
  background-image: url('../images/neck4.jpg');
}

.div-block-1553.neck-rotation {
  background-image: url('../images/neck1.jpg');
  background-position: 50% 90%;
  background-size: cover;
}

.div-block-1554 {
  background-color: #f4f5f8;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 30px;
  display: flex;
}

.div-block-1555 {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-1556 {
  align-items: flex-start;
  display: flex;
}

.image-260 {
  margin-right: 8px;
}

.text-185 {
  color: #464646;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.text-185._16 {
  flex: 1;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}

.div-block-1557 {
  padding: 0 10px 0 15px;
}

.div-block-1557.wide {
  width: 440px;
  padding-left: 0;
  padding-right: 20px;
}

.div-block-1558 {
  width: 32%;
  padding-right: 10px;
}

.div-block-1558._2 {
  margin-top: 28px;
  padding-right: 10px;
}

.div-block-1559 {
  width: 68%;
}

.wilsons-content-container-copy-7 {
  background-image: linear-gradient(124deg, #00000078, #0000007d 61%, #0000), url('../images/kettlebell.jpg');
  background-position: 0 0, 60% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1100px;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 60px 30px 0;
}

.div-block-1560 {
  align-items: center;
  display: flex;
}

.div-block-1561 {
  margin-bottom: 20px;
}

.pdf-page-wrapper-9 {
  z-index: 1;
  clear: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.bold-text-9 {
  font-size: 13px;
}

.div-block-1562 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 52px 14px 16px;
  display: flex;
  position: relative;
}

.div-block-1563 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 60px;
  display: flex;
}

.div-block-1564 {
  width: 65%;
}

.fe-content-container-6 {
  background-image: linear-gradient(126deg, #000000b8 8%, #0000 62%), url('../images/wilson-bg.png');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  padding: 35px 30px 45px;
}

.fe-content-container-6.neck-copy {
  background-image: linear-gradient(126deg, #000000b8 18%, #0000 77%), url('../images/DSC_0687-SM.jpg');
  padding-top: 25px;
  padding-bottom: 35px;
}

.div-block-1565 {
  width: 20%;
  padding-right: 10px;
}

.div-block-1565.long {
  width: auto;
  margin-top: 10px;
}

.div-block-1566 {
  flex: 0 auto;
  align-items: stretch;
  width: 55%;
  padding: 10px 30px 34px 40px;
}

.div-block-1566.general {
  width: 60%;
}

.div-block-1567 {
  display: flex;
}

.div-block-1568 {
  align-items: center;
  display: flex;
}

.div-block-1569 {
  margin-bottom: 12px;
}

.div-block-1569._60 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 60px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1569._68 {
  background-color: #fff;
  border-radius: 6px;
  min-height: 68px;
  margin-bottom: 6px;
  padding: 8px 10px;
}

.div-block-1570 {
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  padding: 20px 20px 0 30px;
  display: flex;
  position: relative;
}

.div-block-1571 {
  padding-top: 30px;
  padding-left: 36px;
  padding-right: 36px;
}

.div-block-1571._2 {
  padding-top: 24px;
}

.div-block-1572 {
  margin-bottom: 10px;
}

.div-block-1573 {
  margin-top: 20px;
}

.how-it-works-2 {
  border-top: 1px solid #d6d6d6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 30px;
  display: flex;
}

.div-block-1574 {
  margin-bottom: 40px;
}

.list-5 {
  padding-left: 25px;
}

.list-item-16 {
  color: #000000b8;
  margin-bottom: 15px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.div-block-1575 {
  background-color: #e6f9ff;
  background-image: linear-gradient(165deg, #b2ecff, #d8d3ff 99%);
  border-radius: 8px;
  margin-top: 22px;
  margin-bottom: 10px;
  padding: 20px;
}

.div-block-1576 {
  margin-top: 20px;
}

.image-252-copy {
  display: none;
}

.submit-button-3-light-blue {
  color: #fff;
  text-align: center;
  background-color: #339ed6;
  border: 1px solid #fff;
  min-width: 150px;
  margin-top: 0;
  padding: 20px 40px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .3s;
}

.submit-button-3-light-blue:hover {
  color: #fff;
  background-color: #1b88c2;
}

.image-261 {
  display: none;
}

.div-block-1578 {
  background-color: #f4fbff;
  border: 1px solid #65aaff;
  flex-direction: column;
  align-items: center;
  min-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 14px 14px;
}

.sf-notice-text {
  color: #1b1b1b;
  text-shadow: none;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.image-262 {
  display: none;
}

.table-cell-input-3 {
  background-color: #fff;
  align-items: center;
  width: 75%;
  min-height: 48px;
  display: flex;
}

.participant-form-row {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  display: flex;
}

.user-status {
  background-color: #adf8e9;
  flex-direction: row;
  align-items: center;
  display: inline-block;
}

.text-menu-option-sm {
  color: #000000b3;
  flex: none;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.text-menu-option-sm.red {
  color: #f5616e;
}

.participant-form-wrapper {
  border: 1px solid #ddd;
  border-bottom-style: none;
  margin: 20px 20px 10px;
  display: block;
}

.challenge-details {
  background-color: #fff;
  border: 1px solid #e2efff;
  border-radius: 10px;
  width: 800px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 40px;
  box-shadow: -1px 1px 9px 3px #66819426;
}

.challenge-details.empty {
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.settings-label {
  margin-bottom: 6px;
}

.participant-display-modal {
  cursor: pointer;
  align-items: center;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.participants-empty-holder {
  background-color: #fff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  height: 70px;
  display: block;
}

.top-header-tab-5 {
  opacity: .72;
  justify-content: center;
  align-items: stretch;
  min-width: 100px;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.top-header-tab-5:hover {
  opacity: 1;
}

.top-header-tab-5.selected {
  opacity: 1;
  border-bottom: 4px solid #00b2ed;
}

.block-thumbnail-7 {
  background-color: #fff;
  background-image: url('../images/template_block_example.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.modal-unpause-confirmation {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.challenge-user-button-grey {
  cursor: pointer;
  background-color: #0000;
  border-radius: 6px;
  order: 1;
  align-items: center;
  margin-bottom: 10px;
  padding: 4px;
  display: flex;
}

.challenge-user-button-grey:hover {
  color: #00396b;
  background-color: #e4e4e4;
}

.member-img-5 {
  background-color: #85a2b6;
  background-image: url('../images/jagoda1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin-right: 6px;
  display: flex;
  position: relative;
}

.member-img-5.small {
  cursor: pointer;
  background-color: #85b7da;
  background-image: none;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.member-img-5.large {
  background-color: #85b7da;
  background-image: none;
  width: 58px;
  min-width: 58px;
  height: 58px;
  min-height: 58px;
  margin-right: 10px;
}

.menu-item-7 {
  color: #fff;
  border-top: 1px solid #e4e4e4;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 12px 4px 12px 12px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: static;
}

.menu-item-7:hover {
  background-color: #eff5fa;
}

.menu-item-7.open-editor {
  padding-right: 0;
  display: flex;
}

.modal-pause-confirmation {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.image-226-copy {
  opacity: .4;
  margin-right: 4px;
}

.profile-pic-scoreboard {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: linear-gradient(312deg, #a6e4f8, #68b0e4);
  border-radius: 50px;
  width: 52px;
  height: 52px;
  position: relative;
}

.profile-pic-scoreboard.big {
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  margin-right: 15px;
}

.points-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  padding-top: 3px;
  padding-right: 12px;
  display: flex;
}

.button-group-msg {
  color: #1679cf;
  background-color: #0000;
  background-image: url('../images/message_1message.png');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #1679cf;
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px 16px 8px 34px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.button-group-msg:hover {
  color: #1679cf;
  background-color: #a2ddff26;
}

.button-group-msg.reverse {
  color: #fff;
  background-color: #1679cf;
  background-image: url('../images/message_2message.png');
}

.button-group-msg.reverse:hover {
  background-color: #0060b4;
}

.modal-content-6 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0 0;
  display: flex;
}

.modal-content-6._700 {
  width: 700px;
}

.media-toggle-3 {
  opacity: .74;
  background-color: #3b759e96;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.media-toggle-3:hover {
  opacity: 1;
  background-color: #3b759ed6;
}

.media-toggle-3.selected {
  opacity: 1;
  background-color: #3b759e;
  border: 1px #00528c8f;
}

.tag-icon-chjlopy {
  opacity: .86;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
  font-size: 20px;
}

.loading-ac-tag {
  border-radius: 6px;
  justify-content: space-between;
  min-width: 40px;
  min-height: 34px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0 5px;
  display: inline-block;
}

.timeline-post-10 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.timeline-post-10:hover {
  border-color: #00b2ed;
  box-shadow: 0 4px 12px #00528c80;
}

.timeline-post-10.preview {
  text-align: left;
  border-style: none;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  transition-property: none;
  display: flex;
}

.timeline-post-10.preview:hover {
  box-shadow: none;
  border-style: none;
}

.timeline-post-10.preview:active {
  box-shadow: none;
}

.timeline-post-10.flex {
  border-style: none;
  width: auto;
  transition-property: none;
}

.timeline-post-10.flex:hover {
  box-shadow: none;
}

.chip-label-white-sm-2-colhk {
  color: #7dafd3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.youtube-button-3 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.youtube-button-3:hover {
  color: #fff;
  background-color: #00b2ed;
}

.youtube-button-3.hidden {
  display: flex;
}

.upload-progress-widget2-3 {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #fff;
  width: 320px;
  min-height: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 11px #0006, 0 0 6px #fff;
}

.library-search-filter-4 {
  flex: 1;
  align-items: flex-start;
  padding-right: 10px;
  display: flex;
}

.section-element-settings-copy-8 {
  padding: 20px 20px 40px;
  display: block;
  overflow: auto;
}

.chip-label-20 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.modal-content-media-copy-10 {
  background-color: #272c44;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  min-width: 800px;
  height: 80%;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: fixed;
  left: 100px;
  overflow: hidden;
}

.close-arrow-7 {
  opacity: .68;
  cursor: pointer;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.close-arrow-7:hover {
  opacity: .9;
}

.alert-participants {
  padding-top: 6px;
}

.label-data {
  text-align: right;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.label-data.white {
  color: #fff;
}

.sf-14-challenge-label-red {
  color: #ed4444;
  padding-top: 0;
  padding-left: 0;
  padding-right: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.table-cell-dropdown {
  background-color: #fff;
  align-items: center;
  width: 75%;
  min-height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.submit-button-area-16 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.submit-button-area-16.tran {
  background-color: #0000;
}

.submit-button-area-16.white {
  background-color: #fff;
}

.cancel-resume-button {
  border-radius: 4px;
  align-items: center;
  padding: 3px 5px;
  display: flex;
}

.cancel-resume-button:hover {
  background-color: #dbe3e6;
}

.detail-tab-bar {
  background-color: #fff;
  border-bottom: 1px solid #cfe2f0;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  display: flex;
  position: relative;
}

.divider-line-copy {
  border-right: 1px solid #969696;
  width: 1px;
  height: 12px;
  margin-left: 8px;
  margin-right: 8px;
}

.detail-tab {
  color: #8b8b8b;
  cursor: pointer;
  border-bottom: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 36px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.detail-tab:hover {
  background-color: #ebf6fd;
}

.detail-tab.selected {
  color: #0a84ff;
  border-bottom: 2px solid #0a84ff;
}

.day-expanded-details {
  min-height: 40px;
  padding-bottom: 8px;
  padding-left: 38px;
  padding-right: 20px;
  display: block;
}

.expanded-detail-row {
  justify-content: flex-start;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.arrow-icon {
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.arrow-icon:hover {
  opacity: 1;
}

.arrow-icon.down {
  background-image: url('../images/arrow-down_4arrow-down.png');
  background-size: 12px;
}

.user-overview-section-3 {
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  width: 380px;
  min-height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 14px;
  position: relative;
}

.user-overview-section-3.hide {
  display: none;
}

.tag-small-15 {
  clear: left;
  cursor: move;
  background-color: #0f6da3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-15:hover {
  background-color: #00528c;
}

.tag-small-15.selected {
  outline-offset: 0px;
  outline: 3px dashed #194463;
}

.tag-small-15.hidden {
  max-width: 100%;
}

.frequency-toggles {
  border: 1px solid #2e7bf5;
  border-left: 1px #527bbb;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.div-block-1299-copy {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 10px 10px 15px;
  display: flex;
  position: relative;
}

.post-as-3 {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.post-as-3.hidden {
  border-right: 1px solid #cfcfcf;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.sf-15-semi-3 {
  color: #313131;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.text-component-3 {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
}

.toggle-option-3 {
  color: #1169c7;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #00528c6e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  transition: background-color .4s;
  display: flex;
}

.toggle-option-3:hover {
  background-color: #d9e4ff;
}

.toggle-option-3.selected {
  color: #fff;
  background-color: #1169c7;
}

.timeline-preview-6 {
  background-color: #fff;
  width: 440px;
  height: auto;
  min-height: 220px;
  margin-top: 10px;
  padding-top: 10px;
  display: block;
  position: static;
  bottom: auto;
}

.message-section-4 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 10px 14px 5px;
  display: block;
  position: static;
  bottom: auto;
}

.add-blue-button-xs {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  height: 34px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-xs:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.h3-dark-6 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-dark-6.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.url-component-3 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.compliance-settings {
  display: block;
}

.button-icon-4 {
  margin-right: 5px;
}

.account-component-3 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.input-url-7 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.div-block-12aefafeopy {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 10px 10px 20px;
  display: flex;
  position: relative;
}

.compliance-settings-wrapper {
  background-color: #fcfcfc;
  border-radius: 4px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.post-element-button-6 {
  clear: left;
  cursor: pointer;
  background-color: #eee;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 6px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .3s;
  display: inline-block;
  position: relative;
}

.post-element-button-6:hover {
  background-color: #cddeeb;
}

.recipients-3 {
  border-bottom: 1px #e9e9e9;
  align-items: flex-start;
  padding: 20px 14px 32px;
  display: block;
}

.recipients-3.component {
  position: relative;
}

.link-label-input-3 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.compliance-toggle {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  display: flex;
}

.send-time-block-3 {
  flex: 1;
}

.send-time-block-3.hidden {
  padding-left: 12px;
  display: flex;
}

.field-label {
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.cal-date-3 {
  align-items: center;
  width: auto;
  min-width: 0;
  height: 26px;
  min-height: 26px;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: static;
}

.bold-text-10 {
  cursor: pointer;
}

.calendar-top-bar-6 {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 54px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.week-header-3 {
  z-index: 22;
  background-color: #032944;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  height: 44px;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: relative;
  top: 0;
}

.icon-audio-4 {
  background-image: url('../images/audio_1audio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.icon-add-week-3 {
  z-index: 60;
  opacity: .72;
  background-color: #00b2ed80;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-left: 0;
  margin-right: 12px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .342s;
  display: flex;
  position: static;
}

.icon-add-week-3:hover {
  opacity: 1;
  background-color: #00b2edcc;
}

.left-panel-5 {
  z-index: 0;
  background-color: #032944;
  flex-direction: column;
  flex: none;
  width: 260px;
  min-height: 140px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 50px;
  display: block;
  position: relative;
  overflow: visible;
}

.text-initials-13 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.media-item-3 {
  clear: none;
  background-image: linear-gradient(#fff0, #0009 83%), url('../images/plank_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 164px;
  height: 128px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  position: relative;
}

.media-item-3:hover {
  border: 3px #00b2ed;
}

.input-holder-5 {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  max-height: 50vh;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
  overflow: auto;
}

.plan-tile-5 {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 96%;
  min-width: 96%;
  min-height: 40px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-5:hover {
  background-color: #fff59d80;
}

.sf-77-copy-3 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.small-text-10 {
  color: #727272;
  text-transform: none;
  padding-top: 0;
  padding-left: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

.icon-request-3 {
  background-image: url('../images/star_2star.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.options-media-item-3 {
  z-index: 99;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 37px;
  left: 40px;
  right: -6px;
  box-shadow: 1px 1px 3px #00000078;
}

.icon-duplicate-5 {
  opacity: .5;
  transition: opacity .3s;
}

.icon-duplicate-5:hover {
  opacity: 1;
}

.workout-name-div-7 {
  flex-direction: row;
  align-items: center;
  padding: 0 20px 8px 14px;
  display: flex;
  position: relative;
}

.day-heading-6 {
  z-index: 20;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.empty-day-text-div-4 {
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.calendar-wrapper-6 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  height: 90vh;
  min-height: 0;
  max-height: none;
  margin-left: 0;
  display: flex;
  position: static;
}

.workout-list-3 {
  border-style: none;
  flex: 1;
  margin-top: 0;
  padding-bottom: 60px;
  display: block;
  position: relative;
  top: 0;
  overflow: scroll;
}

.validation-holder-3 {
  padding-top: 10px;
  padding-left: 70px;
}

.calendar-component-3 {
  margin-top: 6px;
  display: inline-block;
}

.edit-exercise-5 {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 540px;
  height: auto;
  margin: 4px 0 0;
  padding: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 2px #00000030;
}

.edit-exercise-5:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.search-media-library-3 {
  background-color: #eeeeee78;
  border: 1px solid #80808080;
  min-width: 840px;
  min-height: 50px;
  max-height: 80px;
  margin-bottom: 0;
  margin-left: 54px;
  margin-right: 10px;
  padding-left: 8px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
  overflow: auto;
}

.search-media-library-3:focus {
  background-color: #fff;
}

.search-media-library-3.chooser {
  width: 800px;
  min-width: 0;
  height: auto;
  min-height: 40px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 4px;
}

.email-header-left-3 {
  flex: 1;
  max-width: 840px;
  position: relative;
  top: 0;
}

.repeat-toggle-wrapper {
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  margin-left: 14px;
  margin-right: 14px;
  display: flex;
}

.minute-input-5 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 8px 0 0;
  display: block;
}

.minute-input-5::placeholder {
  color: #0000004f;
}

.program-item-4 {
  cursor: pointer;
  background-color: #ffffff80;
  border-bottom: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 52px;
  padding: 8px 20px 8px 14px;
  display: flex;
  position: relative;
}

.program-item-4:hover {
  background-color: #fffdea;
}

.program-item-4.current {
  background-color: #fff59d;
}

.tile-item-name-4 {
  background-color: #fff;
  height: 32px;
  padding-top: 4px;
  position: relative;
  overflow: hidden;
}

.feedback-flex-wrapper-3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.text-date-4 {
  color: #161616;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: static;
}

.text-date-4.grey {
  color: #616161;
  padding-left: 0;
}

.text-date-4.current {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border-radius: 13px;
  width: 26px;
  height: 26px;
  margin-left: -5px;
}

.month-grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.modal-content-exercises-7 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.video-img-component-5 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px;
  display: block;
  position: relative;
}

.video-img-component-5:focus {
  border: 1px solid #bda3a3;
}

.program-tile-overlay-8 {
  opacity: 0;
  background-color: #ffffff80;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.program-tile-overlay-8:hover {
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(225deg, #fffffffa, #ffffff4d 72%);
}

.main-frame-area-3 {
  flex-direction: row;
  flex: 1;
  transition: all 2s;
  display: flex;
  position: relative;
}

.sf-19-copy-4 {
  color: #313131;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.start-layer-3 {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: none;
}

.edit-section-title-5 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.workout-progress-bar-3 {
  background-color: #ffffffbf;
  height: 8px;
  position: relative;
}

.iframe-holder-5 {
  background-color: #fff;
  flex: 1;
  height: 100%;
  display: none;
}

.user-overview-section-wrapper-4 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow: auto;
}

.user-overview-section-wrapper-4.chat {
  background-color: #fff;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.user-overview-section-wrapper-4.contact-details {
  display: none;
}

.tile-contents-5 {
  position: absolute;
  inset: 0%;
}

.textlink-16 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-16:hover {
  color: #00b2ed;
}

.textlink-16._14 {
  font-size: 14px;
  line-height: 18px;
}

.textlink-16._14.grey {
  color: #8a8a8a;
}

.textlink-16._14.grey:hover {
  color: #666;
  text-decoration: none;
}

.textlink-16._16 {
  font-size: 16px;
}

.textlink-16.lightblue {
  color: #7dc2ff;
  font-size: 12px;
  font-style: normal;
}

.textlink-16.lightblue:hover {
  text-decoration: underline;
}

.textlink-16.med {
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.textlink-16.bold {
  font-weight: 500;
}

.hero-form-button-holder-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.media-item-wrapper-4 {
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-top: 4px;
  padding-right: 10px;
  position: relative;
  overflow: visible;
}

.text-label-xsmall-3 {
  z-index: 4;
  color: #ffffffe6;
  text-align: center;
  flex: none;
  font-family: Sf ui text, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.text-label-xsmall-3.unit {
  padding-top: 6px;
  font-weight: 500;
}

.library-tile-wrapper-3 {
  border-top: 1px solid #dfdfdf;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.timeline-audio-holder-mini-5 {
  display: block;
  position: absolute;
  inset: 0%;
}

.close-player-modal-3 {
  filter: invert();
  cursor: pointer;
  width: 26px;
  display: inline-block;
  position: static;
}

.close-modal-38 {
  cursor: pointer;
  display: inline-block;
}

.close-modal-38.absolute {
  position: absolute;
  inset: 10px 10px auto auto;
}

.timeline-item-text-9 {
  color: #ffeaea;
  align-self: auto;
  width: 206px;
  padding-left: 8px;
  overflow: visible;
}

.label-player-workout-name-3 {
  color: #313131;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.upload-progress-holder-4 {
  margin-top: 10px;
  display: block;
}

.checkbox-field-48 {
  margin-bottom: 0;
}

.content-item-wrapper-6 {
  background-color: #1389c0;
  height: auto;
  min-height: 42px;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: 1px 1px 3px #0003;
}

.workout-info-4 {
  align-items: flex-start;
  width: 260px;
  height: auto;
  min-height: 50px;
  margin-top: 0;
  padding-top: 4px;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.arrow-right-4 {
  background-image: url('../images/arrow-right_2arrow-right.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 30px;
  margin-top: 8px;
  padding-top: 10px;
  padding-left: 12px;
  position: absolute;
}

.number-input-4 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: auto;
  padding: 3px 10px 9px;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.number-input-4.hidden {
  display: none;
}

.exercise-holder-5 {
  flex-direction: column;
  align-items: center;
  max-height: 500px;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  display: block;
  position: static;
  left: 10px;
  overflow: auto;
}

.plans-wrapper-6 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.exercise-row-8 {
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 82%;
  min-width: 270px;
  max-width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.modal-content-groups-4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.plan-button-div-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.minus-toggle-copy-4 {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: none;
}

.minus-toggle-copy-4:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle-copy-4:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.item-header-copy-7 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.workout-img-copy-4 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 42px;
}

.unmatched-43 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.unmatched-43.navy {
  color: #00528c;
}

.sort-option-16 {
  opacity: 1;
  color: #00528c;
  text-align: center;
  cursor: default;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  height: 34px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
  display: flex;
}

.sort-option-16:hover {
  background-color: #b7d9f1b3;
}

.sort-option-16.selected {
  cursor: default;
  background-color: #b7d9f1;
  border-color: #fff;
}

.preview-holder-6 {
  background-color: #00000063;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: static;
}

.text-block-133 {
  border-right: 0 solid #000;
}

.date-entry-7 {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 150px;
  height: 36px;
  padding-left: 10px;
  padding-right: 6px;
  display: flex;
}

.client-input-holder-5 {
  width: 400px;
  min-width: 0;
  max-width: none;
  margin-left: 20px;
}

.audio-message-wrapper-6 {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-6.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 220px;
}

.audio-message-wrapper-6.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave_1.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 220px;
}

.audio-message-wrapper-6.no-image.short {
  height: 170px;
}

.audio-message-wrapper-6.no-image {
  background-color: #114c75;
  background-image: linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  height: 220px;
}

.media-item-overlay-5 {
  z-index: 1;
  opacity: 0;
  background-color: #0006;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 164px;
  height: 128px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.media-item-overlay-5:hover {
  opacity: 1;
}

.text-235 {
  color: #707070;
  font-family: Work Sans, sans-serif;
  font-size: 10px;
}

.text-label-9 {
  color: #262c46;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}

.text-label-9._12 {
  font-size: 12px;
  line-height: 16px;
}

.text-label-9._12:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.text-label-9._12.white {
  opacity: 1;
  color: #fff;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
}

.text-label-9._12.white:hover {
  text-decoration: none;
}

.text-label-9.library {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 8px;
}

.modal-container-18 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.search-field-tagger-8 {
  background-color: #0000000f;
  border: 1px solid #cecece;
  min-height: 40px;
  padding-left: 10px;
  display: block;
}

.show-more-5 {
  background-color: #fff;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.show-more-5:hover {
  background-color: #f3f1f1;
}

.auto-sync-toggle-5 {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  margin-right: 6px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle-5:hover {
  opacity: 1;
}

.auto-sync-toggle-5.on {
  background-color: #03a9f4;
}

.create-new-button-13 {
  background-color: #00b2ed;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.create-new-button-13:hover {
  color: #fff;
  background-color: #049fd3;
}

.div-block-1371-copy {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
  padding: 24px 20px;
  position: relative;
}

.resume-date-picker {
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-1348-copy {
  padding: 20px 20px 40px;
}

.resume-button-holder {
  justify-content: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.resume-button-holder.left {
  justify-content: flex-start;
  margin-left: 0;
}

.label-sf-8 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.option-menu-div-18 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  font-family: Roboto, sans-serif;
  display: flex;
}

.option-menu-div-18:hover {
  background-color: #cfcfcf;
}

.option-menu-div-18.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-18.big:hover {
  background-color: #ececec;
}

.option-menu-div-18.hidden {
  width: auto;
}

.text-duration-6 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.program-name-div-5 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 24px 4px;
  display: flex;
  position: static;
}

.main-view-wrapper-7 {
  flex: 1;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  position: static;
  overflow: visible;
}

.label-tile-8 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  position: absolute;
  inset: 3px 0%;
}

.apply-button-holder-6 {
  border-top: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.outer-holder-6 {
  display: flex;
}

.client-search-add-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
  display: block;
}

.day-wrapper-7 {
  background-color: #1389c0b5;
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  top: 0;
}

.img-upload-button-7 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 230px;
  min-width: 0;
  height: 44px;
  margin-top: 0;
  margin-bottom: 14px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.img-upload-button-7:hover {
  background-color: #00b2ed33;
}

.overlay-11 {
  background-color: #fff0;
  transition: background-color .6s;
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay-11:hover {
  background-color: #fff6;
}

.delete-icon-holder-11 {
  background-color: #f6f6f6;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.menut-list-item-overlay-8 {
  opacity: 0;
  cursor: pointer;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 95%;
  padding-top: 6px;
  padding-right: 0;
  transition: opacity .6s;
  display: block;
  position: absolute;
  inset: 0%;
}

.menut-list-item-overlay-8:hover {
  opacity: 1;
  color: #1565c0;
  background-image: linear-gradient(to right, #fff0, #fffdea 74%);
}

.toggle-wrapper-11 {
  background-color: #f0f0f0;
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  border-radius: 0;
  align-items: center;
  height: 64px;
  padding-left: 20px;
  display: flex;
}

.exercise-image-13 {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: 8px;
  display: block;
}

.image-397 {
  margin-right: 5px;
}

.icon-trash-9 {
  opacity: .6;
  transition: opacity .3s;
}

.icon-trash-9:hover {
  opacity: 1;
}

.user-actions-9 {
  opacity: 1;
  align-items: center;
  display: flex;
}

.back-link-10 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  display: block;
}

.back-link-10:hover {
  color: #00b2ed;
}

.back-link-10._16 {
  font-size: 16px;
}

.back-link-10.small {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 14px;
  position: static;
}

.back-link-10.red {
  color: #e53935;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.back-link-10.red:hover {
  color: #f3615e;
}

.div-block-2204 {
  flex: 1;
  min-height: 25px;
}

.library-tag-6 {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 4px;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  display: inline-block;
}

.library-tag-6:hover {
  color: #fff;
  background-color: #00528ccc;
  font-family: Sf ui text, sans-serif;
}

.library-tag-6.selected {
  color: #fff;
  background-color: #00528c;
}

.wide-header-content-2-copy-6 {
  z-index: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-2-copy-6.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.video-volume-control-4 {
  justify-content: center;
  width: 36px;
  height: 34px;
  margin-bottom: 10px;
  margin-left: auto;
  padding-top: 4px;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.post-button-img-6 {
  width: 26px;
  min-width: 26px;
}

.start-play-button-5 {
  opacity: 1;
  cursor: pointer;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 76px;
  min-width: 76px;
  height: 76px;
  min-height: 76px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.start-play-button-5:hover {
  opacity: 1;
  background-color: #000000b3;
}

.form-block-63 {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.feedback-layer-holder-4 {
  height: 100%;
  display: none;
  position: relative;
}

.title-input-div-6 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: block;
}

.skip-button-5 {
  opacity: .9;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.skip-button-5:hover {
  opacity: 1;
}

.ribbon-set-number-4 {
  z-index: 1;
  color: #fff;
  text-align: center;
  background-color: #032944;
  width: 40px;
  height: 34px;
  padding-top: 3%;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: block;
  position: absolute;
  inset: 0% 6px auto auto;
}

.enter-weight-button-4 {
  opacity: 1;
  background-color: #00000080;
  border: 1px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 168px;
  height: 40px;
  min-height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
  position: relative;
}

.enter-weight-button-4:hover {
  opacity: 1;
  background-color: #000000b3;
}

.link-small-13-4 {
  color: #00b2ed;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.link-small-13-4:hover {
  color: #1679cf;
  flex: 0 auto;
}

.mark-done-icon-6 {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/check-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  transition: background-color .3s;
  position: absolute;
  inset: 12px 10px auto auto;
}

.mark-done-icon-6:hover {
  background-color: #1abc73;
}

.mark-done-icon-6.notes {
  margin-left: 10px;
  position: absolute;
  inset: 5px 5px auto auto;
}

.mark-done-icon-6.static {
  margin-left: 10px;
  position: static;
}

.delete-media-6 {
  margin-top: 14px;
}

.handle-volume-17 {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: 0 -5px auto auto;
}

.handle-volume-17:hover {
  background-color: #fff;
}

.quote-title-9 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.volume-level-bar-11 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-11.max {
  height: 100%;
}

.help-icon-18 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
}

.help-icon-18:hover {
  opacity: 1;
}

.help-icon-18.preheader {
  margin-top: 8px;
  margin-left: 6px;
  position: relative;
  top: -4px;
}

.modal-content-media-9 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 940px;
  min-width: 800px;
  height: 90vh;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.hour-input-9 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 10px 0 0;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.hour-input-9::placeholder {
  color: #00000054;
}

.div-block-2376 {
  align-items: center;
  min-height: 20px;
  margin-bottom: 8px;
  display: flex;
}

.image-426 {
  margin-right: 10px;
}

.image-426._2 {
  margin-left: 10px;
}

.email-reminder {
  background-color: #fff;
  margin-top: 10px;
  padding: 6px 10px;
  display: none;
}

.div-block-2377 {
  text-align: center;
  flex-direction: column;
  width: 95%;
  min-width: 900px;
  max-width: 1220px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
}

.dash-tile {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  width: 30%;
  min-width: 250px;
  max-width: 370px;
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  margin: 12px;
  padding: 20px 32px 25px;
  display: inline-block;
  position: relative;
  box-shadow: 0 3px 5px #031f680f;
}

.dash-tile:hover {
  background-color: #f9fbfc;
}

.div-block-2378 {
  margin-top: 20px;
}

.div-block-2379 {
  text-align: right;
}

.sf-593 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-593.grey {
  color: #747474;
}

.view-tab {
  opacity: .82;
  color: #ffffffe6;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 42px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.view-tab:hover {
  border-bottom-color: #00b2ed;
}

.view-tab.selected {
  opacity: 1;
  border-bottom: 3px solid #00b2ed;
}

.poppins-32 {
  color: #444;
  text-align: left;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  position: relative;
}

.poppins-32.right {
  text-align: right;
}

.top-tab-bar-4 {
  z-index: 5;
  background-color: #032944;
  justify-content: center;
  align-items: flex-start;
  min-height: 60px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-2380 {
  padding-bottom: 5px;
  padding-left: 8px;
}

.sf-594 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.sf-594.red {
  color: #ed4444;
}

.sf-594.green {
  color: #55b83c;
}

.sf-594.grey {
  color: #b1b1b1;
}

.timeframe-toggle-set {
  border: 1px solid #2e7bf5;
  border-left: 1px #527bbb;
  flex-direction: row;
  align-items: flex-start;
  width: 330px;
  display: flex;
}

.timeframe-toggle-set._2 {
  width: 260px;
}

.sf-15-med-52 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.dashboard-outer-wrapper {
  background-color: #f4f9fc;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 220px;
}

.div-block-1319-copy {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.dash-toggle-option {
  color: #1169c7;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #1169c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  transition: background-color .4s;
  display: flex;
}

.dash-toggle-option:hover {
  background-color: #d9e4ff;
}

.dash-toggle-option.selected {
  color: #fff;
  background-color: #1169c7;
}

.title-h2-poppin {
  color: #444;
  text-align: left;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 42px;
  position: relative;
}

.div-block-2381 {
  margin-top: 15px;
}

.arrow-delta {
  background-image: url('../images/arrow-up_2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 28px;
  height: 36px;
}

.arrow-delta.down {
  background-image: url('../images/arrow-down_5.png');
}

.arrow-delta.no-change {
  background-image: none;
  width: 2px;
}

.dash-top-section {
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  min-width: 900px;
  max-width: 1180px;
  min-height: 50px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.delta-display {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.delta-display.hidden {
  display: none;
}

.exercise-name-row {
  background-color: #cde0ff;
  border-bottom: 1px solid #ddd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 34px;
  display: flex;
}

.modal-exercise-settings {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.challenge-wrapper {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: row;
  flex: 0 auto;
  width: 100vw;
  margin-top: 0;
  padding-bottom: 40px;
}

.modal-accountability {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.sf-12-challenge-label-red {
  color: #ed4444;
  padding-top: 0;
  padding-left: 0;
  padding-right: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.sf-12-challenge-label-red.hidden {
  line-height: 14px;
}

.participant-table-wrapper {
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  height: auto;
  margin-bottom: 80px;
  display: block;
  position: relative;
  overflow: auto;
}

.participant-detail-inner-2 {
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #dadada;
  flex-direction: column;
  width: 400px;
  height: 100vh;
  display: flex;
}

.alert-wrapper-2 {
  background-color: #ffdcdc;
  border: 1px solid #ff9191;
  border-radius: 6px;
  align-items: flex-start;
  min-height: 50px;
  margin-bottom: 20px;
  padding: 10px 20px;
  display: flex;
}

.alert-wrapper-2.hidden {
  display: none;
}

.selector-option {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 30px;
  padding: 14px;
  display: flex;
}

.selector-option:hover {
  background-color: #abd4ff;
}

.modal-header-3-copy {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px 15px;
  display: block;
}

.user-overview-header-8 {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #d4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.loader-3 {
  background-color: #032944;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100px;
  max-width: 200px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: flex;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.button-signup {
  color: #1679cf;
  background-color: #0000;
  background-image: url('../images/signup_1signup.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #1679cf;
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px 16px 8px 34px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.button-signup:hover {
  color: #1679cf;
  background-color: #a2ddff26;
}

.modal-pause-challenge-confirmation-2 {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.participant-section-header {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  padding-top: 30px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.participant-detail-modal-3 {
  flex-direction: row;
  display: none;
  position: relative;
}

.hover-sm {
  background-color: #919191;
  background-image: url('../images/help_1help.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 24px;
  width: 15px;
  height: 15px;
  margin-left: 7px;
}

.hover-sm:hover {
  background-color: #0a84ff;
}

.alert-holder {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.modal-inner-wrapper-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 35px 40px;
  display: block;
  overflow: auto;
}

.challenge-inner-wrapper {
  background-color: #fdfdfd;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.challenge-user-view-toggle {
  color: #1169c7;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-left: 1px solid #1169c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  transition: background-color .4s;
  display: flex;
}

.challenge-user-view-toggle:hover {
  background-color: #d9e4ff;
}

.challenge-user-view-toggle.selected {
  color: #fff;
  cursor: pointer;
  background-color: #1169c7;
}

.challenge-selector {
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  height: 40px;
  padding-left: 14px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.challenge-selector:hover {
  background-color: #cde3ff;
}

.charge-amount {
  width: 100px;
  margin-bottom: 0;
  margin-left: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.submit-button-small-25 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-25:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-25.cancel {
  background-color: #97a4af;
}

.submit-button-small-25.cancel:hover {
  background-color: #889097;
}

.select-exercises-wrapper {
  align-items: flex-start;
  padding-top: 8px;
}

.challenge-selector-wrapper {
  z-index: 3;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  width: 100%;
  display: none;
  position: absolute;
  inset: 42px auto auto 0;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.spinner {
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1304-copy-2 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  border-radius: 6px;
  min-height: 40px;
  margin-top: 20px;
  padding: 10px 20px;
  position: relative;
}

.modal-content-leads-9 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  display: block;
  position: static;
  overflow: visible;
}

.modal-progress-indicator-3 {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.add-button-xs-copy-2 {
  color: #0293c4;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/arrow-down-blue_1arrow-down-blue.png');
  background-position: 40px 56%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  align-items: center;
  height: 28px;
  margin-top: 0;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.add-button-xs-copy-2:hover {
  background-color: #00b2ed33;
}

.org-select-section-copy-2 {
  align-items: center;
  padding-bottom: 40px;
}

.detail-wrapper-2 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  min-height: 100px;
  padding-bottom: 40px;
  overflow: auto;
}

.name-label-2 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.name-label-2.bold {
  font-weight: 600;
}

.name-label-2.s {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.name-label-2.s.b {
  color: #c04e4e;
  font-weight: 600;
}

.name-label-2.xs {
  color: #646464;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.name-label-2.semi {
  font-weight: 600;
}

.action-icon {
  opacity: .66;
  cursor: pointer;
  background-color: #4fc5fc3d;
  border: 1px solid #45cffd;
  border-radius: 4px;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 6px;
  padding: 2px 3px;
  display: flex;
}

.action-icon:hover {
  opacity: 1;
  background-color: #1389c033;
}

.exercise-settings {
  border: 1px solid #e0e0e0;
  border-bottom: 1px #ddd;
  margin: 15px 20px;
  display: block;
}

.exercise-settings._1 {
  display: block;
}

.challenge-outerwrapper {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  height: 100vh;
  display: flex;
}

.exercise-settings-wrapper {
  max-height: 60vh;
  padding-bottom: 20px;
  overflow: auto;
}

.div-block-1362-copy {
  width: 240px;
}

.modal-multi-remove-alert {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.exercise-selector {
  background-color: #f7f7f7;
  border-top: 1px solid #cfe2f0;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 16px;
  display: flex;
  position: relative;
}

.checkbox-label-21 {
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.sf-14-regular-18 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-18.grey {
  color: #7a7a7a;
}

.sf-14-regular-18.semi {
  color: #2e2e2e;
  font-weight: 600;
  line-height: 18px;
}

.customer-table-cell-4 {
  border-right: 1px solid #fff;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-4.sm {
  width: 15%;
  min-width: 120px;
  max-width: 160px;
  margin-top: 0;
}

.customer-table-cell-4.sm.col-head-copy {
  justify-content: space-between;
}

.customer-table-cell-4.dollar {
  justify-content: flex-end;
  width: 10%;
  min-width: 100px;
  max-width: 130px;
  margin-top: 0;
  padding-right: 10px;
}

.customer-table-cell-4.dollar.col-head-copy {
  justify-content: space-between;
}

.customer-table-cell-4.med {
  flex-direction: row;
  align-items: center;
  width: 20%;
  min-width: 200px;
  max-width: 300px;
  margin-top: 0;
  display: flex;
}

.customer-table-cell-4.med.right {
  justify-content: flex-end;
}

.customer-table-cell-4.med.col-head-copy {
  cursor: pointer;
}

.customer-table-cell-4.long {
  width: 30%;
  min-width: 200px;
  max-width: 300px;
}

.customer-table-cell-4.long.col-head-copy {
  display: flex;
}

.customer-table-cell-4.long2 {
  justify-content: space-between;
  width: 33%;
  min-width: 200px;
  max-width: 360px;
  min-height: 36px;
  display: flex;
}

.customer-table-cell-4.sm2 {
  width: 18%;
  min-width: 130px;
  max-width: 180px;
  min-height: 36px;
  margin-top: 0;
}

.modal-top-bar-39 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-top-bar-39.absolute {
  margin-left: auto;
  padding-top: 0;
  position: absolute;
  inset: 10px 0 auto auto;
}

.library-sidebar-7 {
  background-color: #eef2f5;
  border-style: none none none solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  flex: none;
  width: 310px;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: auto;
}

.sort-wrapper-8 {
  align-items: center;
  display: flex;
}

.item-action-button-7 {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.item-action-button-7:hover {
  background-color: #d1e5f3;
}

.item-action-button-7.delete:hover {
  background-color: #ffc8c8;
}

.item-action-button-7.fms {
  cursor: pointer;
}

.button-list-panel-9 {
  z-index: 1001;
  opacity: .9;
  background-color: #00b2ed66;
  background-image: url('../images/main_1main.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: fixed;
  inset: 14px auto auto 14px;
}

.button-list-panel-9:hover {
  opacity: 1;
  color: #fff;
  background-color: #00b2ed99;
}

.assigned-panel-wrapper-8 {
  border-top: 1px solid #b5e1f0;
  flex: 1;
  min-height: 140px;
  max-height: 90vh;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 100px;
  display: block;
  position: static;
  overflow: auto;
}

.checkbox-holder-9 {
  cursor: default;
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  padding-top: 20px;
  display: flex;
}

.item-button-bar-9 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.client-sync-12 {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 44px;
  margin-left: 0;
  margin-right: 14px;
  display: flex;
  position: relative;
}

.library-search-section-9 {
  justify-content: center;
  padding: 20px 8px 8px;
  display: block;
}

.button-today-12 {
  background-color: #d9ebf6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.button-today-12:hover {
  background-color: #b4daf1;
}

.editor-add-new-9 {
  opacity: .8;
  cursor: pointer;
  background-color: #00528c;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  margin-left: 8px;
  padding: 2px 5px 2px 3px;
  display: flex;
}

.editor-add-new-9:hover {
  opacity: 1;
}

.user-action-button-10 {
  cursor: pointer;
  background-color: #eef6fc;
  background-image: url('../images/cancel_1cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.user-action-button-10:hover {
  background-color: #b4daf1;
}

.user-action-button-10.calendar {
  background-image: url('../images/cal_2cal.png');
}

.user-action-button-10.add {
  background-color: #00528c;
  background-image: url('../images/add_1add.png');
  background-size: 24px;
  display: none;
}

.user-action-button-10.add:hover {
  background-color: #01487a;
}

.user-action-button-10.remove-all {
  background-image: url('../images/remove_2remove.png');
}

.user-action-button-10.exercise-settings {
  opacity: 1;
  background-image: url('../images/weights_1weights.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  margin-top: 0;
  padding-left: 0;
  display: block;
}

.user-action-button-10.exercise-settings:hover {
  background-color: #b4daf1;
}

.user-action-button-10.replace {
  opacity: 1;
  direction: ltr;
  background-image: url('../images/swap_1swap.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-10.replace:hover {
  background-color: #b4daf1;
}

.settings-header-7 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 2px 4px 2px 10px;
  display: flex;
}

.result-row-43 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-43:hover, .result-row-43.selected {
  background-color: #d8e6fc;
}

.result-row-43.checked {
  background-color: #ebecee;
}

.result-row-43.checked.selected {
  background-color: #d8e6fc;
}

.div-block-2531 {
  padding-top: 20px;
}

.settings-icon-wrapper-5 {
  z-index: 10;
  float: right;
  cursor: pointer;
  display: block;
  position: absolute;
  inset: 10px 10px auto auto;
}

.div-block-2532 {
  align-items: center;
  padding: 2px 6px 2px 4px;
  display: flex;
}

.div-block-2532.grey {
  background-color: #d6d6d6;
}

.modal-content-leads-15 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.text-span-195 {
  font-weight: 600;
}

.detail-row-4 {
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.sf-681 {
  color: #313131;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.sf-682 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-682.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-2533 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.select-field-18 {
  color: #4d4d4d;
  background-color: #fff;
  width: 180px;
  margin-bottom: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.sf-683 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-683.semi {
  text-align: left;
  font-weight: 600;
}

.image-460 {
  margin-right: 6px;
}

.div-block-2534 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.submit-button-34 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-34:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-34.sm {
  min-width: 120px;
  height: 40px;
}

.submit-button-34.red {
  background-color: #ed4444;
}

.submit-button-34.large {
  height: 52px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
}

.submit-button-34.cancel {
  background-color: #97a4af;
}

.submit-button-34.cancel:hover {
  background-color: #889097;
}

.submit-button-34.red {
  color: #fff;
  background-color: #ed4444;
}

.submit-button-34.red:hover {
  background-color: #d82424;
}

.sf-684 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-684.center {
  text-align: center;
}

.modal-content-leads-16 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.plan-options-menu-8 {
  z-index: 23;
  float: none;
  clear: right;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: 166px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 30px 6px auto auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.plan-options-menu-8.hidden {
  display: block;
}

.div-block-2535 {
  padding: 20px;
}

.form-35-copy {
  padding-top: 5px;
}

.challenge-name-input-6 {
  color: #313131;
  cursor: text;
  background-color: #0000;
  border: 1px solid #e2e2e200;
  width: 480px;
  height: 50px;
  margin-bottom: 0;
  margin-left: -10px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.challenge-name-input-6:hover {
  background-color: #f3f3f3;
  border: 1px solid #b6b6b6;
}

.challenge-name-input-6:focus {
  border: 1px solid #3d79a3;
}

.challenge-name-input-6::placeholder {
  color: #313131;
}

.div-block-2536 {
  padding-top: 3px;
  padding-left: 5px;
}

.modalclosediv-34 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.sf-685 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-685.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.sf-685.med {
  font-weight: 500;
}

.sf-686 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-686.semi {
  text-align: left;
  font-weight: 600;
}

.sf-687 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-687.center {
  text-align: center;
}

.image-461 {
  margin-bottom: 40px;
}

.div-block-2537 {
  align-items: center;
  padding-top: 35px;
}

.sf-688 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-688.center {
  text-align: center;
}

.sf-688.grey {
  color: #747474;
}

.text-span-196 {
  font-weight: 600;
}

.text-initials-32 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.sf-689 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-689.bold {
  font-weight: 700;
}

.sf-14-regular-20 {
  color: #313131;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-20.white {
  color: #fff;
}

.sf-14-regular-20.white.center {
  text-align: center;
}

.div-block-2538 {
  align-items: center;
  padding-bottom: 6px;
  display: flex;
}

.textlink-sm-8 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  display: inline-block;
}

.textlink-sm-8:hover {
  color: #00b2ed;
}

.challenge-participant-wrapper-4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
}

.div-block-2539 {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
}

.text-span-197 {
  color: #313131;
  font-weight: 600;
}

.form-block-73 {
  margin-bottom: 0;
}

.sf-690 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-690.semi {
  text-align: left;
  font-weight: 600;
}

.div-block-2540 {
  border-bottom: 1px solid #cfe2f0;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding: 14px 20px 10px 10px;
  display: flex;
}

.div-block-2541 {
  padding: 20px;
}

.div-block-2542 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.sf-15-med-62 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-2543 {
  display: flex;
}

.text-initials-33 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.current-selection-checkmmark-8 {
  background-color: #0000;
  background-image: url('../images/checked_1checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: auto;
}

.current-selection-checkmmark-8.hide {
  margin-left: 6px;
  display: none;
}

.div-block-2544 {
  align-items: center;
  padding-top: 2px;
  padding-left: 5px;
  display: flex;
}

.form-block-74 {
  margin-bottom: 0;
}

.button-scoreboard-5 {
  color: #1679cf;
  background-color: #0000;
  background-image: url('../images/scoreboard-icon_1scoreboard-icon.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #1679cf;
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px 16px 8px 34px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.button-scoreboard-5:hover {
  color: #1679cf;
  background-color: #a2ddff26;
}

.header-row-5 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.header-row-5:hover {
  background-color: #ebebeb;
}

.header-row-5.user-header-row-copy {
  z-index: 2;
  background-color: #f1f1f1;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  justify-content: flex-start;
  padding-right: 0;
}

.text-span-198 {
  color: #313131;
  font-weight: 600;
}

.div-block-2545 {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}

.modal-content-leads-17 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 95vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: auto;
}

.image-462 {
  margin-right: 4px;
}

.modal-top-bar-42 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.modal-container-22 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.date-input-16 {
  text-align: right;
  background-color: #fff;
  border: 1px solid #bbb;
  justify-content: flex-end;
  align-items: center;
  width: 164px;
  height: 40px;
  margin-left: 10px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.sf-14-grey-label-15 {
  color: #868686;
  padding-top: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.label-sf-15 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-15.med {
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

.table-row-wrapper-4 {
  border-bottom: 1px solid #e7e7e7;
}

.sf-15-med-63 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-2546 {
  align-items: center;
  display: flex;
}

.form-block-75 {
  margin-bottom: 0;
  display: block;
}

.modal-edit-particpant-4 {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.image-463 {
  opacity: .54;
  margin-right: 4px;
}

.sf-691 {
  color: #313131;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.div-block-2547 {
  margin-left: 10px;
}

.div-block-2548 {
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.sf-692 {
  color: #313131;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.sf-15-med-64 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.sf-15-med-64.red {
  color: #ff3535db;
}

.form-label-column-participant-13 {
  align-items: center;
  width: 40%;
  min-width: 190px;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.amount-input {
  display: block;
}

.div-block-2549 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 170px;
  padding-bottom: 6px;
  display: flex;
}

.link-block-23 {
  background-color: #edfbff;
  border: 1px solid #8ac7f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 15px;
  display: flex;
}

.link-block-23:hover {
  color: #dbebfa;
  background-color: #ceecff;
}

.sf-693 {
  color: #313131;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.div-block-2550 {
  text-align: left;
}

.div-block-2551 {
  padding: 20px;
}

.settings-row-7 {
  width: 100%;
  margin-top: 0;
  padding: 25px 0 10px;
}

.sf-694 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-694.semi {
  color: #000000b3;
  font-weight: 600;
  display: block;
}

.text-field-37 {
  text-align: center;
  width: 66px;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 5px 2px 5px 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.sf-695 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-695.dark-grey {
  color: #4d4d4d;
}

.div-block-2552 {
  padding-left: 10px;
}

.sf-696 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-696.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.form-66 {
  display: flex;
  position: relative;
}

.select-field-19 {
  color: #414141;
  background-color: #f5f5f5;
  width: 160px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.select-field-19.short {
  width: 100px;
  font-size: 16px;
}

.small-text-20 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-20.view-all {
  text-transform: none;
}

.submit-button-area-27 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.submit-button-area-27.tran {
  background-color: #0000;
}

.modal-content-leads-18 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-2553 {
  margin-right: 40px;
  padding-bottom: 20px;
}

.sf-697 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-697.center {
  text-align: center;
}

.modal-header-7 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.settings-row-8 {
  width: 100%;
  margin-top: 0;
  padding: 25px 0 10px;
}

.sf-13-grey-label-19 {
  color: #a0a0a0;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.text-field-38 {
  border-width: 1px;
  border-color: #0000;
  height: 49px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
}

.text-field-38::placeholder {
  color: #b8b8b8;
}

.sf-698 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-698.med-grey {
  color: #455b6b;
  font-weight: 500;
}

.div-block-2554 {
  background-color: #f0f6ff;
  padding: 6px 25px 10px;
}

.text-span-199 {
  font-weight: 600;
}

.text-block-164 {
  display: block;
}

.sf-699 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-699.semi {
  color: #313131;
  font-weight: 600;
}

.div-block-2555 {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.checkbox-field-54 {
  min-width: 90px;
  margin-right: 24px;
  padding-bottom: 5px;
  display: inline-block;
}

.date-input-17 {
  background-color: #fff;
  border: 1px solid #cecece;
  align-items: center;
  width: 166px;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.date-input-17.disabled {
  color: #7a7a7a;
  background-color: #eee;
}

.sf-700 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-700.med {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.div-block-2556 {
  opacity: .59;
  background-color: #fff2a9;
  justify-content: center;
  align-items: center;
  height: 240px;
  display: flex;
}

.div-block-2557 {
  text-align: right;
  margin-left: auto;
}

.sf-701 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-702 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-702.dark-grey {
  color: #4d4d4d;
}

.sf-15-med-65 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.image-464 {
  width: 58px;
  height: 58px;
  margin-bottom: 10px;
}

.div-block-2558 {
  align-items: center;
  padding-top: 3px;
  padding-bottom: 0;
  display: flex;
}

.add-button-xs-5 {
  color: #0293c4;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  align-items: center;
  height: 28px;
  margin-top: 0;
  padding-top: 12px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.add-button-xs-5:hover {
  background-color: #00b2ed33;
}

.add-button-xs-5.unpause {
  color: #fff;
  background-color: #3898ec;
  border-bottom-style: none;
  height: 30px;
  padding-top: 10px;
  font-size: 12px;
}

.add-button-xs-5.unpause:hover {
  background-color: #1679cf;
}

.sf-703 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-703.center {
  text-align: center;
}

.div-block-2559 {
  flex-direction: column;
  padding-left: 4px;
  padding-right: 25px;
  display: inline-block;
}

.div-block-2560 {
  justify-content: flex-end;
  margin-top: 10px;
  padding-right: 5px;
  display: flex;
}

.form-block-76 {
  margin-bottom: 0;
}

.div-block-2561 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
  padding: 15px 20px 20px;
  position: relative;
}

.div-block-2562 {
  opacity: .6;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.div-block-2562:hover {
  opacity: 1;
  background-color: #e7ebff;
}

.poppins-body-text-22 {
  color: #000000b8;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.image-465 {
  margin-right: 6px;
}

.text-span-200 {
  font-size: 16px;
  font-weight: 400;
}

.arrow-summary-2 {
  background-image: url('../images/arrow-up_2.png');
  background-position: 0 60%;
  background-repeat: no-repeat;
  background-size: 13px;
  width: 16px;
  height: 24px;
  margin-right: 0;
}

.arrow-summary-2.down {
  background-image: url('../images/arrow-down_5.png');
}

.poppins-body-text {
  color: #000000b8;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.poppins-body-text.white {
  color: #ffffffe6;
}

.section-inner-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 10px;
  display: flex;
}

.cal-row {
  background-color: #edf8ff;
  border-radius: 24px;
  justify-content: space-between;
  height: 30px;
  margin-bottom: 8px;
  display: flex;
}

.cal-row.month-row {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.cal-row.white {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cal-row.week-highlight {
  background-color: #ff7913;
  background-image: linear-gradient(#ff7913, #e033ac);
}

.cal-row.future {
  opacity: .5;
}

.personal-summary-wrapper-2 {
  background-color: #fff;
  border: 1px solid #a0d3fd;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 94px;
  margin-bottom: 15px;
  padding: 10px 15px;
  display: flex;
}

.personal-summary-wrapper-2.tall {
  min-height: 220px;
  padding: 0;
}

.personal-summary-wrapper-2.tall.graph {
  height: 220px;
  max-height: 220px;
  padding-left: 0;
  overflow: hidden;
}

.personal-summary-wrapper-2.chart-holder {
  border-style: none;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 0;
}

.personal-summary-wrapper-2.light-blue {
  border: 1px solid #a0d3fd;
  align-items: center;
  margin-bottom: 14px;
  padding: 14px 10px 20px;
}

.personal-summary-wrapper-2.reverse {
  background-color: #0052d6;
  background-image: linear-gradient(13deg, #0052d6, #5c9aff);
  border-color: #5c9aff;
  min-height: 110px;
  padding-top: 15px;
  padding-bottom: 20px;
}

.change-wrapper-5 {
  background-color: #ffffff59;
  justify-content: flex-end;
  align-items: flex-end;
  height: 32px;
  margin-left: 10px;
  padding-bottom: 3px;
  padding-left: 5px;
  display: flex;
}

.col-third {
  width: 32%;
}

.poppins-label-2 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.poppins-label-2.red {
  color: #ed4444;
  font-weight: 500;
}

.poppins-label-2.center {
  text-align: center;
}

.poppins-label-2.white {
  color: #ffffffed;
}

.poppins-label-2._16-bold {
  color: #1d72b8;
  font-size: 16px;
  font-weight: 700;
}

.poppins-label-2._16-bold.white {
  color: #ffffffeb;
}

.poppins-label-2.green {
  color: #55b83c;
  font-weight: 500;
}

.div-block-2563 {
  align-items: center;
  display: flex;
}

.div-block-2564 {
  padding-top: 18px;
}

.calendar-wrapper-14 {
  background-color: #fff;
  border: 1px solid #a0d3fd;
  border-radius: 12px;
  min-width: 298px;
  height: 314px;
  margin-bottom: 15px;
  padding: 8px 8px 5px;
}

.chart-title {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding: 15px 10px 10px 5px;
  display: flex;
}

.div-block-2565 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.col-fourth {
  width: 24%;
}

.col-half {
  width: 49%;
}

.div-block-2566 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  display: flex;
}

.div-block-2567 {
  align-items: center;
  margin-bottom: 6px;
  margin-left: 15px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 6px;
  display: flex;
}

.poppins-label-sm-6 {
  color: #000000b8;
  flex: 0 auto;
  font-size: 13px;
  line-height: 16px;
}

.poppins-label-sm-6.blue {
  color: #1d72b8;
}

.poppins-label-sm-6.semi-center {
  color: #1d72b8;
  text-align: center;
  font-weight: 600;
}

.poppins-label-sm-6.blue-xs {
  color: #1d72b8;
  font-size: 12px;
}

.poppins-label-sm-6.xs-grey-bold {
  color: #1d72b8;
  font-size: 12px;
  font-weight: 700;
}

.poppins-label-sm-6.blue-bold {
  color: #1d72b8;
  font-size: 14px;
  font-weight: 700;
}

.div-block-2568 {
  justify-content: space-between;
  padding: 15px 25px 10px;
  display: flex;
}

.div-block-2568.ac-default-label-small-21 {
  justify-content: flex-end;
}

.div-block-2569 {
  padding-top: 5px;
  padding-left: 8px;
}

.col-full {
  width: 100%;
}

.report-header-2 {
  background-color: #030f49;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px 20px 20px;
  display: flex;
}

.text-span-201 {
  font-size: 18px;
  font-weight: 400;
}

.div-block-2570 {
  border-top-width: 1px;
  border-top-color: #e9e9e9;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  display: flex;
}

.text-span-202 {
  font-weight: 600;
}

.div-block-1422-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.streak-display-column {
  width: 158px;
  min-height: 60px;
}

.section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.cal-cell {
  color: #5c6f9e;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 11%;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.cal-cell.highlight {
  color: #fff;
  background-color: #ff7913;
  background-image: linear-gradient(#ff7913, #e033ac);
}

.div-block-3016 {
  justify-content: center;
  display: flex;
}

.image-466 {
  margin-right: 4px;
  display: block;
}

.text-block-165 {
  color: #fff;
}

.modal-lead-gen-settings-2 {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.top-tab-bar-5 {
  background-color: #d3e6fd;
  border-bottom: 1px #ffffff47;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 44px;
  display: flex;
  position: relative;
  overflow: auto;
}

.image-482 {
  margin-right: 20px;
}

.div-block-1083 {
  border-bottom-color: #d5b0b0;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-1083.underline {
  border-bottom: 1px solid #62adee66;
}

.text-span-61 {
  font-weight: 400;
}

.text-block-52 {
  width: 260px;
}

.table-wrapper-3 {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-right: 40px;
  padding-bottom: 10px;
  display: flex;
}

.client-name-3.white {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text-span-206 {
  text-transform: lowercase;
  margin-right: 4px;
}

.header-25 {
  background-color: #153a62;
  border-bottom: 1px #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.header-25:hover {
  opacity: 1;
}

.table-row-3 {
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  flex-direction: row;
  align-items: flex-start;
  height: 32px;
  display: flex;
}

.table-row-3.top {
  border-bottom-style: solid;
}

.text-span-207 {
  font-weight: 500;
}

.div-block-1074 {
  margin-bottom: 54px;
  margin-right: 0;
}

.text-311 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.text-311.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.text-311.small {
  margin-left: auto;
  font-size: 11px;
  line-height: 15px;
}

.text-311.small.grey {
  color: #6b6b6b;
  text-align: left;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text-311.small.white {
  color: #fff;
}

.text-311.label {
  text-align: center;
  width: 100px;
  line-height: 13px;
}

.text-311.small-heading {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.text-311.small-heading.white {
  color: #fff;
}

.text-311.heading-2 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text-311.center {
  text-align: center;
  line-height: 15px;
}

.text-311.subheading {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.text-311._13 {
  font-size: 13px;
}

.arrow-16 {
  opacity: .8;
  width: 18px;
  margin-bottom: 2px;
}

.report-section-4 {
  background-color: #fff;
  border-bottom: 2px solid #e9e9e9;
  padding: 20px 30px 10px;
}

.report-section-4.last {
  border-bottom-style: none;
}

.div-block-3069 {
  flex-direction: column;
  align-items: flex-end;
  width: 300px;
  margin-left: auto;
  display: flex;
}

.divider-6 {
  background-color: #adadad;
  width: 1px;
  height: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.image-484 {
  width: 26px;
  margin-right: 10px;
}

.div-block-3070 {
  margin-top: 8px;
}

.div-block-1068 {
  margin-bottom: 55px;
}

.text-312 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-312._13-white {
  color: #fff;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.text-312._13-white.center {
  line-height: 16px;
}

.text-312._16 {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.div-block-1084 {
  background-image: url('../images/Screen-Shot-2022-01-05-at-4.36.13-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.div-block-1084.sleep {
  background-image: url('../images/Screen-Shot-2022-01-05-at-3.32.08-PM.png');
}

.div-block-1084.cardio {
  background-image: url('../images/Screen-Shot-2022-01-05-at-4.33.17-PM.png');
}

.div-block-3071 {
  padding-left: 5px;
}

.div-block-3072 {
  background-color: #e00;
  border-top: 1px solid #fff;
  align-items: center;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-1087 {
  border: 2px #fff;
  width: 31%;
  min-width: 110px;
  box-shadow: 1px 1px 6px 2px #00000030;
}

.div-block-1071 {
  background-color: #455ea3;
  border-radius: 75px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-right: 20px;
  display: flex;
}

.div-block-1063 {
  align-items: center;
  width: 580px;
  min-height: 40px;
  margin-bottom: 40px;
  margin-left: -22px;
  padding-left: 24px;
  display: flex;
}

.text-313 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.text-313.heading-2 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text-313.xs {
  font-size: 10px;
}

.text-313.subheading {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.arrow-17 {
  opacity: .8;
  width: 18px;
  margin-bottom: 2px;
}

.div-block-1086 {
  padding: 30px 20px;
}

.div-block-1086.rmr {
  background-color: #f7f7f7;
  border: 4px solid #f0f0f0;
}

.div-block-3073 {
  background-color: #535353;
  background-image: linear-gradient(#ff00009c, #ff00009c), url('../images/fire.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 18px;
  padding: 12px;
}

.div-block-1070 {
  justify-content: space-around;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.report-section-5 {
  background-color: #fff;
  border-bottom: 2px solid #e9e9e9;
  padding: 20px 30px 10px;
}

.report-section-5.rnr {
  border-bottom-style: none;
  padding-top: 20px;
  padding-bottom: 0;
}

.div-block-1069 {
  padding-top: 10px;
}

.text-314 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-314._16 {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-314._16.center {
  text-align: center;
  line-height: 18px;
}

.text-314._13 {
  font-size: 13px;
  line-height: 18px;
}

.div-block-3074 {
  background-image: url('../images/Screen-Shot-2022-01-05-at-4.36.13-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.div-block-3074.bacon {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.24.36-PM.png');
}

.div-block-3074.bananas {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.26.18-PM.png');
}

.div-block-3074.broccoli {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.25.34-PM.png');
}

.div-block-3074.icecream {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.23.00-PM.png');
}

.div-block-3074.pizza {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.23.55-PM.png');
}

.div-block-3074.wine {
  background-image: url('../images/Screen-Shot-2022-01-03-at-11.38.34-AM.png');
}

.div-block-3075 {
  padding-left: 5px;
}

.div-block-3076 {
  background-color: #e00;
  border-top: 1px solid #fff;
  align-items: center;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-3076.white {
  background-color: #fff;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3077 {
  border: 2px #fff;
  width: 31%;
  min-width: 110px;
  box-shadow: 1px 1px 6px 2px #00000030;
}

.div-block-3078 {
  background-color: #455ea3;
  border-radius: 75px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-right: 20px;
  display: flex;
}

.div-block-3078.clear {
  background-color: #0000;
}

.div-block-3079 {
  align-items: center;
  width: 580px;
  min-height: 40px;
  margin-bottom: 40px;
  margin-left: -22px;
  padding-left: 24px;
  display: flex;
}

.div-block-3079._2 {
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 10px;
}

.div-block-3080 {
  padding: 30px 20px;
}

.div-block-3081 {
  justify-content: space-around;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.text-315 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-315._16 {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-315._16.center {
  text-align: center;
  line-height: 18px;
}

.text-315._13 {
  font-size: 13px;
  line-height: 18px;
}

.div-block-3082 {
  background-image: url('../images/Screen-Shot-2022-01-05-at-4.36.13-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.div-block-3082.rowing {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.41.01-PM.png');
}

.div-block-3082.running {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.32.47-PM.png');
}

.div-block-3082.stairmaster {
  background-image: url('../images/stairmaster.jpg');
  background-position: 50% 100%;
}

.div-block-3082.elliptical {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.48.43-PM.png');
}

.div-block-3082.swimming {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.34.26-PM.png');
}

.div-block-3082.jumprope {
  background-image: url('../images/Screen-Shot-2022-01-05-at-5.35.49-PM.png');
}

.div-block-3083 {
  padding-left: 5px;
}

.div-block-3084 {
  background-color: #e00;
  border-top: 1px solid #fff;
  align-items: center;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-3084.white {
  background-color: #fff;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3085 {
  border: 2px #fff;
  width: 31%;
  min-width: 110px;
  box-shadow: 1px 1px 6px 2px #00000030;
}

.div-block-3086 {
  background-color: #455ea3;
  border-radius: 75px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-right: 20px;
  display: flex;
}

.div-block-3086.clear {
  background-color: #0000;
}

.div-block-3087 {
  align-items: center;
  width: 580px;
  min-height: 40px;
  margin-bottom: 40px;
  margin-left: -22px;
  padding-left: 24px;
  display: flex;
}

.div-block-3087._2 {
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 10px;
}

.div-block-3088 {
  padding: 30px 20px;
}

.div-block-3089 {
  justify-content: space-around;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.text-316 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-316.center {
  text-align: center;
  line-height: 15px;
}

.text-316.heading-2 {
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text-316.subheading {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.text-316.subheading.white {
  color: #fff;
  margin-bottom: 0;
  line-height: 18px;
}

.text-316._16 {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-316.heading-3 {
  color: #333;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-block-172.long {
  width: 320px;
}

.div-block-1067 {
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  display: block;
}

.div-block-1075 {
  background-color: #2e2e2e;
  align-items: flex-start;
  margin-bottom: 30px;
  padding: 14px;
  display: flex;
}

.div-block-1072 {
  justify-content: space-between;
  padding-top: 5px;
  display: flex;
}

.div-block-1085 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-1082 {
  padding-left: 30px;
}

.image-489 {
  margin-top: 30px;
}

.image-490 {
  margin-right: 10px;
}

.div-block-1076 {
  background-color: #ffb300;
  border-right: 1px solid #000;
  width: 33%;
  height: 100%;
  position: absolute;
}

.div-block-1076._2 {
  width: 30%;
}

.div-block-3090 {
  flex: 0 auto;
  align-items: stretch;
  width: 60%;
  padding: 24px 30px 34px;
}

.text-317 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-317.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text-317.heading.big {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 34px;
}

.text-317.heading-3 {
  color: #333;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-317.white {
  color: #fff;
}

.text-317.white._14 {
  font-size: 14px;
  line-height: 18px;
}

.div-block-1073 {
  flex-direction: column;
  align-items: flex-end;
  width: 350px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.link-35 {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.div-block-1080 {
  width: 480px;
  padding: 0 0 10px 30px;
}

.text-318 {
  color: #161616;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.step-circle-5 {
  color: #153a62;
  text-align: center;
  background-color: #e9f3f8;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  min-height: 52px;
  margin-right: 14px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 300;
  display: flex;
}

.div-block-1066 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: block;
}

.div-block-1077 {
  border-top: 1px solid #d6d6d6;
  padding-top: 6px;
  padding-left: 10px;
}

.div-block-1079 {
  vertical-align: top;
  width: 25%;
  padding-top: 10px;
  display: inline-block;
}

.link-block-24 {
  background-image: url('../images/fb_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

.text-319 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-319.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text-319.heading.big {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 34px;
}

.text-319.heading-3 {
  color: #333;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-319.white {
  color: #fff;
}

.text-319.white._14 {
  font-size: 14px;
  line-height: 18px;
}

.div-block-3091 {
  width: 20%;
  padding-right: 10px;
}

.div-block-3091.fb {
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-3091.long {
  width: 32%;
}

.div-block-1106 {
  width: 480px;
  padding: 10px 0 20px 30px;
}

.div-block-1106.columbia {
  padding-bottom: 20px;
  overflow: hidden;
}

.div-block-3092 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.div-block-3093 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 260px;
  display: flex;
}

.link-36 {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.div-block-1089 {
  flex: 0 auto;
  align-items: stretch;
  width: 60%;
  padding: 24px 30px 34px;
}

.div-block-1103 {
  border-top: 1px solid #d6d6d6;
  padding-top: 10px;
}

.div-block-1103.columbia {
  padding-top: 0;
}

.div-block-3094 {
  flex-direction: column;
  align-items: flex-end;
  width: 350px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.link-37 {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

.link-38 {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.link-block-25 {
  background-image: url('../images/fb_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

.link-block-25.ig {
  background-image: url('../images/IG.png');
}

.div-block-1133 {
  width: 20%;
  padding-right: 10px;
}

.div-block-1133.long {
  width: 32%;
}

.div-block-3095 {
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.div-block-1116 {
  flex: 0 auto;
  align-items: stretch;
  width: 60%;
  padding: 24px 30px 34px;
}

.div-block-3096 {
  margin-right: 10px;
}

.div-block-3097 {
  flex-direction: column;
  align-items: flex-end;
  width: 350px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.text-320 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-320.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text-320.heading.big {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 34px;
}

.text-320.white {
  color: #fff;
}

.text-320.white._14 {
  font-size: 14px;
  line-height: 18px;
}

.text-320.heading-3 {
  color: #333;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-1120 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.div-block-3098 {
  width: 480px;
  padding: 10px 0 40px 30px;
}

.div-block-3098.columbia, .div-block-3098.hb {
  padding-bottom: 40px;
}

.div-block-1131 {
  border-top: 1px solid #d6d6d6;
  padding-top: 10px;
}

.div-block-1131.columbia {
  padding-top: 0;
}

.text-321 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-321.heading {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text-321.heading.big {
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 34px;
}

.text-321.white {
  color: #fff;
}

.text-321.white._14 {
  font-size: 14px;
  line-height: 18px;
}

.div-block-1144 {
  flex: 0 auto;
  align-items: stretch;
  width: 60%;
  padding: 24px 30px 34px;
}

.audio-bottom-controls-10 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.item-holder-14 {
  border: 1px solid #0000;
  border-radius: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.item-holder-14:hover {
  border-color: #fff;
}

.item-holder-14.non-movable {
  opacity: .52;
}

.item-holder-14.non-movable:hover {
  border-color: #0000;
}

.reverse-close-button-12 {
  z-index: 99;
  opacity: .54;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.reverse-close-button-12:hover {
  opacity: .86;
}

.modal-content-domain-13 {
  z-index: 3;
  background-color: #155279;
  border: 1px solid #00528c;
  border-bottom-color: #026bb4;
  min-width: 350px;
  max-width: 400px;
  display: block;
  position: absolute;
  inset: 40px auto auto 0;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.open-graph-setting-10 {
  padding-bottom: 10px;
}

.open-graph-setting-10.hidden {
  height: 10px;
  display: none;
}

.loading-row-11 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.remove-21 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-21:hover {
  opacity: 1;
}

.image-521 {
  width: 80px;
  margin-right: 20px;
}

.legend-color-3 {
  background-color: #d45087;
  border-radius: 12px;
  min-width: 16px;
  min-height: 16px;
  margin-top: 2px;
  margin-right: 10px;
}

.legend-color-3._2 {
  background-color: #f95d6a;
}

.legend-color-3._5 {
  background-color: #23c1c1;
}

.legend-color-3._3 {
  background-color: #ff7c43;
}

.legend-color-3._7 {
  background-color: #003f5c;
}

.legend-color-3._6 {
  background-color: #2296c4;
}

.legend-color-3._10 {
  background-color: #a05195;
}

.legend-color-3._9 {
  background-color: #665191;
}

.legend-color-3._4 {
  background-color: #ffa600;
}

.legend-color-3._8 {
  background-color: #2f4b7c;
}

.get-fast-track-img-2 {
  background-image: url('../images/impact2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
}

.greeting-text {
  padding-top: 20px;
}

.category-wrapper-2 {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 20px;
  padding-bottom: 26px;
}

.category-wrapper-2.end {
  border-bottom-style: none;
  padding-bottom: 35px;
}

.link-41 {
  color: #131313;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.italic-text {
  font-weight: 400;
}

.text-323 {
  color: #464646;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.text-323._13 {
  font-size: 13px;
  line-height: 18px;
}

.text-323._13.navy {
  color: #153a62;
}

.text-323._14 {
  color: #153a62;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.text-323._14.semi {
  font-weight: 600;
}

.text-323._16 {
  color: #153a62;
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-323._16.med {
  color: #153a62;
  padding-top: 2px;
  font-weight: 500;
}

.text-323._14-white {
  color: #fff;
  flex: 1;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.text-323._13-navy {
  color: #153a62;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-323._13-navy.semi {
  font-weight: 600;
}

.wheel-section {
  justify-content: center;
  align-items: center;
  min-height: 100px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-3150 {
  background-color: #38b2e6;
  border: 1px solid #38b2e6;
  border-radius: 12px;
  align-items: flex-start;
  margin-top: 20px;
  padding: 15px 40px 25px 20px;
  display: flex;
}

.text-189-copy {
  color: #153a62;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.text-189-copy.center-med-copy {
  text-align: center;
  font-weight: 500;
}

.text-189-copy.center-med-copy.hidden.red {
  color: #ff0004;
}

.div-block-1062-copy {
  flex: 0 auto;
  align-items: stretch;
  width: 70%;
  padding: 25px 30px 20px;
}

.image-522 {
  margin-right: 20px;
}

.wheel-section-wrapper-5 {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 580px;
  min-width: 580px;
  height: 580px;
  margin-top: 30px;
  padding-top: 48px;
  display: flex;
  position: relative;
}

.label-3 {
  color: #153a62;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 90px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  position: absolute;
  top: -8px;
  left: 247px;
}

.label-3._10 {
  top: 44px;
  left: 71px;
}

.label-3._5 {
  top: 476px;
  left: 427px;
}

.label-3._3 {
  top: 193px;
  left: 514px;
}

.label-3._6 {
  top: 535px;
  left: 247px;
}

.label-3._8 {
  top: 340px;
  left: -33px;
}

.label-3._9 {
  top: 193px;
  left: -16px;
}

.label-3._7 {
  width: 119px;
  top: 471px;
  left: 51px;
}

.label-3._4 {
  top: 340px;
  left: 509px;
}

.label-3._2 {
  top: 44px;
  left: 422px;
}

.div-block-3151 {
  background-color: #f5f4fc;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 20px 20px;
  display: flex;
}

.todd-pic {
  background-image: url('../images/about-todd-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 80px;
  min-width: 90px;
  min-height: 90px;
  margin-right: 15px;
}

.text-324 {
  color: #153a62;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.text-324.center-med {
  text-align: center;
  font-weight: 500;
}

._10-form-section {
  background-color: #fff;
  padding: 10px 30px 0;
}

.div-block-3152 {
  justify-content: center;
  display: flex;
}

.list-item-7 {
  color: #153a62;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.list-8 {
  margin-top: 20px;
  padding-left: 20px;
}

.div-block-3153 {
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.header-45 {
  background-color: #153a62;
  border-bottom: 1px #d6d6d6;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 46px;
  padding: 10px 20px;
  transition: background-color .4s;
  display: flex;
}

.header-45:hover {
  opacity: 1;
}

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

.wheel-holder-5 {
  background-color: #f5f4fc;
  background-image: url('../images/spiritual0.png'), url('../images/physical0.png'), url('../images/mindset0.png'), url('../images/family0.png'), url('../images/professional0.png'), url('../images/financial0.png'), url('../images/genius0.png'), url('../images/adventure0.png'), url('../images/love0.png'), url('../images/impact0.png');
  background-position: 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%;
  background-repeat: no-repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: cover, cover, cover, cover, cover, cover, cover, cover, cover, cover;
  background-attachment: scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll;
  border-radius: 480px;
  justify-content: space-between;
  align-items: center;
  width: 480px;
  min-width: 480px;
  height: 479px;
  min-height: 479px;
  transition: all .4s;
  position: relative;
  transform: rotate(0);
}

.rating {
  min-height: 20px;
  margin-top: 14px;
}

.div-block-3154 {
  min-height: 20px;
  margin-top: 5px;
}

.sf-15-med-66 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  transition: color 1s;
}

.sf-15-med-66.white {
  color: #ffffffdb;
}

._7-days--wrapper-10 {
  position: static;
  overflow: auto;
}

.toggle-bar-3 {
  width: 100%;
  display: block;
  position: relative;
}

.textlabel-sf-9 {
  color: #262c46;
  letter-spacing: .2px;
  font-weight: 500;
  line-height: 18px;
}

.time-input-9 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 3px 10px 9px;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.time-input-9.hidden {
  display: none;
}

.ac-default-label-small-88 {
  color: #575757db;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.text-span-214 {
  cursor: pointer;
}

.cal-item-13 {
  z-index: 1;
  background-color: #00b2ed;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  display: block;
  position: static;
  overflow: hidden;
}

.cal-item-13.green {
  clear: none;
  cursor: pointer;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-item-13.grey {
  background-color: #999;
}

.cal-item-13.nonworkout {
  background-color: #0a3a5c;
}

.cal-item-13.green {
  clear: none;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-item-13.red {
  background-color: #e57373;
  padding-right: 4px;
}

.submit-button-36 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-36:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-36.sm {
  min-width: 120px;
  height: 40px;
}

.submit-button-36.sm.outline {
  color: #0078ce;
  background-color: #fff;
  border: 1px solid #0078ce;
}

.submit-button-36.sm.outline:hover {
  background-color: #e6f2ff;
}

.submit-button-36.cancel {
  background-color: #97a4af;
}

.submit-button-36.cancel:hover {
  background-color: #889097;
}

.submit-button-36.large {
  height: 52px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
}

.submit-button-36.red {
  background-color: #ed4444;
}

.submit-button-36.red {
  color: #fff;
  background-color: #ed4444;
}

.submit-button-36.red:hover {
  background-color: #d82424;
}

.audio-player-controls-14 {
  z-index: auto;
  opacity: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-14:hover {
  opacity: 1;
}

.audio-player-controls-14.no-image {
  opacity: 1;
  background-image: url('../images/soundwave.png');
  background-position: 50%;
  background-size: contain;
}

.new-workout-button-9 {
  opacity: .82;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.new-workout-button-9:hover {
  opacity: 1;
}

.search-field-23 {
  color: #a8a1a1;
  background-color: #fff9;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
}

.search-field-23:focus {
  border-color: #00b2ed;
}

.search-field-23::placeholder {
  color: #03294480;
}

.profile-pic-timeline-7 {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: linear-gradient(312deg, #a6e4f8, #68b0e4);
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.profile-pic-timeline-7.search {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
}

.div-block-3221 {
  margin-left: 6px;
  padding-top: 14px;
  display: block;
}

.replied-indicator-bar-3 {
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  display: flex;
}

.replied-indicator-bar-3.hidden {
  display: flex;
}

.chat-message-unit-14 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.sf-13-grey-label-22 {
  color: #8a8a8a;
  cursor: auto;
  padding-top: 0;
  padding-right: 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-772 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-772.semi {
  text-align: left;
  font-weight: 600;
}

.sf-772.white {
  color: #fff;
}

.pace-3 {
  align-items: center;
  margin-left: 22px;
  display: flex;
}

.timeline-sender-12 {
  flex-direction: row;
  align-items: center;
  padding: 14px 25px 14px 14px;
  display: flex;
}

.heart-blue-3 {
  background-image: url('../images/heart-blue_1heart-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 26px;
  height: 26px;
}

.heart-blue-3.empty {
  opacity: .18;
  background-image: url('../images/icon-heart3x_1icon-heart@3x.png');
}

.cardio-image-3 {
  width: 54px;
  min-width: 54px;
}

.social-count-3 {
  align-items: center;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.load-more-4 {
  max-height: 15vh;
}

.div-block-3222 {
  padding-top: 12px;
}

.heart-rate-wrapper-4 {
  background-color: #494949;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: 164px;
  padding-top: 20px;
  padding-left: 40px;
}

.reaction-icon-bar-5 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-5:hover {
  background-color: #eef3f8;
}

.text-span-219 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.image-533 {
  margin-right: 8px;
}

.heart-rate-header-4 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 46px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-3223 {
  height: 6px;
  position: absolute;
}

.div-block-3224 {
  text-align: right;
  width: 36px;
}

.social-label-6 {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-773 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-773.semi {
  font-weight: 600;
}

.sf-773.semi.navy {
  color: #00528c;
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.sf-774 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-774.white {
  color: #fff;
  cursor: default;
}

.div-block-3225 {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: static;
  left: 0;
}

.sf-775 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-775.blue {
  color: #4fc3f7;
}

.sf-775.green {
  color: #b9fd4f;
}

.sf-775.white {
  color: #fff;
}

.volume-bar-11 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.exercise-emoji-3 {
  background-image: url('../images/icon-feedback-toohard-on2x_1icon-feedback-toohard-on@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-right: 6px;
}

.exercise-emoji-3.liked {
  background-image: url('../images/icon-exercise-feedback-like2x_1icon-exercise-feedback-like@2x.png');
}

.exercise-emoji-3.dislike {
  background-image: url('../images/icon-exercise-feedback-dislike2x_1icon-exercise-feedback-dislike@2x.png');
}

.exercise-emoji-3.pain {
  background-image: url('../images/icon-exercise-feedback-pain2x_1icon-exercise-feedback-pain@2x.png');
}

.exercise-emoji-3.too-easy {
  background-image: url('../images/icon-exercise-feedback-tooeasy2x_1icon-exercise-feedback-tooeasy@2x.png');
}

.mark-done-layer-5 {
  z-index: 5;
  opacity: 0;
  background-image: linear-gradient(270deg, #f0f7fccf 9%, #fff0 20%);
  justify-content: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0%;
}

.mark-done-layer-5:hover {
  opacity: 1;
}

.sf-776 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-span-220 {
  font-weight: 400;
}

.close-icon-4 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close-icon-4:hover {
  background-color: #dbebfa;
}

.close-icon-4.right {
  margin-left: 0;
  margin-right: 8px;
  display: none;
  inset: 0% 0% auto auto;
}

.div-block-3226 {
  margin-left: 10px;
}

.feedback-detail-3 {
  min-width: 200px;
  height: auto;
  margin-left: 16px;
}

.plan-button-div-9 {
  justify-content: center;
  display: flex;
  position: relative;
}

.results-wrapper-messages-5 {
  z-index: 102;
  background-color: #fff;
  border: 1px solid #b0dcfc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: 1;
  width: 100%;
  height: 80vh;
  display: block;
  position: static;
  overflow: scroll;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-777 {
  color: #313131;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.sf-777.semi {
  font-weight: 600;
}

.sf-777.semi.white {
  color: #fff;
}

.sf-777.semi.white.center {
  text-align: center;
  text-shadow: 0 1px 6px #000;
}

.sf-777.label {
  width: 100px;
}

.gradient-overlay-4 {
  z-index: 2;
  background-image: linear-gradient(#0009, #0000 56%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sf-778 {
  color: #313131;
  text-align: left;
  margin-top: -12px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.search-top-section-2 {
  z-index: 1400;
  background-color: #ebf0f3;
  width: 100vw;
  height: 120px;
  padding: 40px 25px 20px;
  display: block;
  position: fixed;
  top: 0;
}

.item-header-copy-9 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.program-alert-content-3 {
  padding-top: 6px;
  padding-left: 14px;
}

.exercise-thumb-6 {
  background-image: url('../images/Screen-Shot-2018-12-11-at-12.35.54-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  display: none;
}

.workout-name-div-8 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.div-block-3227 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.workout-stats-3 {
  padding-top: 4px;
  padding-left: 54px;
}

.play-icon-18 {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.social-section-4 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.audio-bottom-controls-12 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.workout-item-play-3 {
  opacity: .7;
  align-items: center;
  display: flex;
}

.workout-item-play-3:hover {
  opacity: 1;
}

.text-span-221 {
  padding-left: 6px;
}

.item-header-copy-10 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.timeline-post-11 {
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 11px #0000001f;
}

.timeline-post-11.empty {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  display: block;
}

.feedback-workout-exercise-3 {
  border-top: 2px solid #efeeee;
  border-bottom: 2px #efeeee;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.app-workout-container-8 {
  background-image: url('../images/jagoda2.jpg'), linear-gradient(#494949, #494949);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 320px;
  min-height: 0;
  display: none;
  position: relative;
}

.text-span-222 {
  color: #313131;
  font-size: 14px;
}

.post-header-31 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.sf-779 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-779.semi {
  font-weight: 600;
}

.sf-780 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-780.center {
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.sf-781 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.sf-781.white {
  color: #fff;
  font-weight: 400;
}

.sf-781.grey {
  color: #838383;
}

.icon-save-3 {
  opacity: .6;
  background-image: url('../images/download-1_1download (1).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.div-block-3228 {
  margin-bottom: 6px;
  padding-left: 10px;
}

.div-block-3229 {
  display: none;
}

.sf-782 {
  font-family: Sf ui text, sans-serif;
  font-size: 34px;
  line-height: 42px;
}

.sf-782.blue {
  color: #4fc3f7;
}

.sf-782.semi {
  font-weight: 600;
}

.sf-782.semi.white {
  color: #fff;
}

.sf-782.semi.white.center {
  text-align: center;
}

.sf-782.green {
  color: #b9fd4f;
}

.message-holder-14 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 28px;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.sf-783 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-783.white {
  color: #fff;
}

.sf-783.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-783.blue:hover {
  opacity: 1;
}

.sf-783.social {
  color: #aaa;
  font-size: 15px;
  font-weight: 600;
}

.sf-783.social:hover {
  color: #7c7c7c;
}

.sf-783.grey {
  color: #8a8a8a;
  font-size: 14px;
}

.timeline-reminder-section-3 {
  background-color: #f1f9fc;
  border-top: 1px solid #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 30px;
}

.sf-784 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-784.navy {
  color: #00528c;
}

.sf-784.white {
  color: #fff;
}

.image-534 {
  margin-right: 10px;
}

.request-response-bar-3 {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.heart-rate-display-4 {
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.message-detail-pane-2-copy {
  z-index: 100;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 50vw;
  height: 80vh;
  min-height: 200px;
  margin-top: 180px;
  padding: 40px 40px 60px;
  display: block;
  position: relative;
  overflow: auto;
}

.message-list-wrapper-2 {
  flex: 0 auto;
  width: 40vw;
  min-width: 40vw;
  max-width: 40vw;
  height: 85vh;
  margin-top: 20vh;
  overflow: auto;
}

.sf-785 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.sf-785.white {
  color: #fff;
}

.sf-785.white.label {
  color: #ffffffd6;
  text-align: center;
  letter-spacing: 1px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.ac-default-label-small-89 {
  color: #345770;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.ac-default-label-small-89.large {
  color: #7e7e7e;
  white-space: nowrap;
  height: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.heart-3 {
  width: 42px;
  margin-right: 14px;
}

.sf-786 {
  color: #333;
  letter-spacing: -.1px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.sf-786.blue {
  color: #00b2ed;
  line-height: 17px;
}

.timeline-media-29 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.post-header-32 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.heart-holder-3 {
  align-items: center;
  padding-top: 2px;
  padding-right: 0;
  display: none;
}

.heart-holder-3.hidden {
  display: flex;
}

.feedback-exercise-name-wrapper-3 {
  min-width: 200px;
  max-width: 380px;
  height: auto;
  margin-left: 10px;
}

.sf-787 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-787.white {
  color: #fff;
  line-height: 18px;
  transition: background-color .2s;
}

.sf-787.white.tran {
  color: #ffffffcf;
}

.sf-787.semi {
  opacity: 1;
  font-weight: 600;
}

.sf-787.semi.gray {
  color: #7596ac;
}

.message-search-wrapper-5 {
  z-index: auto;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

.div-block-3230 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-initials-36 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.volume-control-10 {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.audio-player-controls-15 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-15:hover, .audio-player-controls-15.no-image {
  opacity: 1;
}

.unopened-dot-4 {
  z-index: 2;
  color: #fff;
  background-color: #156ada;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.sf-15-med-70 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-70.navy {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
}

.request-icon-3 {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.div-block-3231 {
  margin-left: 14px;
  padding-top: 6px;
  overflow: hidden;
}

.action-button-40 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-40:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-40.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-40.submit-form:hover {
  background-color: #00528c;
}

.results-scroller-messages-3 {
  z-index: 14;
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  height: 100vh;
  display: none;
  position: static;
  overflow: visible;
}

.div-block-3232 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  display: block;
}

.sf-788 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 13px;
}

.sf-788.exercise-label {
  color: #8f8f8f;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}

.distance-pace-3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.bodycomp-request-input-wrapper-2 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
}

.text-initials-37 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.completed-workout-wrapper-4 {
  cursor: pointer;
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
  width: auto;
  height: auto;
}

.ac-default-label-small-90 {
  color: #345770;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.ac-default-label-small-90.large {
  color: #7e7e7e;
  white-space: nowrap;
  height: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.social-icon-3 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-3.like.selected-lg {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-3.dislike {
  background-image: url('../images/icon-social-dislike-outline2x_1icon-social-dislike-outline@2x.png');
}

.social-icon-3.dislike.selected-lg {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-3.wow {
  background-image: url('../images/icon-social-wow-outline2x_1icon-social-wow-outline@2x.png');
}

.social-icon-3.wow.selected-lg {
  background-image: url('../images/icon-social-wow-color2x_1icon-social-wow-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-3.high-five {
  background-image: url('../images/icon-social-highfive-outline_1icon-social-highfive-outline.png');
  background-size: 30px;
}

.sf-15-med-71 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-71.blue {
  color: #00b2ed;
}

.sf-789 {
  color: #3f3f3f;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.sf-789.white {
  color: #fff;
}

.sf-789.white.opacity {
  color: #ffffffd6;
}

.time-bar-16 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.social-icon-bar-3 {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.message-search-wrapper-2-copy {
  z-index: auto;
  flex-direction: column;
  width: 100%;
  height: 80px;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.message-section-outer-wrapper-2 {
  display: block;
  position: fixed;
}

.timeline-action-bar-10 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px;
  display: flex;
  position: relative;
  bottom: 0;
}

.sf-14-regular-23 {
  color: #313131;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-790 {
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-790.white {
  color: #fff;
}

.action-button-41 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-41:hover {
  color: #fff;
  background-color: #0d72b9;
}

.bodycomp-measurements-section-2 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
}

.sf-791 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.sf-791.a {
  color: red;
}

.sf-791.a.b {
  color: #444;
}

.sf-791.semi {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.message-list-3 {
  z-index: 100;
  background-color: #fafafa;
  flex-direction: column;
  align-items: stretch;
  height: 100vh;
  max-height: 100vh;
  padding-top: 20px;
  padding-bottom: 60px;
  display: none;
  position: relative;
  overflow: auto;
}

.image-535 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.unit-holder-3 {
  width: 34px;
  padding-left: 8px;
}

.workout-container-5 {
  background-image: linear-gradient(#494949, #494949);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 240px;
  padding: 24px 32px 24px 20px;
  display: flex;
}

.sf-792 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 13px;
  display: flex;
}

.sf-792.grey {
  color: #8f8f8f;
  font-size: 13px;
}

.sf-792.hidden {
  display: block;
}

.image-536 {
  filter: invert();
  position: relative;
}

.empty-no-results-text-2 {
  margin-top: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 10px;
}

.profile-pic-timeline-8 {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: linear-gradient(312deg, #a6e4f8, #68b0e4);
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.profile-pic-timeline-8.search {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
}

.profile-pic-timeline-8.group {
  background-image: url('../images/group-w.png'), linear-gradient(312deg, #a6e4f8, #68b0e4);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 32px, auto;
}

.image-537 {
  margin-right: 7px;
}

.item-side-layout-4 {
  border-top: 2px #efeeee;
  border-bottom: 2px #efeeee;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 14px 10px 20px;
  display: flex;
  position: relative;
}

.checkbox-22 {
  margin-top: 6px;
}

.sf-15-med-72 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-72.navy {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
}

.media-toggle-bar-9 {
  cursor: pointer;
  border-width: 1px;
  border-color: #0f81d1;
  align-items: flex-start;
  height: 46px;
  display: flex;
}

.media-thumb-14 {
  background-image: url('../images/mara-pilates.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 40px;
}

.media-thumb-14.library {
  width: 64px;
  height: 64px;
  display: block;
}

.ribbon-exercise-label-5 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
}

.countdown-wrapper-6 {
  padding-top: 2%;
  padding-right: 1%;
}

.compliance-toggle-wrapper-2 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: none;
}

.submit-button-small-30 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-30:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-30.cancel {
  background-color: #97a4af;
}

.submit-button-small-30.cancel:hover {
  background-color: #8c959c;
}

.submit-button-small-30.email {
  background-color: #00b2edcc;
  width: 120px;
  height: 40px;
}

.submit-button-small-30.email:hover {
  background-color: #00b2ede6;
}

.text-label-countdown-9 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.play-icon-19 {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.media-preview-11 {
  background-color: #a7a7a7;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.social-label-7 {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.results-holder-52 {
  z-index: 101;
  display: none;
  position: relative;
  overflow: visible;
}

.player-workoutname-7 {
  align-self: center;
  align-items: flex-end;
  display: flex;
}

.upload-img-copy-8 {
  width: 106px;
  margin-left: 100px;
  margin-right: 100px;
}

.sf-15-med-76 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  transition: color 1s;
}

.reaction-icon-bar-6 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-6:hover {
  background-color: #eef3f8;
}

.social-section-5 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.social-icon-4 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-4.dislike {
  background-image: url('../images/icon-social-dislike-outline2x_1icon-social-dislike-outline@2x.png');
}

.social-icon-4.dislike.selected-lg {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-4.like.selected-lg {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-4.like.selected {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
}

.social-icon-4.wow {
  background-image: url('../images/icon-social-wow-outline2x_1icon-social-wow-outline@2x.png');
}

.social-icon-4.wow.selected-lg {
  background-image: url('../images/icon-social-wow-color2x_1icon-social-wow-color@2x.png');
  background-size: 44px;
  width: 44px;
  height: 44px;
}

.social-icon-4.high-five {
  background-image: url('../images/icon-social-highfive-outline_1icon-social-highfive-outline.png');
  background-size: 30px;
}

.sf-14-regular-24 {
  color: #313131;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.heart-blue-4 {
  background-image: url('../images/heart-blue_1heart-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  flex-direction: column;
  flex: 0 auto;
  width: 26px;
  height: 26px;
  display: flex;
}

.heart-blue-4.empty {
  opacity: .18;
  background-image: url('../images/icon-heart3x_1icon-heart@3x.png');
}

.cardio-image-4 {
  width: 54px;
  min-width: 54px;
}

.request-icon-4 {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.sf-857 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 13px;
  display: flex;
}

.sf-857.hidden {
  display: block;
}

.sf-857.grey {
  color: #8f8f8f;
  font-size: 13px;
}

.image-561 {
  margin-right: 10px;
}

.sf-858 {
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-858.white {
  color: #fff;
}

.sf-859 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.div-block-3357 {
  text-align: right;
  width: 36px;
}

.sf-860 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.sf-860.white {
  color: #fff;
  font-weight: 400;
}

.div-block-3358 {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: static;
  left: 0;
}

.message-area-2 {
  flex: 1;
  height: 100099vh;
  display: block;
}

.social-label-10 {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-14-regular-26 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-861 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.sf-861.white {
  color: #fff;
}

.sf-861.white.label {
  color: #ffffffd6;
  text-align: center;
  letter-spacing: 1px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.workout-name-div-10 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.mark-done-layer-6 {
  z-index: 5;
  opacity: 0;
  background-image: linear-gradient(270deg, #f0f7fccf 9%, #fff0 20%);
  justify-content: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 10px;
  display: none;
  position: absolute;
  inset: 0%;
}

.mark-done-layer-6:hover {
  opacity: 1;
}

.sf-862 {
  color: #333;
  letter-spacing: -.1px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.sf-862.blue {
  color: #00b2ed;
  line-height: 17px;
}

.image-562 {
  filter: invert();
  position: relative;
}

.speed-option-25 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-25:hover {
  color: #fff;
  background-color: #353535;
}

.feedback-detail-5 {
  min-width: 200px;
  height: auto;
  margin-left: 16px;
}

.workout-item-play-5 {
  opacity: .7;
  align-items: center;
  display: flex;
}

.workout-item-play-5:hover {
  opacity: 1;
}

.text-span-232 {
  display: inline;
}

.sf-863 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-863.semi {
  font-weight: 600;
}

.sf-863.semi.navy {
  color: #00528c;
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.audio-player-controls-20 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-20:hover, .audio-player-controls-20.no-image {
  opacity: 1;
}

.sf-864 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-864.semi {
  font-weight: 600;
}

.close-icon-6 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close-icon-6:hover {
  background-color: #dbebfa;
}

.close-icon-6.right {
  margin-left: 0;
  margin-right: 8px;
  display: none;
  inset: 0% 0% auto auto;
}

.request-icon-5 {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 6px;
}

.item-header-copy-14 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.plan-button-div-12 {
  justify-content: center;
  display: flex;
  position: relative;
}

.timeline-action-bar-14 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px;
  display: flex;
  position: relative;
  bottom: 0;
}

.message-holder-17 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 28px;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.heart-holder-5 {
  align-items: center;
  padding-top: 2px;
  padding-right: 0;
  display: none;
}

.heart-holder-5.hidden {
  display: flex;
}

.sf-15-med-79 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  transition: color 1s;
}

.sf-15-med-79.white {
  color: #ffffffdb;
}

.div-block-3359 {
  margin-left: 10px;
}

.sf-15-med-80 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-80.blue {
  color: #00b2ed;
}

.exercise-emoji-5 {
  background-image: url('../images/icon-feedback-toohard-on2x_1icon-feedback-toohard-on@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-right: 6px;
}

.exercise-emoji-5.dislike {
  background-image: url('../images/icon-exercise-feedback-dislike2x_1icon-exercise-feedback-dislike@2x.png');
}

.exercise-emoji-5.liked {
  background-image: url('../images/icon-exercise-feedback-like2x_1icon-exercise-feedback-like@2x.png');
}

.exercise-emoji-5.pain {
  background-image: url('../images/icon-exercise-feedback-pain2x_1icon-exercise-feedback-pain@2x.png');
}

.exercise-emoji-5.too-easy {
  background-image: url('../images/icon-exercise-feedback-tooeasy2x_1icon-exercise-feedback-tooeasy@2x.png');
}

.exercise-thumb-8 {
  background-image: url('../images/Screen-Shot-2018-12-11-at-12.35.54-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  display: none;
}

.image-563 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sf-865 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-865.semi {
  text-align: left;
  font-weight: 600;
}

.div-block-3360 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sf-866 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-866.white {
  color: #fff;
  cursor: default;
}

.message-item-holder-3 {
  width: 90%;
  min-width: 512px;
  max-width: 700px;
  display: block;
  position: relative;
}

.message-item-holder-3.narrow {
  width: 100%;
  min-width: 400px;
}

.div-block-3361 {
  margin-left: 14px;
  padding-top: 6px;
  overflow: hidden;
}

.messages-preview-holder-2 {
  object-fit: contain;
  width: 40vw;
  position: relative;
  overflow: hidden;
}

.timeline-sender-15 {
  flex-direction: row;
  align-items: center;
  padding: 14px 25px 14px 14px;
  display: flex;
}

.timeline-media-33 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.results-wrapper-messages-3-copy {
  z-index: 102;
  object-fit: contain;
  background-color: #fff;
  border: 0 solid #b0dcfc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: 1;
  width: 100%;
  height: 100vh;
  display: block;
  position: static;
  box-shadow: 3px 3px 13px 1px #0003;
}

.unit-holder-5 {
  width: 34px;
  padding-left: 8px;
}

.pace-5 {
  align-items: center;
  margin-left: 22px;
  display: flex;
}

.post-header-37 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.sf-867 {
  color: #313131;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.sf-867.label {
  width: 100px;
}

.sf-867.semi {
  font-weight: 600;
}

.sf-867.semi.white {
  color: #fff;
}

.sf-867.semi.white.center {
  text-align: center;
  text-shadow: 0 1px 6px #000;
}

.message-search-wrapper-6 {
  z-index: auto;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

.timeline-post-14 {
  background-color: #fff;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 11px #0000001f;
}

.timeline-post-14.hidden {
  display: block;
}

.timeline-post-14.empty {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  display: block;
}

.timeline-post-14.selected {
  border: 2px solid #3874ea;
  border-radius: 8px;
}

.volume-control-14 {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.audio-bottom-controls-16 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.feedback-exercise-name-wrapper-5 {
  min-width: 200px;
  max-width: 380px;
  height: auto;
  margin-left: 10px;
}

.unopened-dot-5 {
  z-index: 2;
  color: #fff;
  background-color: #156ada;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.unopened-dot-5.hidden {
  display: none;
}

.div-block-3362 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  display: block;
}

.div-block-3363 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.div-block-3364 {
  margin-left: 6px;
  padding-top: 14px;
  display: block;
}

.text-initials-41 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.ac-default-label-small-97 {
  color: #345770;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.ac-default-label-small-97.large {
  color: #7e7e7e;
  white-space: nowrap;
  height: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.sf-868 {
  color: #313131;
  text-align: left;
  margin-top: -12px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.div-block-3365 {
  padding-top: 12px;
}

.workout-stats-5 {
  padding-top: 4px;
  padding-left: 54px;
}

.image-564 {
  margin-right: 8px;
}

.sf-869 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 13px;
}

.sf-869.exercise-label {
  color: #8f8f8f;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}

.time-bar-20 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.completed-workout-wrapper-6 {
  cursor: pointer;
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
  width: auto;
  height: auto;
}

.results-wrapper-messages-copy-2 {
  z-index: 102;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #b0dcfc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: 1;
  width: 100%;
  height: 100vh;
  display: block;
  position: static;
  overflow: auto;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-870 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-870.center {
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.icon-save-6 {
  opacity: .6;
  background-image: url('../images/download-1_1download (1).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.sf-871 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.sf-871.semi {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.sf-871.a {
  color: red;
}

.sf-871.a.b {
  color: #444;
}

.sf-872 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-872.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-872.blue:hover {
  opacity: 1;
}

.sf-872.social {
  color: #aaa;
  font-size: 15px;
  font-weight: 600;
}

.sf-872.social:hover {
  color: #7c7c7c;
}

.sf-872.grey {
  color: #8a8a8a;
  font-size: 14px;
}

.sf-872.white {
  color: #fff;
}

.text-span-233 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.action-button-49 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-49:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-49.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-49.submit-form:hover {
  background-color: #00528c;
}

.sf-873 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-873.navy {
  color: #00528c;
}

.sf-873.white {
  color: #fff;
}

.div-block-3366 {
  height: 6px;
  position: absolute;
}

.action-button-50 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-50:hover {
  color: #fff;
  background-color: #0d72b9;
}

.sf-874 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-874.semi {
  opacity: 1;
  font-weight: 600;
}

.sf-874.semi.gray {
  color: #7596ac;
}

.workout-container-7 {
  background-image: linear-gradient(#494949, #494949);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 240px;
  padding: 24px 32px 24px 20px;
  display: flex;
}

.text-span-234 {
  font-weight: 400;
}

.social-count-6 {
  align-items: center;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.gradient-overlay-6 {
  z-index: 2;
  background-image: linear-gradient(#0009, #0000 56%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-3367 {
  display: none;
}

.volume-bar-16 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.sf-13-grey-label-25 {
  color: #8a8a8a;
  cursor: auto;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-875 {
  font-family: Sf ui text, sans-serif;
  font-size: 34px;
  line-height: 42px;
}

.sf-875.green {
  color: #b9fd4f;
}

.sf-875.semi {
  font-weight: 600;
}

.sf-875.semi.white {
  color: #fff;
}

.sf-875.semi.white.center {
  text-align: center;
}

.sf-875.blue {
  color: #4fc3f7;
}

.sf-876 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-876.white {
  color: #fff;
}

.sf-876.blue {
  color: #4fc3f7;
}

.sf-876.green {
  color: #b9fd4f;
}

.collaborate-button-2 {
  opacity: .72;
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #fffc;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-right: 14px;
  padding-left: 14px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.collaborate-button-2:hover {
  opacity: .88;
  background-color: #315e7a;
}

.collaborate-button-2.hidden {
  display: flex;
}

.exercise-button-holder {
  border-top: 1px solid #d8d8d8;
  border-bottom-right-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.tile-thumb-12 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 74px;
  position: relative;
}

.tile-thumb-12.audio {
  background-image: url('../images/sound.png');
}

.message-holder-18 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.header-element-holder-15 {
  z-index: 25;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.chat-message-unit-16 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.right-client-overlay-11 {
  opacity: 0;
  background-image: linear-gradient(to right, #fff0 39%, #ffffffa3 68%, #fff 93%);
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.right-client-overlay-11:hover {
  opacity: 1;
}

.profile-pic-timeline-9 {
  background-color: #87c2e9;
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.modal-exercise-editor {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.edit-exercise-outerwrapper {
  z-index: 1000;
  background-color: #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  display: block;
  position: static;
  inset: 0% 0% 0% auto;
}

.audio-component-18 {
  background-color: #eef1f3;
  align-items: center;
  width: 100%;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.program-editor-10 {
  display: block;
}

.upload-button-holder-7-copy {
  align-items: flex-start;
  height: auto;
  margin-top: 6px;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.afewa-3 {
  cursor: pointer;
  margin-top: 3px;
}

.tile-tall-24 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-24:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-24.small {
  clear: left;
  cursor: grab;
  width: 100px;
  height: 112px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.program-options-button-2 {
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/icon-more_1icon-more.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-right: 14px;
  padding-left: 14px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.program-options-button-2:hover {
  background-color: #315e7a;
}

.workout-text-11 {
  width: 206px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  overflow: visible;
}

.icon-edit-exercise {
  background-color: #0000008c;
  background-image: url('../images/edit2_1edit2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #ffffffab;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 3px 3px auto auto;
}

.icon-edit-exercise:hover {
  background-color: #000;
}

.speed-option-26 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-26:hover {
  color: #fff;
  background-color: #353535;
}

.block-7-19 {
  flex: 1;
  align-items: center;
  min-width: 100px;
  margin-left: 56px;
  padding-left: 10px;
  display: flex;
}

.edit-exercise-inner-wrapper {
  z-index: 1000;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: auto;
}

.message-title-type-2 {
  white-space: nowrap;
  align-items: flex-start;
  display: flex;
}

.team-name {
  margin-left: 15px;
  padding-top: 3px;
  padding-bottom: 6px;
}

.sf-14-regular-28 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-28.grey {
  color: #7a7a7a;
}

.sf-14-regular-28.semi-blue {
  color: #2e76d2;
  font-weight: 600;
}

.sf-14-regular-28.semi-copy {
  color: #2e2e2e;
  font-weight: 600;
  line-height: 18px;
}

.sf-14-regular-28.white {
  color: #ffffffdb;
}

.sf-14-regular-28.bold-white {
  color: #ffffffdb;
  font-weight: 600;
}

.sf-14-regular-28.semi {
  color: #2e2e2e;
  font-weight: 600;
  line-height: 17px;
}

.sf-14-regular-28.semi.italic {
  font-style: italic;
}

.sf-14-regular-28.semi.red {
  color: red;
}

.team-name-right {
  background-color: #ebf4ff;
  border: 1px solid #c9dceb;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: sticky;
  top: 0;
}

.close-icon-7 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon-7:hover {
  background-color: #dbebfa;
}

.rank-3 {
  color: #268ed8;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-right: 10px;
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.rank-3.third {
  color: #8d7048;
  background-color: #c5a96c;
  background-image: linear-gradient(49deg, #b9923e, #f5dca8 50%, #d3b26d);
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.rank-3.second {
  color: #677f8d;
  background-color: #adadad;
  background-image: linear-gradient(42deg, #7a8a94, #dde4eb 50%, #9dadb9 99%);
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.rank-3.first, .rank-3._1st {
  color: #b47903;
  background-color: #fac960;
  background-image: linear-gradient(62deg, #ffbe33, #ffeab5 53%, #eeb232);
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.rank-3._3rd {
  color: #8d7048;
  background-color: #c5a96c;
  background-image: linear-gradient(49deg, #b9923e, #f5dca8 50%, #d3b26d);
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.rank-3._2nd {
  color: #677f8d;
  background-color: #adadad;
  background-image: linear-gradient(42deg, #7a8a94, #dde4eb 50%, #9dadb9 99%);
  font-family: Sf ui display, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.scoreboard-header-row-2 {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 15px 12px 10px 15px;
  display: flex;
  position: relative;
}

.day-view-display {
  cursor: pointer;
  border-top: 1px solid #cfe2f0;
  border-bottom-width: 1px;
  border-bottom-color: #cfe2f0;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding: 14px 20px 8px 10px;
  display: flex;
}

.day-view-display:hover {
  background-color: #f5f7fa;
}

.challenge-participant-wrapper-copy {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-left: 20px;
  display: flex;
}

.participants {
  width: 520px;
  padding-top: 10px;
}

.right-wrapper-2 {
  background-color: #092b5599;
  flex: 1;
  height: 100vh;
  display: block;
  overflow: auto;
}

.score-detail-item {
  text-align: left;
  border: 1px #c9dceb;
  border-bottom-style: solid;
  min-height: 40px;
  padding: 15px 5px;
}

.div-block-1289-copy {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.thread-example-copy {
  width: 90%;
  min-width: 512px;
  max-width: 700px;
  position: relative;
}

.thread-example-copy.hidden {
  display: none;
}

.image-577 {
  margin-right: 7px;
}

.checkbox-field-66 {
  min-width: 90px;
  margin-right: 24px;
  padding-bottom: 5px;
  display: inline-block;
}

.div-block-3449 {
  padding-right: 5px;
}

.text-field-40 {
  text-align: center;
  width: 66px;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 5px 2px 5px 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.form-block-88 {
  margin-bottom: 0;
}

.modal-container-26 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.select-field-21 {
  color: #4d4d4d;
  background-color: #fff;
  width: 180px;
  margin-bottom: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.alert-holder-2 {
  align-items: center;
  width: 100%;
  min-width: 840px;
  max-width: 1200px;
  display: block;
  position: relative;
}

.sf-906 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-906.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.sf-906.semi {
  color: #313131;
  font-weight: 600;
}

.div-block-1407-copy {
  margin-right: 40px;
  padding-top: 25px;
  padding-bottom: 10px;
}

.date-input-18 {
  background-color: #fff;
  border: 1px solid #cecece;
  align-items: center;
  width: 166px;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.div-block-3450 {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
}

.sf-907 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-907.center {
  text-align: center;
}

.text-span-243 {
  font-weight: 600;
}

.sf-13-grey-label-27 {
  color: #a0a0a0;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.div-block-3451 {
  text-align: right;
  margin-left: auto;
}

.modal-header-9 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.div-block-3452 {
  opacity: .59;
  background-color: #fff2a9;
  justify-content: center;
  align-items: center;
  height: 240px;
  display: flex;
}

.modal-content-leads-20 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.submit-button-area-31 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.submit-button-area-31.tran {
  background-color: #0000;
}

.div-block-3453 {
  margin-left: 10px;
}

.modal-content-leads-21 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-3454 {
  padding-bottom: 30px;
}

.image-578 {
  opacity: .54;
  margin-right: 4px;
}

.div-block-3455 {
  justify-content: flex-end;
  margin-top: 10px;
  padding-right: 5px;
  display: flex;
}

.modalclosediv-42 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.challenge-user-button-grey-2 {
  background-color: #0000;
  border-radius: 6px;
  order: 1;
  align-items: center;
  margin-bottom: 10px;
  padding: 4px;
  display: flex;
}

.challenge-user-button-grey-2:hover {
  color: #00396b;
  background-color: #e4e4e4;
}

.image-579 {
  margin-right: 6px;
}

.div-block-3456 {
  align-items: center;
  padding-bottom: 6px;
  display: flex;
}

.sf-908 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-908.med {
  font-weight: 500;
}

.sf-908.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-3457 {
  border-bottom: 1px solid #cfe2f0;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding: 14px 20px 10px 10px;
  display: flex;
}

.sf-909 {
  color: #313131;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.form-label-column-participant-14 {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  padding-left: 15px;
  display: flex;
}

.div-block-3458 {
  padding: 20px;
}

.small-text-24 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-24.view-all {
  text-transform: none;
}

.text-span-244 {
  color: #313131;
  font-weight: 600;
}

.div-block-3459 {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.form-77 {
  display: flex;
  position: relative;
}

.sf-15-semi-7 {
  color: #313131;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-3460 {
  flex-flow: column;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sf-910 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-910.med-grey {
  color: #455b6b;
  font-weight: 500;
}

.challenge-participant-wrapper-6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
}

.button-scoreboard-6 {
  color: #1679cf;
  background-color: #0000;
  background-image: url('../images/scoreboard-icon_1scoreboard-icon.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #1679cf;
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px 16px 8px 34px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.button-scoreboard-6:hover {
  color: #1679cf;
  background-color: #a2ddff26;
}

.div-block-3461 {
  padding-top: 3px;
  padding-left: 5px;
}

.sf-911 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-911.semi {
  text-align: left;
  font-weight: 600;
}

.div-block-3462 {
  padding-top: 20px;
}

.header-row-6 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.header-row-6:hover {
  background-color: #ebebeb;
}

.header-row-6.team-name-row {
  z-index: 2;
  background-color: #dcedff;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 6px 0 6px 10px;
}

.header-row-6.user-header-row-2 {
  z-index: 2;
  background-color: #ecf8ff;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 36px;
  padding-right: 0;
}

.fee-input {
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.sf-912 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-912.dark-grey {
  color: #4d4d4d;
}

.text-initials-45 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sf-14-grey-label-19 {
  color: #868686;
  padding-top: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.modal-content-leads-22 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.sf-913 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-913.center {
  text-align: center;
}

.challenge-inner-wrapper-2 {
  background-color: #fdfdfd;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-3463 {
  text-align: left;
}

.select-field-22 {
  color: #414141;
  background-color: #f5f5f5;
  width: 160px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.select-field-22.short {
  width: 100px;
  font-size: 16px;
}

.div-block-3464 {
  opacity: .6;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.div-block-3464:hover {
  opacity: 1;
  background-color: #e7ebff;
}

.form-block-89 {
  margin-bottom: 0;
}

.div-block-3465 {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}

.div-block-3466 {
  padding: 20px;
}

.div-block-3467 {
  align-items: center;
  padding: 2px 6px 2px 4px;
  display: flex;
}

.div-block-3467.grey {
  background-color: #d6d6d6;
}

.div-block-3468 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
  padding: 15px 20px 20px;
  position: relative;
}

.div-block-3469 {
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.sf-15-med-83 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-3470 {
  background-color: #f0f6ff;
  padding: 6px 25px 10px;
}

.participant-team-wrapper {
  width: 100%;
  min-width: 1000px;
  max-width: 1200px;
  height: auto;
  margin-bottom: 10px;
  display: block;
  position: relative;
  overflow: auto;
}

.image-580 {
  margin-right: 4px;
}

.text-field-41 {
  border-width: 1px;
  border-color: #0000;
  height: 49px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
}

.text-field-41::placeholder {
  color: #b8b8b8;
}

.date-input-19 {
  text-align: right;
  background-color: #fff;
  border: 1px solid #bbb;
  justify-content: flex-end;
  align-items: center;
  width: 164px;
  height: 40px;
  margin-left: 10px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.text-span-245 {
  font-weight: 600;
}

.checkbox-field-67 {
  margin-top: 10px;
  padding-left: 20px;
}

.label-sf-19 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-19.med {
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

.submit-button-small-34 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-34:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-34.cancel {
  background-color: #97a4af;
}

.submit-button-small-34.cancel:hover {
  background-color: #889097;
}

.link-block-27 {
  background-color: #edfbff;
  border: 1px solid #8ac7f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 15px;
  display: flex;
}

.link-block-27:hover {
  color: #dbebfa;
  background-color: #ceecff;
}

.sf-914 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-914.center {
  text-align: center;
}

.sf-915 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-915.bold {
  font-weight: 700;
}

.table-row-wrapper-5 {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
}

.div-block-3471 {
  display: flex;
  position: relative;
}

.tungsgen-25-2 {
  color: #292929;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: Tungsten, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1em;
}

.modal-content-leads-23 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 95vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-3472 {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3473 {
  flex-direction: column;
  padding-left: 4px;
  padding-right: 25px;
  display: inline-block;
}

.div-block-3474 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.modal-edit-particpant-5 {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-initials-46 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.div-block-3475 {
  padding: 20px;
}

.textlink-sm-9 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  display: inline-block;
}

.textlink-sm-9:hover {
  color: #00b2ed;
}

.text-span-246 {
  color: #313131;
  font-weight: 600;
}

.form-label-column-participant-15 {
  align-items: center;
  width: 40%;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.sf-916 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-916.dark-grey {
  color: #4d4d4d;
}

.modal-top-bar-51 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.sf-15-med-84 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.settings-row-9 {
  width: 100%;
  margin-top: 0;
  padding: 25px 0 10px;
}

.poppins-label-3 {
  color: #000000b8;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.poppins-label-3.bold {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.text-span-247 {
  font-weight: 600;
}

.sf-15-med-85 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-917 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-917.semi {
  text-align: left;
  font-weight: 600;
}

.div-block-3476 {
  align-items: center;
  padding-top: 35px;
}

.sf-918 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-918.center {
  text-align: center;
}

.div-block-3477 {
  opacity: .53;
  padding-left: 10px;
}

.div-block-3478 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3479 {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 8px;
  padding-bottom: 24px;
}

.poppins-body-text-23 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.sf-919 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-919.center {
  text-align: center;
}

.div-block-3480 {
  align-items: center;
  padding-top: 3px;
  padding-bottom: 0;
  display: flex;
}

.inputfield-13 {
  color: #312b3de3;
  text-align: right;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-13.number {
  text-align: right;
  width: 80px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 6px;
  display: inline-block;
}

.challenge-user-button-grey-4 {
  background-color: #0000;
  border-radius: 6px;
  order: 1;
  align-items: center;
  margin-bottom: 10px;
  padding: 4px;
  display: flex;
}

.challenge-user-button-grey-4:hover {
  color: #00396b;
  background-color: #e4e4e4;
}

.page-templates-container {
  display: block;
}

.name-input-4 {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.name-input-4::placeholder {
  color: #8d8d8d;
}

.table-middle-section-wrapper {
  z-index: 2;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.total-column {
  border-left: 1px solid #bac6ce;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: stretch;
  display: block;
}

.ac-icon-31 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-31.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.tag-content-41 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-41.small {
  align-items: center;
  max-width: 100%;
  height: 30px;
  min-height: 30px;
}

.submit-button-39 {
  color: #fff;
  text-align: center;
  background-color: #0375ff;
  min-width: 150px;
  margin-top: 0;
  padding: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s;
}

.submit-button-39:hover {
  color: #fff;
  background-color: #005dce;
  text-decoration: none;
}

.challenge-user-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-width: 920px;
  max-width: none;
  height: 100vh;
  display: flex;
  position: relative;
}

.challenge-user-wrapper.hidden {
  display: none;
}

.section-detail-wrapper {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  padding: 20px 40px 40px;
}

.section-detail-wrapper._2 {
  align-items: center;
  padding-top: 40px;
  display: block;
  overflow: auto;
}

.section-detail-wrapper.stats {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: calc(100vh - 70px);
  padding: 0;
  display: flex;
}

.section-detail-wrapper._2 {
  align-items: center;
  padding-top: 40px;
  display: block;
  overflow: auto;
}

.table-group-wrapper-2 {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #b8d4ff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: stretch;
  width: auto;
  display: flex;
  overflow: visible;
}

.table-group-wrapper-2.even {
  background-color: #f3f9ff;
}

.challenge-config-warpper-2 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  border-radius: 6px;
  min-height: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 20px 40px;
  position: relative;
}

.column-left-label {
  color: #161616;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 240px;
  max-width: none;
  height: 40px;
  padding: 5px 4px 5px 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-left-label.team-bonus {
  background-color: #ecfff0;
}

.column-left-label.team {
  background-color: #b6d3ff;
}

.results-scroller-69 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 50vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.loading-indicator-3 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 42px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 70px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.loading-indicator-3.hidden {
  display: flex;
}

.table-column-wrapper {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: stretch;
  min-width: 320px;
  max-width: 1040px;
  overflow: auto;
}

.table-column-wrapper.bodycomp {
  max-width: none;
}

.explanation-money {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  width: 470px;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.explanation-money::placeholder {
  color: #8d8d8d;
  font-weight: 400;
}

.modal-remove-team-confirmation {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.user-wrapper {
  width: 100%;
  min-width: 600px;
  height: auto;
  margin-bottom: 25px;
  display: block;
  position: relative;
}

.user-wrapper.flex {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.user-wrapper.be {
  width: 760px;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

.team-ac-wrapper {
  width: 100%;
  margin-top: 0;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.money-input {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  width: 110px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.money-input::placeholder {
  color: #8d8d8d;
}

.modal-be-email-check {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.header-row-7 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.header-row-7:hover {
  background-color: #ebebeb;
}

.header-row-7.team-name-row.pending {
  background-color: #fff5bc;
  justify-content: flex-start;
  align-items: center;
}

.header-row-7.user-header-row {
  z-index: 2;
  z-index: 2;
  z-index: 2;
  z-index: 5;
  background-color: #f1f1f1;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  padding-right: 0;
  position: sticky;
  top: 0;
}

.header-row-7.team-name-row {
  z-index: 2;
  background-color: #dcedff;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 6px 0 6px 10px;
}

.header-row-7.user-header-row-2 {
  z-index: 2;
  background-color: #ecf8ff;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 36px;
  padding-right: 0;
}

.left-side-users {
  flex: 0 auto;
  width: 60%;
  min-width: 720px;
  max-width: 940px;
  height: 100vh;
  padding: 30px 40px 60px;
  overflow: auto;
}

.left-side-title {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  position: relative;
}

.table-row-4 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: stretch;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.table-row-4:hover {
  opacity: 1;
}

.small-button {
  text-align: center;
  border: 1px solid #0078ce;
  border-radius: 4px;
  min-width: 72px;
  margin-left: auto;
  padding: 5px 10px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
}

.small-button:hover {
  color: #fff;
  background-color: #1d82da;
}

.small-button.pending-action {
  color: #0078ce;
  background-color: #fff;
  font-weight: 500;
  transition: background-color .4s;
}

.small-button.pending-action:hover {
  color: #fff;
  background-color: #1d82da;
}

.small-button.reload {
  color: #0078ce;
  background-color: #fff;
  background-image: url('../images/refresh_2refresh.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 15px;
  justify-content: flex-end;
  align-items: center;
  width: 82px;
  min-width: 0;
  margin-left: 0;
  font-weight: 400;
  transition: background-color .4s;
  display: flex;
}

.small-button.reload:hover {
  color: #fff;
  background-color: #1d82da;
  background-image: url('../images/refresh_1refresh.png');
}

.save-bar-2 {
  background-color: #032944;
  border-top: 1px solid #bfd3e2;
  justify-content: center;
  align-items: flex-start;
  height: 120px;
  padding-top: 25px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.input-field-label {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.challenge-table-row-2 {
  align-items: stretch;
  width: auto;
  min-width: 0;
  height: auto;
  display: flex;
  position: relative;
}

.challenge-table-row-2:hover {
  opacity: 1;
}

.search-wrapper-add-users {
  flex: 1;
  margin-right: 10px;
  position: relative;
}

.div-block-1407-copy-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 840px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
}

.section-name-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.section-name-header.center {
  justify-content: center;
}

.tungsgen-25-3 {
  color: #292929;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: Tungsten, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1em;
}

.tungsgen-25-3.white {
  color: #fff;
}

.tungsgen-25-3.white-copy {
  color: #fff;
  font-family: Tungsten, sans-serif;
  font-weight: 700;
}

.tungsgen-25-3.white {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
}

.row-2 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: stretch;
  width: auto;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.row-2:hover {
  opacity: 1;
}

.row-2.heading {
  background-color: #dcecfd;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.row-2.centered {
  background-color: #d8eafd57;
  border-bottom-style: solid;
  border-bottom-color: #a5d4ff;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 10px;
}

.row-2.week {
  cursor: pointer;
  background-color: #d8eafd57;
  border-bottom-style: solid;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 10px;
}

.row-2.week:hover {
  background-color: #d5e9ff;
}

.row-2.week.sorted {
  background-color: #a5d1ff;
}

.view-tab-2 {
  opacity: .82;
  color: #ffffffe6;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 42px;
  margin-left: 0;
  margin-right: 25px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.view-tab-2:hover {
  border-bottom-color: #00b2ed;
}

.setting-input {
  width: 100%;
  margin-top: 0;
  padding: 15px 0;
  display: block;
}

.setting-input.team {
  padding-bottom: 10px;
}

.setting-input.rules, .setting-input.money {
  display: none;
}

.setting-input.empty {
  padding-top: 25px;
}

.modal-remove-participant-confirmation {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.table-section {
  flex-direction: column;
  align-items: flex-start;
}

.table-section._2 {
  padding-left: 40px;
}

.settings-section-2 {
  align-items: center;
  width: 100%;
  min-width: 800px;
  max-width: 1100px;
  margin-bottom: 10px;
  padding-top: 30px;
}

.challenge-participant-wrapper-7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
}

.tracker-table-cell-2 {
  color: #161616;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 140px;
  min-width: 140px;
  max-width: none;
  height: 40px;
  padding: 2px 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tracker-table-cell-2.highlight {
  background-color: #fff5a763;
}

.tracker-table-cell-2.highlight.bonus {
  background-color: #afdb5e63;
}

.tracker-table-cell-2.team-full-width {
  background-color: #bcd6ff;
  flex-flow: row;
  width: 100%;
}

.tracker-table-cell-2.team-bonus {
  background-color: #ecfff0;
}

.tracker-table-cell-2.team-total {
  background-color: #b6d3ff;
}

.tracker-table-cell-2.header {
  background-color: #c2daff85;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.tracker-table-cell-2.header._100, .tracker-table-cell-2.header._40 {
  width: 100%;
  height: 40px;
}

.tracker-table-cell-2.team-total {
  background-color: #b6d3ff;
  flex-flow: row;
}

.tracker-table-cell-2.header {
  z-index: auto;
  background-color: #c2daff85;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.tracker-table-cell-2.header._40 {
  width: 100%;
  height: 40px;
}

.tracker-table-cell-2.header._100 {
  z-index: auto;
  z-index: auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.program-name-label {
  opacity: .72;
  background-color: #e0e8f7;
  width: 60%;
  min-width: 500px;
  padding: 8px 10px;
  display: block;
}

.right-side-teams {
  background-color: #dde9ff;
  flex-flow: column;
  align-self: stretch;
  width: 40%;
  min-width: 480px;
  max-width: 700px;
  height: 100vh;
  max-height: 100vh;
  padding: 30px 30px 60px;
  overflow: auto;
}

.history-expland-collapse {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: absolute;
  inset: 23% auto auto 0;
}

.label-column {
  border-left-width: 1px;
  border-left-color: #fff;
  border-right: 1px solid #b8d4ff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: stretch;
  width: 240px;
  display: block;
}

.remove-user {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/cancel_1cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 24px;
  min-height: 24px;
}

.remove-user:hover {
  opacity: 1;
}

.button-add-team {
  color: #1679cf;
  background-color: #0000;
  background-image: url('../images/create-group-button_1create-group-button.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 28px;
  border: 1px solid #1679cf;
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px 16px 8px 46px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.button-add-team:hover {
  color: #1679cf;
  background-color: #a2ddff26;
}

.challenge-table-wrapper {
  border-width: 1px;
  border-color: #d6d6d6;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.poppins-label-5 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.poppins-label-5.bold {
  font-weight: 600;
}

.poppins-label-5.gray {
  color: #0000008a;
  font-family: Poppins, sans-serif;
}

.customer-table-cell-5 {
  border-right: 1px solid #fff;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-5.long2 {
  justify-content: space-between;
  width: 33%;
  min-width: 200px;
  max-width: 320px;
  min-height: 36px;
  display: flex;
}

.customer-table-cell-5.sm2 {
  width: 15%;
  min-width: 120px;
  max-width: 160px;
  min-height: 36px;
  margin-top: 0;
}

.poppins-body-text-26 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.date-input-23 {
  background-color: #fff;
  border: 1px solid #cecece;
  align-items: center;
  width: 166px;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.challenge-team-wrapper-4 {
  background-color: #f4f9ff;
  border-radius: 6px;
  min-height: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 20px;
  position: relative;
}

.settings-label-4 {
  margin-bottom: 8px;
  display: block;
}

.participant-team-wrapper-2 {
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  height: auto;
  margin-bottom: 10px;
  display: block;
  position: relative;
  overflow: auto;
}

.no-program-alert {
  z-index: 995;
  background-color: #0006;
  padding-top: 150px;
  display: none;
  position: fixed;
  inset: 0%;
}

.textlink-sm-11 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  display: inline-block;
}

.textlink-sm-11:hover {
  color: #00b2ed;
}

.delete-team-3 {
  cursor: pointer;
  background-color: #ccd9e4;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 32px;
  width: 26px;
  height: 26px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.delete-team-3:hover {
  background-color: #969696e3;
}

.customer-table-row-4 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-4:hover {
  background-color: #f1f7fc;
}

.customer-table-row-4.highlight {
  background-color: #ffeded;
  border-bottom-color: #fff;
}

.challenge-inner-wrapper-6 {
  background-color: #fdfdfd;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-bottom: 180px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.tag-failed {
  color: #fff;
  text-align: left;
  background-color: #f66;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.payment-outer-wrapper {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  height: 100vh;
}

.div-block-1281-copy {
  background-color: #f5f8f8;
  margin-top: 20px;
  padding: 20px 40px 10px;
}

.textlink-xs {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  display: inline-block;
}

.textlink-xs:hover {
  color: #00b2ed;
}

.div-block-1041-copy {
  padding: 10px 20px 20px;
}

.apply-button-2 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 38px;
  margin-left: 8px;
  padding-top: 9px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  transition: background-color .4s;
  display: flex;
}

.apply-button-2:hover {
  color: #fff;
  background-color: #1679cf;
}

.modal-issue-refund {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.link-sm {
  margin-left: auto;
}

.tag-item-input-48 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.load-more-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.payment-view-wrapper {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: row;
  flex: 0 auto;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.customer-table-2 {
  width: 100%;
  min-width: 960px;
  max-width: 1300px;
  height: auto;
  display: block;
  position: relative;
  overflow: auto;
}

.payment-top-section {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1300px;
  padding-top: 40px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.no-payments-found {
  cursor: pointer;
  background-color: #fafafa;
  border-bottom: 1px solid #eee;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 90px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.tag-refunded {
  color: #6e6e6e;
  text-align: left;
  background-color: #d5e6fd;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.tag-paid {
  color: #fff;
  text-align: left;
  background-color: #1abc9c;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.price-input {
  width: 100px;
  margin-bottom: 0;
  margin-left: 6px;
  font-family: Sf ui text, sans-serif;
}

.payment-search {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.transactions-wrapper {
  background-color: #fdfdfd;
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100vh;
  padding: 10px 10px 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.payment-search-wrapper-2 {
  width: 440px;
  margin-right: 30px;
}

.challenge-toggle {
  opacity: .62;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 85px;
  height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.challenge-toggle:hover {
  opacity: 1;
  background-color: #1e81c7;
}

.challenge-toggle.selected {
  opacity: 1;
  background-color: #0490e0;
  border: 1px #00528c8f;
  position: relative;
}

.org-selector-2 {
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 290px;
  height: 40px;
  padding-left: 14px;
  padding-right: 6px;
  display: flex;
}

.org-selector-2:hover {
  background-color: #cde3ff;
}

.selector-wrapper {
  justify-content: space-between;
  align-items: center;
  min-width: 500px;
  padding: 10px;
  display: flex;
}

.challenge-toggle-bar {
  background-color: #00528c;
  border-width: 1px;
  border-color: #0f81d1;
  align-items: flex-start;
  margin-right: 0;
  display: none;
}

.filter-autocomplete-5 {
  text-align: left;
  border-bottom: 1px solid #ffffff26;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 10px;
  display: none;
}

.org-filter-option-scroller-3 {
  background-color: #fff;
  max-height: 400px;
  padding-bottom: 10px;
  overflow: auto;
}

.selector-holder {
  margin-bottom: 20px;
}

.ac-wrapper-scoreboard {
  display: block;
}

.ac-wrapper-scoreboard.hidden {
  display: none;
}

.org-select-menu-5 {
  z-index: 3;
  float: left;
  clear: none;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  min-width: 290px;
  max-width: 500px;
  display: none;
  position: absolute;
  inset: 12% auto auto 25%;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.modal-org-chooser-styles-5 {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
  position: absolute;
  inset: -14px 0 0 0%;
}

.personal-summary-section-6 {
  z-index: 3;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  padding-top: 30px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 6px 10px 2px #00000030;
}

.personal-summary-section-6.impactx {
  box-shadow: none;
  box-shadow: none;
  background-color: #fff0;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 0;
  display: block;
  position: static;
}

.matched-52 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.tag-14 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-14.multiple {
  display: inline-block;
}

.results-scroller-75 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-3581 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.remove-37 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-37:hover {
  opacity: 1;
}

.modalclosediv-46 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.sf-993 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-993.semi {
  text-align: left;
  font-weight: 600;
}

.sf-993.semi.center {
  text-align: center;
}

.div-block-3582 {
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 6px;
  display: flex;
}

.chip-label-42 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.modal-container-30 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.customer-table-cell-9 {
  border-right: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-9.action {
  justify-content: space-between;
  width: 15%;
  min-width: 100px;
  margin-top: 0;
  margin-left: auto;
}

.customer-table-cell-9.dollar {
  justify-content: space-between;
  align-items: center;
  width: 10%;
  min-width: 100px;
  max-width: 130px;
  margin-top: 0;
  padding-right: 10px;
}

.customer-table-cell-9.med {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 20%;
  min-width: 200px;
  max-width: 300px;
  margin-top: 0;
  display: flex;
}

.form-block-104 {
  margin-bottom: 0;
}

.modal-content-leads-37 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.form-90 {
  display: flex;
  position: relative;
}

.ac-icon-36 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-36.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
  margin-left: 0;
}

.sf-994 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-994.grey {
  color: #747474;
}

.ac-default-label-small-115 {
  color: #00528cc7;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.results-holder-64 {
  z-index: 2;
  display: none;
  position: relative;
  overflow: visible;
}

.modal-header-13 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.results-wrapper-45 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.text-span-261 {
  color: #444343db;
  margin-left: 15px;
  font-size: 13px;
}

.div-block-3583 {
  display: flex;
  position: relative;
}

.table-row-wrapper-11 {
  border-bottom: 1px solid #e7e7e7;
}

.contentbg-2 {
  color: #312b3d;
  background-color: #e6e8f1;
  background-image: linear-gradient(#000000b3 7%, #0000001a 68%), url('../images/plank-blurred.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: block;
  overflow: auto;
}

.date-input-25 {
  color: #333;
  align-self: stretch;
  width: 150px;
  padding: 7px 8px 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.alert-img-3 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: block;
}

.plan-edit-section-5 {
  background-color: #ebf0f3a8;
  margin-bottom: 2px;
  padding: 15px 30px 5px;
  display: block;
}

.autopayment-5 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.modalcontent-24 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.status-cion-5 {
  align-items: flex-start;
  width: auto;
  padding-left: 0;
  padding-right: 8px;
  display: flex;
}

.wide-header-content-6 {
  z-index: 25;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.plan-section-title-4 {
  background-color: #d0e4f0a8;
  border-bottom: 1px solid #fff;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.plan-section-title-4:hover {
  background-color: #c7e8fc;
}

.unmatched-67 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.tag-content-50 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-3618 {
  padding-top: 20px;
}

.header-section {
  z-index: 5;
  background-color: #ebf0f3;
  width: 1232px;
  padding-top: 40px;
  padding-bottom: 25px;
  padding-left: 20px;
  position: sticky;
  top: 0;
}

.tag-17 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 2px 5px 0;
  display: inline-block;
}

.location-section-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 1232px;
  display: flex;
  overflow: auto;
}

.sf-1018 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.tag-item-input-58 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.results-scroller-78 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-955 {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.results-holder-67 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.ac-default-label-small-118 {
  color: #42789e;
  text-align: left;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.matched-55 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.remove-40 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-40:hover {
  opacity: 1;
}

.result-row-57 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-57:hover, .result-row-57.selected {
  background-color: #d8e6fc;
}

.sf-1019 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-1019.light {
  font-weight: 300;
}

.results-wrapper-2 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-920 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.location-outer-wrapper {
  background-color: #ebf0f3;
  min-height: 100vh;
}

.location-inner-wrapper {
  z-index: 1;
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 120px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: relative;
  overflow: auto;
}

.location-section {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-self: stretch;
  width: 600px;
  min-height: 140px;
  margin-bottom: 14px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 20px 30px 30px;
  display: inline-block;
}

.chip-label-45 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.locations-global-container {
  align-self: center;
  width: 1232px;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.modal-container-31 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
}

.small-text-29 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-29.view-all {
  text-transform: none;
}

.sf-15-med-96 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.count-section-wrapper {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  position: relative;
}

.search-fllter-wrapper {
  align-items: center;
  min-height: 55px;
  display: block;
}

.challenge-list-modal-copy {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.tag-active {
  color: #fff;
  text-align: center;
  background-color: #1abc9c;
  border-radius: 4px;
  width: 64px;
  padding: 4px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.table-cell-input-3-copy {
  background-color: #fff;
  align-items: center;
  width: 33%;
  min-height: 48px;
  display: flex;
}

.dob-date-picker {
  border: 1px solid #d1d1d1;
  justify-content: flex-end;
  align-items: center;
  width: 110px;
  height: 36px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  display: flex;
}

.table-row-wrapper-12 {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 14px;
}

.count-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  min-width: 130px;
  margin-right: 10px;
  padding-left: 0;
  display: flex;
}

.user-button-2 {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28%;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.user-button-2:hover {
  background-color: #0590f11f;
}

.user-button-2.cal {
  display: none;
}

.message-reply-indicator {
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.challenge-list-modal {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.sent-date-time {
  justify-content: flex-end;
  padding-bottom: 5px;
  display: flex;
}

.sf-13-grey-label-client {
  color: #707070;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.close-icon-8 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon-8:hover {
  background-color: #dbebfa;
}

.section-link-wrapper-2 {
  border-top: 1px solid #d4ebf3;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.section-link-wrapper-2.message {
  justify-content: space-between;
}

.user-detail-side-panel {
  z-index: 3;
  float: none;
  clear: none;
  width: 30%;
  min-width: 420px;
  max-width: 420px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.refresh-button-2 {
  opacity: .8;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/refresh_2refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #0092ed;
  border-radius: 4px;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding-left: 0;
  transition: background-color .4s;
  position: relative;
}

.refresh-button-2:hover {
  opacity: 1;
  background-color: #e6f1ff;
}

.message-text-holder-narrow {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.customer-table-3 {
  width: 100%;
  min-width: 960px;
  max-width: 1300px;
  height: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.tag-inactive-2 {
  color: #fff;
  text-align: center;
  background-color: #f66;
  border-radius: 4px;
  width: 64px;
  padding: 7px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.tag-inactive-2:hover {
  background-color: #e45252;
}

.sort-3 {
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.sort-3.none {
  background-image: none;
}

.post-header-narrow {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 5px;
  display: block;
}

.user-view-wrapper-2 {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding: 40px;
  display: flex;
}

.reply-message-button {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.reply-message-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.lead-autocomplete-wrapper-2-copy {
  width: 400px;
  position: relative;
}

.volume-control-15 {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.volume-control-15.hide {
  display: none;
}

.user-overview-section-4 {
  text-align: left;
  background-color: #fff;
  border: 1px solid #d4ebf3;
  border-radius: 6px;
  width: 380px;
  min-height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 14px;
  position: relative;
}

.user-overview-section-4.message {
  display: none;
}

.add-blue-button-4 {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  padding-right: 14px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-4:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.add-blue-button-4.hidden {
  display: flex;
}

.overview-section-row-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.modal-content-leads-27-copy {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 700px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.search-actions-section-5 {
  width: 100%;
  min-width: 960px;
  max-width: 1300px;
  margin-top: 0;
}

.client-message-holder {
  background-color: #f8f9fa;
  padding: 5px 10px 10px;
}

.clear-keyword-icon-3 {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-size: 24px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-3:hover {
  opacity: .6;
}

.side-subhead._2 {
  padding-top: 5px;
}

.grey-check-2 {
  opacity: .5;
  background-image: url('../images/icon-check-black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 18px;
  height: 18px;
  margin-left: 0;
  margin-right: 6px;
}

.div-block-3632 {
  width: 300px;
  min-height: 100px;
}

.sf-1028 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1028.bold {
  color: #131313;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-3633 {
  align-items: center;
  display: flex;
}

.customer-table-cell-12 {
  border-right: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-12.small {
  align-items: center;
  width: 10%;
  min-width: 100px;
  margin-top: 0;
}

.customer-table-cell-12.small.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-12.small.grey:hover {
  background-color: #e7e7e7;
}

.customer-table-cell-12.default {
  justify-content: flex-start;
  align-items: center;
  min-width: 200px;
  margin-top: 0;
}

.customer-table-cell-12.default.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-12.default.grey:hover {
  background-color: #e7e7e7;
}

.customer-table-cell-12.medium {
  align-items: center;
  width: 15%;
  min-width: 156px;
  margin-top: 0;
}

.customer-table-cell-12.medium.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-12.medium.grey:hover {
  background-color: #e7e7e7;
}

.user-overview-4 {
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #dadada;
  width: 100%;
  height: 93vh;
  min-height: 93vh;
  max-height: 93vh;
  display: none;
  overflow: auto;
  box-shadow: -5px 0 13px #0000001f;
}

.tag-active-3 {
  color: #fff;
  text-align: center;
  background-color: #1abc9c;
  border-radius: 4px;
  width: 64px;
  padding: 7px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.tag-active-3:hover {
  background-color: #139b80;
}

.sf-15-med-101 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-3634 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-top: 20px;
}

.text-field-45 {
  color: #262c46;
  border: 1px solid #0000;
  height: 49px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.select-field-30 {
  color: #313131;
  background-color: #fff;
  border: 1px solid #0000;
  height: 50px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.div-block-3635 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-196 {
  text-align: center;
}

.audio-player-controls-22 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-22:hover, .audio-player-controls-22.no-image {
  opacity: 1;
}

.modal-content-leads-39 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-3636 {
  height: 6px;
  position: absolute;
}

.checkbox-28 {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 4px;
}

.checkbox-28.selected {
  opacity: 1;
  background-image: url('../images/checked_2.png');
}

.modalclosediv-54 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.div-block-3637 {
  padding-left: 15px;
}

.customer-table-cell-13 {
  border-right: 1px solid #fff;
  align-items: center;
  width: 50%;
  min-height: 40px;
  padding: 6px 6px 6px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-13.edit {
  justify-content: flex-end;
  width: 6%;
  min-width: 60px;
  max-width: 90px;
  margin-top: 0;
  padding-right: 10px;
}

.sf-1029 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1029.semi-white {
  color: #fff;
  text-align: center;
  font-weight: 500;
}

.sf-15-med-102 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1030 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1030.bold {
  font-weight: 700;
}

.volume-bar-18 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.modal-header-17 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.table-cell-input-5 {
  background-color: #fff;
  align-items: center;
  width: 70%;
  min-height: 48px;
  display: flex;
}

.load-more-6 {
  text-align: center;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.user-overview-header-12 {
  z-index: 4;
  background-color: #fff;
  border-bottom: 1px solid #d4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  display: block;
  position: sticky;
  top: 0;
}

.submit-button-area-35 {
  background-color: #f7f7f7;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.audio-bottom-controls-19 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.user-overview-section-wrapper-12 {
  background-color: #f0f6f8;
  border-top-width: 1px;
  border-top-color: #b7dae5;
  padding: 10px 10px 60px;
  overflow: auto;
}

.user-actions-11 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 6px;
  display: flex;
  position: relative;
}

.div-block-3638 {
  display: flex;
}

.sf-1031 {
  color: #494949;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1032 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1032.semi {
  font-weight: 600;
}

.header-cell-copy {
  color: #fff;
  cursor: pointer;
  object-fit: fill;
  background-color: #e7e7e7;
  border-right: 1px solid #fff;
  height: auto;
  padding: 6px 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell-copy:hover {
  background-color: #e7e7e7;
}

.name-label-4 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.name-label-4:hover {
  color: #313131;
}

.name-label-4.bold {
  text-align: left;
  font-weight: 600;
}

.name-label-4.clickable {
  color: #0078ce;
  cursor: pointer;
  font-weight: 500;
}

.name-label-4.clickable:hover {
  color: #00b2ed;
}

.name-label-4.bold {
  flex: 1;
  font-weight: 600;
}

.div-block-3639 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sf-15-med-103, .sf-15-med-104 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.image-602 {
  margin-left: 4px;
  display: none;
}

.customer-table-row-7 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-7:hover {
  background-color: #f3f8fc;
}

.text-initials-53 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.sf-1033 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1033.grey {
  color: #747474;
}

.search-bar-wrapper-4 {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.time-bar-23 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.sf-13-grey-label-33 {
  color: #707070;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-13-grey-label-33._2 {
  margin-right: 5px;
}

.text-initials-54 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3640 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
  width: 200px;
  height: 200px;
}

.customer-search-add-5 {
  justify-content: space-between;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.div-block-3641 {
  height: 100px;
  display: flex;
}

.small-text-31 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-31.view-all {
  text-transform: none;
}

.div-block-3642 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-1034 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1034.white {
  color: #fff;
  cursor: default;
}

.image-603 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-604 {
  filter: invert();
  position: relative;
}

.form-block-108 {
  margin-bottom: 0;
}

.sort-arrow-6 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.user-outer-wrapper-4 {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  height: 100vh;
  display: flex;
}

.tag-inactive-3 {
  color: #fff;
  text-align: center;
  background-color: #f66;
  border-radius: 4px;
  width: 64px;
  padding: 4px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.sf-1035 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1035.blue {
  color: #0078ce;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-3643 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.div-block-3644 {
  flex: 1;
  overflow: auto;
}

.time-bar-24 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.scoreboard-row-3 {
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.poppins-label-3-larger {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.poppins-label-3-larger.gray {
  color: #0000008a;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.modal-missing-be-table {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-wide {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 860px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 20px;
  display: block;
  position: static;
  overflow: visible;
}

.timeline-media-35 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.remove-41 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-41:hover {
  opacity: 1;
}

.remove-41.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.image-607 {
  margin-left: 3px;
  display: none;
}

.tile-thumb-13 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-13.xls {
  background-image: url('../images/xls.png');
  background-size: 72px;
}

.tile-thumb-13.pdf {
  background-image: url('../images/pdf.png');
  background-size: 72px;
}

.tile-thumb-13.zip {
  background-image: url('../images/zip.png');
  background-size: 72px;
}

.tile-thumb-13.audio {
  background-image: url('../images/audio_3.png');
  background-size: 72px;
}

.tile-thumb-13.doc {
  background-image: url('../images/doc.png');
  background-size: 72px;
}

.tile-thumb-13.tall-copy, .tile-thumb-13.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tile-thumb-13.tall.vid {
  background-color: #d8d8d8;
  background-image: url('../images/vid.png');
  background-size: 60%;
}

.media-library-holder {
  background-color: #f7f7f7;
  flex-direction: column;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.results-scroller-79 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1042 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1043 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1043.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-1044 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1045 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-1045.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.post-header-39 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.sort-option-25 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-25:hover {
  background-color: #d8e1e7;
}

.sort-option-25.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.item-duration-6 {
  color: #fff;
  background-color: #000000b3;
  border-radius: 2px;
  padding: 2px 4px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.vid-modal-top-bar {
  cursor: move;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.chat-message-unit-17 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.chip-label-46 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-46.small {
  font-size: 13px;
  line-height: 16px;
}

.sound-toggle {
  cursor: pointer;
  background-color: #000000b3;
  background-image: url('../images/unmuted_1unmuted.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 28px;
  min-width: 28px;
  min-height: 28px;
  transition: background-color .4s;
  display: inline-block;
  position: absolute;
  inset: 5px 5px auto auto;
}

.sound-toggle.off {
  background-image: url('../images/muted_1muted.png');
  background-size: 18px;
}

.sound-toggle.on {
  background-image: url('../images/unmuted_1unmuted.png');
  background-size: 18px;
}

.image-608 {
  filter: invert();
  position: relative;
}

.sf-1046 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1046:hover {
  color: #016bb6;
}

.ac-icon-37 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-37.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
  margin-left: 0;
}

.item-button-icon-23 {
  width: 16px;
  margin-right: 1px;
  padding: 0;
}

.div-block-3649 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-609 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.video-section-8 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.item-button-icon-24 {
  width: 16px;
  margin-right: 4px;
}

.results-holder-68 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-3650 {
  height: 6px;
  position: absolute;
}

.play-pause-button-mini-10 {
  z-index: 5;
  opacity: 1;
  background-color: #0006;
  border: 2px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -10px;
  bottom: auto;
}

.play-pause-button-mini-10:hover {
  opacity: 1;
  background-color: #000000b3;
}

.div-block-3651 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  display: flex;
}

.tile-tall-25 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-25:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-25.hidden {
  display: inline-block;
}

.tile-tall-25.content-block {
  background-color: #eee;
}

.tile-tall-25.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.textarea-17 {
  min-height: 80px;
  margin-top: 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.action-button-holder-7 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.image-610 {
  height: 100px;
}

.create-new-button-23 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-23:hover {
  color: #fff;
  background-color: #00b2ed;
}

.div-block-3652 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.image-611 {
  opacity: .76;
}

.plus-icon-14 {
  opacity: .7;
  margin-right: 0;
}

.handle-volume-23 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-23:hover {
  background-color: #fff;
}

.label-tile-18 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.autocomplete-input-23 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.text-370 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-370.white {
  color: #fff;
}

.tag-small-41 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-41:hover {
  background-color: #00528ccc;
}

.speed-option-27 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-27:hover {
  color: #fff;
  background-color: #353535;
}

.sf-1047 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1047.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.close-button-3 {
  cursor: pointer;
  display: inline-block;
}

.tile-item-name-10 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-3653 {
  display: flex;
}

.sf-1048 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.div-block-3654 {
  min-height: 10px;
}

.ac-default-label-21 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.image-612 {
  display: none;
}

.item-outer-wrapper-11 {
  background-color: #f7f7f7;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.audio-player-controls-24 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-24:hover, .audio-player-controls-24.no-image {
  opacity: 1;
}

.apply-button-3 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button-3:hover {
  color: #fff;
  background-color: #1679cf;
}

.matched-56 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.file-info-7 {
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  display: block;
}

.sf-1049 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1049.white {
  color: #fff;
}

.search-wrapper-28 {
  width: 390px;
  position: relative;
}

.search-wrapper-28.media {
  flex: 1;
}

.play-video-modal {
  z-index: 999;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-direction: column;
  width: 200px;
  max-width: 95%;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 140px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.tag-18 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-18.multiple {
  display: inline-block;
}

.sf-1050 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1050.red {
  color: #d32f2f;
}

.sf-1050.red.right {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.sf-1050.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.tag-item-input-59 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.button-wrapper-14 {
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.tag-content-51 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-3655 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.video-holder-3 {
  background-color: #e2e0e0;
}

.library-item-wrapper-12 {
  object-fit: fill;
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.results-wrapper-48 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.div-block-3656 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3657 {
  margin-top: 14px;
}

.volume-level-bar-18 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-18.max {
  height: 60px;
}

.image-613 {
  max-width: none;
}

.item-button-icon-25 {
  width: 20px;
  padding-right: 3px;
}

.help-icon-22 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-22:hover {
  opacity: 1;
}

.help-icon-22.dark {
  background-color: #00000080;
  top: -2px;
}

.ac-default-label-small-119 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.item-duration-7 {
  color: #fff;
  background-color: #000000b3;
  border-radius: 2px;
  padding: 2px 4px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.apply-button-4 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button-4:hover {
  color: #fff;
  background-color: #1679cf;
}

.autocomplete-input-2-program-6 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-2-program-6.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
}

.menu-item-10 {
  color: #fff;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 10px 4px 10px 10px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: static;
}

.menu-item-10:hover {
  background-color: #e8edf1;
}

.menu-item-10.top-border {
  border-top: 1px solid #e4e4e4;
}

.search-wrapper-30 {
  width: 100%;
  position: relative;
}

.search-wrapper-30.programs {
  margin-bottom: 10px;
}

.search-wrapper-30.programs.hjkl {
  width: 100%;
  display: block;
}

.plan-description-textbox-4 {
  background-color: #fff;
  border: 1px solid #cecece;
  width: 100%;
  height: auto;
  min-height: 72px;
  margin: 2px 0 10px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  overflow: auto;
}

.modal-header-19 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.program-start-date-modal {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.pin-date-calendar-copy {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-height: 100px;
  padding: 15px 20px 8px;
  display: block;
  position: fixed;
  inset: 200px 20% auto 400px;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.ac-default-label-23 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.modalnewplan-8 {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.plan-edit-row-5 {
  align-items: center;
  max-width: 800px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.plan-edit-row-5.hidden {
  display: none;
}

.plan-edit-row-5._2 {
  margin-bottom: 10px;
}

.form-input-wrapper-8 {
  width: 600px;
  padding-right: 14px;
}

.form-input-wrapper-8.full {
  width: 100%;
  display: block;
}

.form-input-wrapper-8.medium {
  width: 200px;
  padding-right: 5px;
}

.form-input-wrapper-8.short {
  width: 130px;
}

.delete-textlink-5 {
  color: #ed4444;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
}

.program-picker-5 {
  color: #acacac;
  background-color: #fff;
  border: 1px solid #cacaca;
  align-items: center;
  height: 40px;
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  display: flex;
}

.date-input-wrapper-2 {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 176px;
  min-height: 36px;
  display: flex;
}

.div-block-3680 {
  justify-content: flex-start;
  display: flex;
}

.timeline-media-37 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.text-372 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-372.semi {
  font-weight: 500;
}

.volume-level-bar-19 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-19.max {
  height: 100%;
}

.remove-45 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-45:hover {
  opacity: 1;
}

.remove-45.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.workout-div-62 {
  cursor: move;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.sf-14-regular-29 {
  color: #313131;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-29.bold {
  font-size: 16px;
  font-weight: 600;
}

.sf-14-regular-29.white {
  color: #fff;
}

.image-624 {
  margin-left: 3px;
  display: none;
}

.div-block-3681 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sf-1076 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.labelsmall-19 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.workout-div-63 {
  cursor: move;
  height: auto;
  min-height: 50px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.minute-input-13 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.minute-input-13::placeholder {
  color: #0000004f;
}

.text-373 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.image-625 {
  opacity: .5;
  display: block;
}

.edit-button-holder-16 {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-bottom: 21px;
  display: flex;
}

.edit-workout-right-side-10 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding-top: 5px;
  display: flex;
  position: relative;
  left: 0;
  overflow: visible;
}

.submit-save-button-73 {
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-73:hover {
  color: #fff;
  background-color: #1679cf;
}

.div-block-3682 {
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.workout-name-input-9 {
  color: #4e4e4e;
  background-color: #0000;
  border: 1px solid #fff;
  min-width: 200px;
  max-width: 800px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.workout-name-input-9:hover {
  border: 1px solid #dadada;
}

.workout-name-input-9:focus {
  border: 1px solid #a7a7a7;
}

.workout-name-input-9::placeholder {
  color: #525252;
}

.text-span-268 {
  font-weight: 600;
}

.submit-button-small-37 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 46px;
  margin-right: 0;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
}

.submit-button-small-37:hover {
  color: #fff;
  background-color: #1679cf;
}

.upload-img-copy-10 {
  opacity: .63;
  width: 106px;
  transform-style: preserve-3d;
  transition: opacity .2s;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.results-scroller-83 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1077 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1077.white {
  color: #fff;
  padding-left: 0;
  font-weight: 400;
}

.plus-toggle-copy-11 {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.plus-toggle-copy-11:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border-color: #adadad;
}

.plus-toggle-copy-11:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.program-name-div-12 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 24px 10px;
  display: flex;
  position: static;
}

.profile-page-button-12 {
  color: #fff;
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.profile-page-button-12:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.div-block-3683 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.div-block-3684 {
  margin-left: 12px;
}

.empty-day-text-div-12 {
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sf-1078 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-1078.red {
  color: #d32f2f;
}

.sf-1078.blue {
  color: #00528c;
  text-align: left;
}

.sf-1078.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.sf-1078.grey {
  color: #8f8f8f;
}

.sf-1078.green {
  color: #388e3c;
}

.sf-1079 {
  color: #727272;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-15-med-107 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.create-new-button-26 {
  background-color: #00b2ed;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 40px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 0;
  padding-left: 6px;
  padding-right: 6px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-26:hover {
  color: #fff;
  background-color: #0098df;
}

.post-header-41 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.div-block-3685 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 0;
  display: flex;
}

.ac-default-label-small-122 {
  color: #564b7f;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.checkbox-label-25 {
  display: none;
}

.program-tile-overlay-23 {
  opacity: 0;
  background-color: #ffffff80;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0 0% 0% 0;
}

.program-tile-overlay-23:hover {
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(225deg, #fffffffa, #ffffff4d 72%);
}

.div-block-3686 {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.link-48 {
  text-align: right;
  cursor: pointer;
  margin-left: 60px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.div-block-3687 {
  flex-direction: column;
  padding-top: 220px;
  display: flex;
}

.tile-hover-icon-block-29 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.div-block-3688 {
  margin-left: 12px;
}

.modal-header-20 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px 4px;
  display: block;
}

.sf-1080 {
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 20px;
}

.sf-1080.white {
  color: #fff;
  line-height: 21px;
}

.div-block-3689 {
  padding-bottom: 5px;
}

.image-626 {
  margin-right: 6px;
}

.submit-save-button-74 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-top: 10px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-74:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-74.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-74.cancel:hover {
  background-color: #a1a1a1;
}

.submit-save-button-74.done {
  margin-left: 7px;
  margin-right: 7px;
}

.image-627 {
  margin-left: 3px;
  display: none;
}

.option-menu-div-28 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: relative;
}

.option-menu-div-28:hover {
  background-color: #cfcfcf;
}

.option-menu-div-28.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-28.big:hover {
  background-color: #e9e9e9;
}

.option-menu-div-28.big2 {
  color: #0000;
  background-color: #fff;
  height: 42px;
}

.option-menu-div-28.big2:hover {
  background-color: #e1ebfa;
}

.text-374 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.text-374.center {
  text-align: center;
  font-size: 20px;
}

.text-374.blue {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
}

.chip-label-50 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-50.small {
  font-size: 13px;
  line-height: 16px;
}

.content-item-20 {
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.modal-content-15 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 520px;
  min-height: 260px;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.div-block-3690 {
  padding-top: 6px;
}

.scheduled-item-11 {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.close-modal-67 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-67:hover {
  opacity: 1;
  text-align: left;
}

.program-wrapper-12 {
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  top: 80px;
  overflow: visible;
}

.div-block-3691 {
  padding-left: 8px;
}

.text-block-197 {
  color: #bbb;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.audio-bottom-controls-21 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.all-items-15 {
  z-index: 995;
  background-color: #fff;
  flex-direction: column;
  width: 250px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 16px 20px;
  display: none;
  position: fixed;
  top: 66px;
  right: 151px;
  overflow: visible;
  box-shadow: 1px 0 30px #0009;
}

.div-block-3692 {
  background-color: #f0f0f0;
  justify-content: space-between;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 8px;
  display: flex;
}

.textlabel-sf-11 {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Sf ui display, sans-serif;
  font-weight: 500;
  line-height: 18px;
}

.textlabel-sf-11._12 {
  font-size: 12px;
  line-height: 16px;
}

.textlabel-sf-11._12.white {
  opacity: 1;
  color: #fff;
  white-space: normal;
  max-width: 140px;
  max-height: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
}

.text-375 {
  color: #00528c;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.div-block-3693 {
  align-self: center;
}

.image-628 {
  filter: invert();
  position: relative;
}

.text-block-198 {
  color: #a3a3a3;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
}

.image-629 {
  display: none;
}

.label-sf-22 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-22.rest {
  color: #999;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  font-size: 13px;
  transition: color .2s;
  display: block;
  position: relative;
}

.label-sf-22.rest:hover {
  color: #00b2ed;
}

.label-sf-22.rest.hidden {
  cursor: pointer;
}

.label-sf-22.duration {
  color: #00528c;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  width: auto;
  margin-top: 0;
  font-size: 13px;
  line-height: 16px;
  transition: color .2s;
  display: block;
  position: relative;
}

.label-sf-22.duration:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.label-sf-22._12 {
  font-size: 12px;
  line-height: 16px;
}

.label-sf-22._12.white {
  opacity: 1;
  color: #fff;
  margin-bottom: 3px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.label-sf-22._11 {
  font-size: 11px;
  line-height: 13px;
}

.label-sf-22._11.white {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  line-height: 13px;
}

.label-sf-22.red {
  color: #e53935;
}

.label-sf-22._13 {
  color: #999;
  font-size: 13px;
}

.label-sf-22._13.blue {
  color: #00528c;
}

.div-block-3694 {
  background-color: #fffc;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 80px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 80px 0% auto;
}

.library-search-section-12 {
  justify-content: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8px;
  display: block;
}

.text-menu-option-54 {
  color: #00528c;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-54.big {
  font-size: 14px;
  line-height: 18px;
}

.icon-duplicate-15 {
  opacity: .6;
  transition: opacity .3s;
}

.icon-duplicate-15:hover {
  opacity: 1;
}

.div-block-3695 {
  opacity: .84;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.ac-icon-39 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-39.group {
  background-image: url('../images/group-w.png');
  background-size: 20px;
}

.ac-icon-39.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
  margin-left: 0;
}

.modalclosediv-57 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalclosediv-57.small {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 6px;
  right: 6px;
}

.sf-1081 {
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.sf-1081.gray {
  color: #7f7f7f;
}

.div-block-3696 {
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  padding-right: 20px;
  display: flex;
}

.upload-img-copy-11 {
  opacity: .63;
  width: 106px;
}

.small-text-33 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-33.view-all {
  text-transform: none;
}

.div-block-3697 {
  background-image: url('../images/open.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.set-label-12 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 16px;
}

.div-block-3698 {
  padding-bottom: 10px;
}

.sf-1082 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1082.dark-blue {
  color: #00528c;
}

.sf-1082.dark-blue.semi {
  cursor: pointer;
  position: relative;
}

.sf-1082.white {
  color: #fff;
}

.sf-1082.semi {
  font-weight: 600;
}

.modalclosediv-58 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.div-block-3699 {
  align-items: flex-start;
  display: flex;
}

.delete-icon-holder-16 {
  background-color: #9e9e9e24;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
}

.sf-1083 {
  color: #313131;
  justify-content: space-between;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sf-1083.dark-blue {
  color: #00528c;
}

.ac-default-label-small-123 {
  color: #00528cc7;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.upload-column-14 {
  width: auto;
  margin-right: 0;
}

.text-376 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.text-block-199 {
  font-size: 18px;
}

.tile-tall-27 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 22%;
  min-width: 90px;
  min-height: 106px;
  margin-top: 2px;
  margin-bottom: 0;
  margin-right: 5px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}

.tile-tall-27:hover {
  background-image: linear-gradient(#000, #fff);
}

.text-span-269 {
  margin-left: 9px;
  font-weight: 500;
}

.textarea-19 {
  min-height: 80px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.workout-div-64 {
  clear: left;
  cursor: move;
  height: auto;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.text-377 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.text-377.medium {
  font-weight: 500;
}

.text-377.medium.blue {
  color: #00528c;
}

.modal-top-bar-54 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.text-378 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-378.blue {
  color: #0078ce;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.text-378.grey {
  opacity: .68;
  text-align: center;
}

.div-block-3700 {
  min-width: 150px;
  display: flex;
}

.media-thumb-17 {
  background-color: #3074a3;
  background-image: url('../images/mara-pilates.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 38px;
}

.program-tile-overlay-24 {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.program-tile-overlay-24:hover {
  opacity: 1;
}

.workout-modal-button-holder-20 {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  border-bottom-right-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 68px;
  max-height: none;
  padding: 4px 20px 0;
  display: flex;
}

.text-span-270 {
  font-size: 10px;
  line-height: 14px;
}

.item-duration-8 {
  color: #fff;
  background-color: #0009;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.ac-default-label-small-124 {
  color: #8a8a8a;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.modal-top-bar-55 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 4px;
  display: flex;
  position: static;
}

.submit-save-button-75 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-75:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-75.red {
  background-color: #ef5350;
}

.submit-save-button-75.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-75.cancel:hover {
  background-color: #a1a1a1;
}

.action-button-52 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-52:hover {
  color: #fff;
  background-color: #0d72b9;
}

.div-block-3701 {
  padding-bottom: 16px;
}

.modal-content-username-copy-2 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 600px;
  min-height: 200px;
  max-height: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: flex;
  overflow: hidden;
}

.sf-1084 {
  font-family: Sf ui text, sans-serif;
  font-size: 10px;
  line-height: 14px;
}

.sf-1084.label {
  color: #fff;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 10px;
}

.text-379 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-379.light {
  font-weight: 300;
}

.workout-div-65 {
  clear: left;
  cursor: move;
  height: auto;
  min-height: 50px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.sf-1085 {
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.sf-1085.white {
  color: #fff;
  line-height: 16px;
  inset: 0% auto auto 0%;
}

.div-block-3702 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3703 {
  cursor: auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-top: 0;
  padding-left: 20px;
  display: inline-block;
}

.div-block-3704 {
  align-items: center;
  height: 100%;
  margin-right: 0;
  display: flex;
}

.div-block-3705 {
  flex: 1;
  padding-top: 0;
  padding-bottom: 40px;
  overflow: auto;
}

.text-block-200 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
}

.link-49 {
  color: #16c5ff;
}

.div-block-3706 {
  padding-bottom: 20px;
}

.div-block-3707 {
  height: 6px;
  position: absolute;
}

.div-block-3708 {
  letter-spacing: .3px;
  padding: 4px 10px;
  font-weight: 400;
}

.library-empty-copy-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 220px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-3709 {
  padding: 40px;
}

.timeline-item-text-19 {
  color: #ffeaea;
  align-items: flex-start;
  padding-left: 8px;
  display: flex;
  overflow: visible;
}

.program-name-input-6 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #032944;
  min-width: 240px;
  height: 40px;
  margin-bottom: 0;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.program-name-input-6:hover {
  background-color: #ffffff29;
  border: 1px solid #3d79a3;
}

.program-name-input-6:focus {
  border: 1px solid #3d79a3;
}

.program-name-input-6::placeholder {
  color: #fff;
}

.text-380 {
  color: #161616;
  margin-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.text-380.uppercase {
  text-transform: uppercase;
  line-height: 22px;
}

.exercise-edit-wrapper-11 {
  background-color: #e7e7e7;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  min-height: 0%;
  max-height: none;
  padding: 6px 12px 300px;
  display: block;
  position: relative;
  overflow: auto;
}

.volume-control-16 {
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.radio-button-field-20 {
  margin-top: 14px;
  margin-bottom: 8px;
}

.div-block-3710 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.div-block-3711 {
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.set-label-13 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.h3-dark-18 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-dark-18.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.div-block-3712 {
  padding-bottom: 8px;
}

.text-381 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-3713 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3713.hidden {
  display: none;
}

.workout-modal-button-holder-21 {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 580px;
  height: 68px;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  bottom: 8px;
  right: 0;
}

.workout-modal-button-holder-21.noborder {
  border-top-style: none;
  width: auto;
  height: 80px;
}

.tile-hover-icon-block-30 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.div-block-3714 {
  background-color: #0000;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: static;
  inset: 0% 10px auto auto;
}

.cal-item-wrapper-15 {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  flex-direction: column;
  padding: 3px 2px 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.workout-text-12 {
  width: 206px;
  padding-top: 2px;
  padding-left: 8px;
  overflow: visible;
}

.text-initials-56 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.text-382 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-382.gray {
  color: #7e7e7e;
  font-family: Sf ui text, sans-serif;
}

.text-382.center {
  text-align: center;
  line-height: 20px;
  display: block;
}

.select-audio-14 {
  text-align: right;
  margin-left: auto;
  position: relative;
  left: 0;
  right: 0;
}

.div-block-3715 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.audio-component-20 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.client-sync-16 {
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  margin-left: 0;
  margin-right: 14px;
  display: flex;
}

.modal-grip-bar-4 {
  z-index: 1001;
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-3716 {
  margin-bottom: 8px;
}

.text-383 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.text-383.gray {
  color: #7e7e7e;
}

.text-383.white {
  color: #fff;
}

.add-icon2-14 {
  opacity: 1;
  cursor: pointer;
  padding-right: 2px;
  display: block;
}

.add-icon2-14:hover {
  opacity: 1;
}

.div-block-3717 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-3718 {
  justify-content: space-between;
  align-items: center;
  width: 1020px;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  display: flex;
}

.sf-1086 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1086.semi {
  font-weight: 600;
}

.sf-1086.semi.navy {
  color: #00528c;
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.icon-audio-15 {
  background-image: url('../images/audio_1audio.png');
  background-position: 0 0;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.library-empty-copy-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-3719 {
  padding-top: 10px;
  padding-bottom: 4px;
}

.div-block-3720 {
  background-color: #fff;
  justify-content: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.button-media-option-7 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  margin-top: 0;
  padding: 12px 14px 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  position: static;
}

.button-media-option-7:hover {
  background-color: #00b2ed33;
}

.intro-23 {
  z-index: 1000;
  text-align: center;
  cursor: nwse-resize;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.div-block-3721 {
  justify-content: space-between;
  display: flex;
}

.div-block-3722 {
  background-image: url('../images/preview_1preview.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  background-attachment: scroll;
  width: 22px;
  height: 24px;
  margin-right: 6px;
}

.header-element-holder-17 {
  z-index: 25;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 50px;
  padding-left: 8px;
  display: flex;
  position: relative;
}

.div-block-3723 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
}

.div-block-3724 {
  align-items: center;
  width: auto;
  margin-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.modal-content-exercises-15 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0 0;
  display: block;
  position: relative;
  overflow: visible;
}

.modal-confiirmation-4 {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-384 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.preview-panel-wrapper-11 {
  flex: 1;
  max-height: 90px;
  display: none;
}

.div-block-3725 {
  border-style: none;
  border-width: 1px;
  align-items: flex-start;
  height: 30px;
  display: flex;
}

.exercise-row-17 {
  background-color: #fff;
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.exercise-row-17.border {
  border-top: 1px solid #cecece;
}

.div-block-3726 {
  cursor: move;
  height: 20px;
}

.exercise-image-18 {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 60px;
  height: 52px;
  margin-top: 8px;
  display: block;
}

.upload-button-div-5 {
  clear: left;
  width: auto;
  height: auto;
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: static;
  top: 0;
}

.send-copy-inner-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 100px;
  display: block;
}

.content-item-21 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 6px 4px;
  display: flex;
  overflow: hidden;
}

.label-tile-20 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.label-tile-20.sm {
  font-size: 12px;
}

.div-block-3727 {
  background-color: #e9e9e9;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
  padding: 4px 14px 8px;
  display: flex;
}

.div-block-3728 {
  align-items: flex-start;
  width: 290px;
  height: 40px;
  display: flex;
}

.submit-save-button-76 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-76:hover {
  color: #fff;
  background-color: #1679cf;
}

.image-631 {
  margin-right: 10px;
}

.day-heading-14 {
  z-index: 20;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.text-385 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-385.grey {
  color: #818181;
  font-family: Sf ui text, sans-serif;
}

.text-385.blue {
  color: #00528c;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.sf-1087 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.media-thumb-18 {
  background-image: url('../images/mara-pilates.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 42px;
  position: relative;
}

.div-block-3729 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 80px;
  min-height: 80px;
}

.text-menu-option-55 {
  color: #00528c;
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option-55.big {
  font-size: 14px;
  line-height: 18px;
}

.text-menu-option-55.subhead {
  color: #7e7e7e;
  line-height: 16px;
}

.text-menu-option-55.big {
  font-size: 14px;
}

.image-632 {
  cursor: pointer;
}

.image-632:hover {
  filter: saturate(71%);
}

.tag-small-44 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-44:hover {
  background-color: #00528ccc;
}

.assign-button-5 {
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 34px;
  margin-left: 20px;
  margin-right: 14px;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color .4s;
  display: flex;
}

.assign-button-5:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.minus-toggle-copy-11 {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.minus-toggle-copy-11:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle-copy-11:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.div-block-3730 {
  justify-content: flex-end;
  height: 100%;
  padding-top: 5px;
  display: flex;
}

.heading-holder-13 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 0 20px;
  display: block;
}

.search-field-26 {
  color: #a8a1a1;
  background-color: #fff9;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 12px;
  display: flex;
}

.search-field-26:focus {
  border-color: #00b2ed;
}

.search-field-26::placeholder {
  color: #03294480;
}

.close-modal-68 {
  cursor: pointer;
  display: block;
}

.program-options-22 {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 44px;
  left: -190px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.program-wrapper-13 {
  align-items: flex-start;
  width: 100vw;
  height: auto;
  display: flex;
  position: relative;
  top: 58px;
  overflow: auto;
}

.scheduled-overlay-11 {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff4d;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 100%;
  min-height: 42px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: none;
  position: absolute;
  left: 0;
}

.scheduled-overlay-11:hover {
  opacity: 1;
  background-color: #ffffff4d;
}

.input-username-14 {
  width: 360px;
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.input-username-14::placeholder {
  color: #00000045;
}

.edit-exercise-13 {
  cursor: move;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  max-width: 540px;
  height: auto;
  margin: 4px 0 0;
  padding: 0 0 0 2px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 2px #00000030;
}

.edit-exercise-13:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.edit-exercise-13.selected-exercise {
  background-color: #fcfded;
  border-width: 2px;
  border-color: #00b2ed;
}

.text-block-201 {
  color: #ffffffe0;
}

.div-block-3731 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: block;
}

.modalcontent-28 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.quote-name-14 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.sf-1088 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1088.tran-white {
  color: #ffffffb3;
}

.sf-1088.blue-semi {
  color: #0078ce;
  font-weight: 600;
}

.arrow-left-12 {
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 30px;
  margin-top: 8px;
  padding-top: 10px;
  padding-left: 12px;
}

.div-block-3732 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.image-633 {
  border: 1px solid #cecece;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.block-7-20 {
  flex: 1;
  align-items: center;
  min-width: 100px;
  min-height: 40px;
  margin-left: 56px;
  padding-right: 20px;
  display: flex;
}

.sf-15-med-108 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.form-block-111 {
  margin-bottom: 0;
}

.div-block-3733 {
  margin-left: 8px;
}

.sf-1089 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1089.white {
  color: #fff;
  cursor: default;
}

.week-column-wrapper-13 {
  background-color: #0000;
  border-radius: 4px;
  width: auto;
  min-width: 290px;
  max-width: 290px;
  height: auto;
  min-height: 140px;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.sf-1090 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1090.center {
  text-align: center;
  font-weight: 300;
}

.div-block-3734 {
  min-width: 30px;
  padding-top: 2px;
}

.button-list-panel-13 {
  z-index: 1005;
  opacity: .7;
  cursor: pointer;
  background-color: #00b2ed4d;
  background-image: url('../images/arrow-down_1arrow-down.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  position: fixed;
  inset: 14px auto auto 14px;
}

.button-list-panel-13:hover {
  opacity: 1;
  color: #fff;
  background-color: #00b2ed99;
}

.input-holder-13 {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
}

.input-holder-13._2 {
  margin-bottom: 40px;
}

.text-386 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-386.hidden {
  font-family: Sf ui text, sans-serif;
}

.div-block-3735 {
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3735.hidden {
  padding-top: 20px;
  padding-left: 0;
}

.image-634 {
  opacity: 1;
  margin-right: 5px;
  transition: opacity .3s;
}

.text-block-202 {
  color: #00528c;
  padding: 12px 10px 12px 14px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.text-block-202:hover {
  background-color: #edf5f8;
}

.results-holder-72 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.text-span-271 {
  margin-left: 9px;
}

.div-block-3736 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-input-wrapper-12 {
  padding: 10px 20px;
  display: block;
}

.sf-1091 {
  font-size: 12px;
  line-height: 20px;
}

.sf-1091.white {
  color: #fff;
}

.results-holder-73 {
  z-index: 2;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-3737 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.search-field-27 {
  color: #a8a1a1;
  background-color: #ffffffb3;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  display: flex;
}

.search-field-27:focus {
  border-color: #00b2ed;
}

.search-field-27::placeholder {
  color: #03294480;
}

.sf-1092 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.results-scroller-84 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.item-holder-17 {
  cursor: auto;
  display: block;
  position: static;
}

.overlay-16 {
  background-color: #fff0;
  transition: background-color .6s;
  display: block;
  position: absolute;
  inset: 0%;
}

.overlay-16:hover {
  background-color: #fff6;
}

.image-635 {
  display: none;
}

.sf-1093 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1093.center {
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.modal-editing-access {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.image-636 {
  opacity: .2;
  filter: grayscale();
  cursor: pointer;
  transition: opacity .24s;
}

.image-636:hover {
  opacity: .56;
}

.sf-1094 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.button-today-16 {
  background-color: #d9ebf6;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.button-today-16:hover {
  background-color: #b4daf1;
}

.div-block-3738 {
  justify-content: flex-start;
  align-items: center;
  width: 136px;
  display: flex;
}

.text-initials-57 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-span-272 {
  font-weight: 500;
}

.right-client-overlay-13 {
  opacity: 0;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.right-client-overlay-13:hover {
  opacity: 1;
}

.exercise-holder-13 {
  flex-direction: column;
  align-items: center;
  max-height: 500px;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  display: block;
  position: static;
  left: 10px;
  overflow: auto;
}

.header-48 {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 58px;
  padding-top: 8px;
  padding-bottom: 6px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.workout-name-15 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.item-name-input-4 {
  color: #1d1d1d;
  background-color: #ffffff94;
  border: 1px solid #d3d3d3;
  height: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.item-name-input-4:hover {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}

.item-name-input-4:focus {
  border: 1px solid #a7a7a7;
}

.apply-button-holder-13 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.sf-1095 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.sf-1095.white {
  color: #fff;
  font-weight: 400;
}

.div-block-3739 {
  align-items: center;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.tag-item-input-62 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-3740 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.result-row-58 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-58:hover, .result-row-58.selected {
  background-color: #d8e6fc;
}

.arrow-24 {
  background-color: #fff;
  background-image: url('../images/arrow-left_1arrow-left.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 3px;
  margin-right: 3px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.arrow-24:hover {
  background-color: #b4daf1;
}

.arrow-24.right {
  background-image: url('../images/arrow-right_1arrow-right.png');
  background-size: 24px;
}

.div-block-3741 {
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
}

.div-block-3742 {
  width: 100vw;
  max-width: 100vw;
  display: flex;
}

.search-wrapper-32 {
  width: 390px;
  position: relative;
}

.search-wrapper-32.long {
  width: 100%;
}

.div-block-3743 {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 8px 14px;
  display: flex;
  position: relative;
}

.div-block-3744 {
  letter-spacing: .3px;
  padding: 4px 10px;
  font-weight: 500;
}

.media-preview-13 {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 220px;
  margin-top: 10px;
  display: flex;
}

.right-panel-content-11 {
  background-color: #ddeefa;
  flex-direction: column;
  flex: 1;
  height: 90vh;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.input-wrapper-13 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 0;
  display: flex;
}

.audio-component-21 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-21.review {
  min-width: 100%;
  height: 92px;
  padding-left: 12px;
  display: flex;
}

.tag-item-input-63 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-3745 {
  background-color: #fff;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 5px 3px 3px;
  transition: background-color .2s;
  display: flex;
}

.div-block-3745:hover {
  background-color: #fff1f1;
}

.sf-14-grey-label-22 {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.client-input-holder-12 {
  width: 400px;
  min-width: 0;
  max-width: none;
  margin-left: 20px;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.checkbox-div-4 {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.checkbox-div-4.selected {
  background-image: url('../images/checked_2.png');
  background-size: cover;
}

.sf-1096 {
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.timeline-sender-17 {
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
  padding-left: 14px;
  display: flex;
}

.div-block-3746 {
  margin-left: 14px;
}

.sf-1097 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1097.button {
  color: #fff;
}

.sf-1097.semi {
  opacity: 1;
  font-weight: 600;
  line-height: 14px;
}

.sf-1097.semi.navy {
  color: #1e6190;
}

.div-block-3747 {
  background-image: url('../images/reset_1reset.png');
  background-position: 50%;
  background-size: cover;
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

.textlabel-day-12 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
}

.textlabel-day-12.small {
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.image-637 {
  cursor: pointer;
}

.image-637:hover {
  filter: saturate(71%);
}

.text-label-16 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 16px;
}

.text-label-16._12 {
  font-size: 12px;
  line-height: 16px;
}

.text-label-16._12:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.text-label-16._12.white {
  opacity: 1;
  color: #fff;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
}

.text-label-16._12.white:hover {
  text-decoration: none;
}

.text-span-273 {
  font-size: 14px;
}

.tag-item-input-64 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.exercise-content-div-14 {
  flex-direction: column;
  align-items: flex-start;
  width: 388px;
  padding-left: 12px;
  display: flex;
  position: static;
  right: 0;
}

.no-program-selected-main-cover {
  z-index: 1000;
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 58px 0% 0%;
}

.div-block-3748 {
  display: flex;
  position: static;
}

.text-387 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.submit-button-small-38 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-38:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-38.cancel {
  background-color: #97a4af;
}

.submit-button-small-38.cancel:hover {
  background-color: #889097;
}

.submit-button-small-38.disable {
  opacity: .53;
  color: #fff;
}

.submit-button-small-38.disable:hover {
  background-color: #3898ec;
}

.sf-1098 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1098.grey {
  color: #a3a3a3;
}

.icon-trash-16 {
  opacity: .5;
  transition: opacity .3s;
}

.icon-trash-16:hover {
  opacity: 1;
}

.results-wrapper-52 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.submit-button-area-36 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.submit-button-area-36.vertical {
  flex-direction: column;
  justify-content: space-around;
  height: auto;
  min-height: 90px;
  padding-top: 14px;
  padding-bottom: 24px;
}

.text-388 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-388.white {
  color: #fff;
  font-family: Sf ui text, sans-serif;
}

.sf-1099 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1099.white {
  color: #fff;
  white-space: nowrap;
  line-height: 18px;
  transition: background-color .2s;
}

.text-span-274 {
  color: #0000004d;
}

.div-block-3749 {
  width: 62px;
}

.tag-small-45 {
  clear: left;
  cursor: move;
  background-color: #00528cbd;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-45:hover {
  background-color: #00528ce6;
}

.tag-small-45.hidden {
  max-width: 100%;
}

.play-pause-8 {
  min-width: 100%;
  height: auto;
  margin-left: 0;
  padding-top: 13px;
}

.submit-button-41 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-41:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-41.cancel {
  background-color: #97a4af;
}

.submit-button-41.cancel:hover {
  background-color: #889097;
}

.text-menu-option-56 {
  color: #00528c;
  font-size: 12px;
  line-height: 15px;
}

.text-menu-option-56.small {
  color: #7e7e7e;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}

.text-menu-option-56.big {
  font-size: 14px;
  line-height: 18px;
}

.hour-input-13 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 8px 0 0;
  display: block;
}

.hour-input-13::placeholder {
  color: #00000054;
}

.div-block-3750 {
  width: 34px;
  min-width: 34px;
  margin-right: 10px;
}

.sf-1100 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.close-modal-69 {
  opacity: .5;
  cursor: pointer;
  display: inline-block;
}

.close-modal-69:hover {
  opacity: .9;
  text-align: left;
}

.div-block-3751 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-action-button-13 {
  cursor: pointer;
  background-color: #d9ebf6;
  background-image: url('../images/cancel_1cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.user-action-button-13:hover {
  background-color: #b4daf1;
}

.user-action-button-13.replace {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/swap_1swap.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-13.replace:hover {
  background-color: #b4daf1;
}

.user-action-button-13.remove-workouts {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/calendar-remove_1calendar-remove.png');
  background-size: 22px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-13.remove-workouts:hover {
  background-color: #b4daf1;
}

.user-action-button-13.duration {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/clock-with-white-face_1clock-with-white-face.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  margin-top: 0;
  padding-left: 0;
}

.user-action-button-13.duration:hover {
  background-color: #b4daf1;
}

.div-block-3752 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.modal-send-copy {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.submitbutton-27 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-27:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-27.red {
  background-color: #ef5350;
  width: 160px;
  height: 60px;
  margin-top: 30px;
  padding-top: 20px;
  line-height: 18px;
}

.submitbutton-27.red:hover {
  color: #fff;
  background-color: #d42f2c;
}

.submitbutton-27.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-27.grey:hover {
  background-color: #909090;
}

.submitbutton-27.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.div-block-3753 {
  border-top: 1px solid #e9e9e9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 30px;
  display: flex;
}

.sf-1101 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.checkbox-holder-13 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  padding-top: 12px;
  padding-left: 6px;
  display: flex;
}

.workout-div-66 {
  cursor: move;
  height: auto;
  min-height: 50px;
  padding-top: 0;
  padding-bottom: 4px;
  position: relative;
}

.input-wrapper-14 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 2px;
  padding-bottom: 0;
  display: flex;
}

.div-block-3754 {
  background-color: #f7f7f7;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 2px;
  padding-left: 14px;
  padding-right: 20px;
  display: flex;
}

.ac-icon-40 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-40.empty {
  background-image: none;
  width: 1px;
  min-width: 1px;
  height: 22px;
  margin-left: 0;
}

.play-pause-9 {
  min-width: 100%;
  height: auto;
  margin-left: 0;
  padding-top: 13px;
}

.div-block-3830 {
  width: 100%;
  margin-bottom: 10px;
}

.sf-1128 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1128.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.ac-default-label-small-128 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.modal-delete-group-confirmation {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-link-12-2 {
  color: #0078ce;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
}

.load-more-wrapper-copy {
  cursor: pointer;
  background-color: #46464612;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.sf-1129 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1129.center {
  text-align: center;
}

.modal-header-22 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.group-details-holder {
  background-color: #fff;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px 60px;
  display: block;
}

.div-block-3831 {
  padding: 20px;
}

.search-fllter-wrapper-copy {
  align-items: center;
  min-height: 55px;
  display: flex;
}

.modalclosediv-61 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.ac-default-label-small-129 {
  color: #00528cc7;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.user-overview-section-wrapper-13 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  padding: 10px 10px 60px;
  overflow: auto;
}

.submit-button-43 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
}

.submit-button-43:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-43.cancel {
  color: #fff;
  background-color: #97a4af;
}

.submit-button-43.cancel:hover {
  background-color: #889097;
}

.submit-button-43.red {
  background-color: #ed4444;
}

.submit-button-43.red:hover {
  background-color: #d82424;
}

.tag-item-input-68 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.text-initials-60 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.back-to-list {
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: block;
}

.modal-remove-user-confirmation-copy {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.add-group-members-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/add_3add.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #85d0ff;
  border-radius: 4px;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 28px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 0;
  transition: background-color .4s;
  position: relative;
}

.add-group-members-button:hover {
  opacity: 1;
  background-color: #bbd4f5;
}

.add-group-members-button.disabled {
  opacity: .4;
}

.customer-table-row-9 {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-9:hover {
  background-color: #f3f8fc;
}

.ac-icon-41 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-41.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.results-holder-76 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.group-name-2 {
  background-color: #0000;
  width: 100%;
  height: 50px;
  max-height: 50px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  line-height: 24px;
  transition: all .3s;
  overflow: hidden;
}

.group-name-2:hover, .group-name-2:focus {
  background-color: #fff;
  border-color: #d4d4d4;
}

.group-name-2::placeholder {
  color: #8b8b8b;
}

.modal-content-leads-40 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.sf-1130 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1130.semi-white {
  color: #fff;
  text-align: center;
  font-weight: 500;
}

.sf-226-copy {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-226-copy.grey {
  color: #747474;
  font-style: italic;
}

.result-row-60 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-60:hover, .result-row-60.selected {
  background-color: #d8e6fc;
}

.chip-label-52 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-52.small {
  font-size: 13px;
  line-height: 16px;
}

.modal-group-details {
  z-index: 995;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-3832 {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 42px;
  min-height: 42px;
  margin-right: 14px;
  transition: background-color .4s;
  display: flex;
}

.div-block-3832:hover {
  background-color: #dbf1ff;
}

.modal-add-user {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.sf-1131 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1131.bold {
  font-weight: 700;
}

.div-block-3833 {
  background-color: #fff;
  width: 100%;
  min-height: 50px;
  max-height: 80vh;
  position: sticky;
  top: 70px;
  overflow: auto;
}

.div-block-3834 {
  display: flex;
}

.user-actions-13 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 6px;
  display: flex;
  position: relative;
}

.customer-table-cell-15 {
  border-right: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-15.default {
  justify-content: flex-start;
  align-items: center;
  min-width: 150px;
  margin-top: 0;
}

.customer-table-cell-15.xs {
  border-right-style: none;
  justify-content: flex-end;
  align-items: center;
  width: 15%;
  min-width: 100px;
  max-width: 150px;
  min-height: 30px;
  margin-top: 0;
}

.customer-table-cell-15.sm {
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  min-width: 100px;
  max-width: 220px;
  margin-top: 0;
}

.customer-table-cell-15.sm.r {
  justify-content: flex-end;
  align-items: center;
  padding-right: 25px;
}

.customer-table-cell-15.med {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 38%;
  min-width: 200px;
  max-width: 410px;
  margin-top: 0;
}

.modal-new-group {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.search-actions-section-6 {
  width: 100%;
  max-width: 1300px;
  margin-top: 0;
}

.search-wrapper-group {
  width: 540px;
  position: relative;
}

.tag-small-48 {
  clear: left;
  cursor: move;
  background-color: #00528ccc;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-48:hover {
  background-color: #00528cf2;
}

.tag-small-48.hidden {
  max-width: 100%;
}

.name-label-5 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.name-label-5:hover {
  color: #313131;
}

.sf-15-med-111 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.modal-content-full {
  background-color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.group-name-holder {
  z-index: 3;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 70px;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-right: 10px;
  display: flex;
}

.results-scroller-87 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.customer-table-4 {
  width: 100%;
  max-width: 1300px;
  height: auto;
  display: block;
  position: relative;
}

.image-652 {
  margin-left: 4px;
  display: none;
}

.user-view-wrapper-2-2 {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 70%;
  max-width: 100%;
  height: 100vh;
  margin-top: 0;
  padding: 40px;
  display: flex;
  overflow: auto;
}

.user-view-wrapper-2-2.group {
  padding-top: 0;
}

.checkbox-30 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-30:hover {
  background-color: #dfdfdf;
}

.message-group-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/message_1message.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  border: 1px solid #85d0ff;
  border-radius: 4px;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 28px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 0;
  transition: background-color .4s;
  position: relative;
}

.message-group-button:hover {
  opacity: 1;
  background-color: #bbd4f5;
}

.remove-47 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-47:hover {
  opacity: 1;
}

.remove-47.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.text-initials-61 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.sf-1132 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1132.grey {
  color: #747474;
}

.div-block-3835 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tag-active-5 {
  color: #fff;
  text-align: center;
  background-color: #1abc9c;
  border-radius: 4px;
  width: 64px;
  padding: 7px 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.tag-active-5:hover {
  background-color: #139b80;
}

.user-overview-6 {
  text-align: center;
  background-color: #f0f6f8;
  border-left: 1px solid #dadada;
  width: 100%;
  height: 100vh;
  overflow: auto;
  box-shadow: -5px 0 13px #0000001f;
}

.tag-21 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 2px 5px 0;
  display: inline-block;
}

.search-bar-wrapper-group {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.user-detail-side-panel-2 {
  z-index: 3;
  flex: 0 auto;
  width: 30%;
  min-width: 420px;
  max-width: 420px;
  display: none;
  position: relative;
}

.sf-1133 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.overview-section-row-3 {
  margin-bottom: 20px;
}

.form-block-113 {
  margin-bottom: 0;
}

.delete-group-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  border: 1px solid #ffd4d4;
  border-radius: 4px;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 28px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 0;
  transition: background-color .4s;
  position: relative;
}

.delete-group-button:hover {
  opacity: 1;
  background-color: #ffe8e8;
}

.delete-group-button.disabled {
  opacity: .4;
  display: block;
}

.user-outer-wrapper-5 {
  background-color: #fff;
  flex-direction: row;
  flex: 1;
  height: 100vh;
  display: flex;
}

.tag-item-input-69 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.results-wrapper-54 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.div-block-3836 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.challenge-icon {
  margin-left: 4px;
}

.div-block-3837 {
  margin-left: auto;
}

.auto-billing-input-8 {
  align-items: center;
  width: auto;
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 40px;
  display: flex;
}

.remove-48 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-48:hover {
  opacity: 1;
}

.remove-48.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.plans-main-section-6 {
  flex-direction: column;
  width: 55%;
  min-width: 640px;
  max-width: 860px;
  height: 100%;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  overflow: hidden;
}

.image-653 {
  margin-left: 3px;
  display: none;
}

.submitbutton-29 {
  text-align: center;
  border-style: none;
  border-radius: 6px;
  width: 200px;
  height: 54px;
  margin-top: 25px;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-29:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.results-holder-77 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.checkbox-31 {
  margin-top: 0;
  margin-left: 0;
  font-size: 20px;
}

.labelsmall-21 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall-21._2 {
  color: #161616;
  margin-bottom: 8px;
}

.header-wide-6 {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 88px;
  min-height: 88px;
  padding: 18px 14px 8px 40px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.sf-1134 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.ac-icon-42 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-42.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.free-trial-input-wrapper-9 {
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.sf-1135 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-1136 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.modalcontent-30 {
  background-color: #fff;
  flex-direction: column;
  width: 580px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.results-scroller-88 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.radio-button-field-22 {
  margin-top: 6px;
}

.unmatched-69 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.image-654 {
  margin-left: 4px;
}

.chip-label-53 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-53.small {
  font-size: 13px;
  line-height: 16px;
}

.close-modal-73 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-73:hover {
  opacity: 1;
  text-align: left;
}

.button-holder-6 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.select-field-32 {
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.select-field-32.frequency {
  margin-top: 5px;
  margin-bottom: 30px;
}

.select-field-32.frequency.edit-plan-interval-type {
  color: #2c2c2c;
  width: 180px;
  margin-top: 2px;
  margin-bottom: 10px;
  display: block;
}

.select-field-32.frequency.edit-plan-interval-type-copy {
  color: #2e2e2e;
  width: 180px;
  margin-top: 2px;
  margin-bottom: 10px;
  display: block;
}

.select-field-32.trial {
  margin-top: 5px;
  margin-bottom: 30px;
}

.select-field-32.trial.edit-trial-days {
  width: 400px;
  display: block;
}

.chip-label-54 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.modalclosediv-62 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.content-pro-9 {
  background-color: #ebf0f3;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding: 20px 0 60px;
  font-size: 16px;
  display: block;
  position: relative;
  left: 0;
}

.content-pro-9.plans {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.small-text-35 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-35.view-all {
  text-transform: none;
}

.sf-1137 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.plan-edit-section-8 {
  background-color: #ebf0f3a8;
  max-width: 850px;
  margin-bottom: 2px;
  padding: 15px 20px 5px 30px;
  display: block;
}

.modaleditplan-7 {
  z-index: 995;
  background-color: #0006;
  margin-top: 0;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0;
}

.free-trial-input-wrapper-10 {
  align-items: center;
  margin-top: 2px;
  padding-bottom: 10px;
  display: flex;
}

.sf-1138 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1138.semi {
  font-weight: 600;
}

.sf-1138.semi.navy {
  color: #00528c;
  text-align: center;
}

.text-span-282 {
  margin-left: 9px;
  font-weight: 500;
}

.sf-1139 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1139.semi {
  color: #000000b3;
  font-weight: 600;
}

.plan-item-6 {
  background-color: #fff;
  border: 4px solid #fff;
  flex-direction: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding: 0;
  transition: background-color .4s;
  display: block;
  position: static;
  bottom: auto;
}

.plan-item-6:hover {
  border-style: solid;
  border-width: 4px;
  box-shadow: 5px 4px 20px -5px #00528c80;
}

.plan-item-6.selected {
  border-color: #00b2ed;
  box-shadow: 5px 4px 20px -5px #00528c66;
}

.plan-item-6.new:hover {
  box-shadow: none;
  border-color: #fff;
}

.submit-save-button-80 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-80:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-80.disabled {
  opacity: .5;
  cursor: pointer;
}

.submit-save-button-80.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 14px;
}

.submit-save-button-80.cancel:hover {
  background-color: #929292;
}

.div-block-3838 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3839 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 102px;
  width: 200px;
  height: 200px;
}

.results-holder-78 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.modal-confiirmation-5 {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.ac-icon-43 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-43.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.sf-1140 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1140.semi {
  color: #000000b3;
  font-weight: 600;
}

.create-new-button-28 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-28:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.results-wrapper-55 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-13-grey-label-36 {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-1141 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1141.grey-blue {
  color: #00528c;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 18px;
}

.sf-1141.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.div-block-3840 {
  padding-top: 10px;
}

.plan-options-menu-12 {
  z-index: 23;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: auto;
  min-width: 190px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 24px 5px auto auto;
  box-shadow: 1px 1px 3px #00000078;
}

.plan-options-menu-12.hidden {
  width: 190px;
  min-width: 190px;
}

.form-input-wrapper-10 {
  width: 600px;
  padding-top: 6px;
  padding-right: 14px;
}

.modalcontent-31 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.div-block-3841 {
  padding-top: 0;
  padding-bottom: 6px;
}

.div-block-3842 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-3843 {
  width: 360px;
  padding-bottom: 20px;
}

.div-block-3844 {
  align-items: center;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-menu-option-60 {
  color: #00528c;
  flex: none;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.h3-dark-20 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.h3-dark-20.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-weight: 300;
  line-height: 26px;
  display: block;
}

.sort-wrapper-12 {
  align-items: center;
  display: flex;
}

.sf-1142 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.plus-icon-19 {
  opacity: .7;
  margin-right: 0;
}

.tag-22 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-22.multiple {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 1px;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.div-block-3845 {
  padding-right: 5px;
}

.checkbox-field-79 {
  align-items: flex-start;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.modalcontent-32 {
  background-color: #fff;
  flex-direction: column;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 10px;
  display: block;
}

.div-block-3846 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.sf-15-med-112 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.sf-1143 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.checkbox-field-80 {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-3847 {
  align-items: stretch;
  padding-left: 15px;
  display: flex;
}

.inputfield-22 {
  color: #312b3de3;
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-22.price {
  width: 100px;
  display: inline-block;
}

.inputfield-22.price.edit-plan-dollars {
  margin-top: 2px;
}

.inputfield-22.short {
  width: 380px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.inputfield-22.short::placeholder {
  color: #312b3d66;
}

.inputfield-22.short.edit-plan-name {
  width: 100%;
  max-width: 385px;
  margin-top: 2px;
  display: inline-block;
  overflow: visible;
}

.inputfield-22.small {
  text-align: right;
  width: 50px;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 8px;
}

.inputfield-22.date {
  width: 116px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.inputfield-22.title {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
}

.inputfield-22.small {
  text-align: left;
  width: 60px;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 6px;
}

.inputfield-22.percentage {
  text-align: right;
  width: 100px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 8px;
  font-size: 18px;
}

.inputfield-22.end {
  text-align: right;
  width: 50px;
  margin-left: 0;
  margin-right: 8px;
}

.form-input-wrapper-11 {
  width: 600px;
  padding-right: 14px;
}

.form-input-wrapper-11.long {
  width: 100%;
  padding-right: 0;
}

.form-input-wrapper-11.long._2 {
  border-bottom: 1px solid #d3dce0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.text-menu-option-61 {
  color: #00528c;
  flex: 0 auto;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.text-menu-option-61.red {
  color: #d11a2a;
}

.sf-1144 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.results-scroller-89 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.image-656 {
  display: none;
}

.inputfield-23 {
  color: #312b3de3;
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-23.small {
  text-align: left;
  width: 60px;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 6px;
}

.inputfield-23.small.trial {
  margin-top: 0;
  margin-bottom: 0;
}

.sf-1145 {
  color: #333;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.sf-1145.grey {
  color: #a3a3a3;
}

.sf-1145.light-center {
  text-align: center;
  font-weight: 300;
  line-height: 24px;
}

.apply-button-holder-15 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.arrow-26 {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  display: flex;
  transform: rotate(0);
}

.tag-item-input-70 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.sf-1146 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1146.semi {
  color: #000000b3;
  font-weight: 600;
}

.sf-1146.semi-navy {
  color: #00528c;
  font-weight: 600;
}

.div-block-3848 {
  align-items: center;
  margin-left: 15px;
  display: block;
}

.matched-58 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.more-icon-6 {
  opacity: .74;
  transition: opacity .3s;
  position: relative;
}

.more-icon-6:hover {
  opacity: 1;
}

.search-wrapper-34 {
  width: 390px;
  position: relative;
}

.sf-1147 {
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.assign-chip-wrapper {
  cursor: pointer;
  background-color: #add5ff;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  height: 28px;
  margin-top: 2px;
  margin-left: 8px;
  padding-left: 5px;
  padding-right: 3px;
  display: flex;
}

.assign-chip-wrapper:hover {
  background-color: #7ebcff;
}

.chip-date-label-45 {
  color: #000;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}

.ac-default-label-small-130 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.plan-edit-row-7 {
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.div-block-3849 {
  display: flex;
}

.form-input-wrapper-12 {
  width: 50%;
  padding-right: 14px;
}

.form-input-wrapper-12.name {
  width: 75%;
  padding-right: 30px;
}

.form-input-wrapper-12.short {
  width: 130px;
}

.plan-section-title-6 {
  cursor: pointer;
  background-color: #d0e4f0a8;
  border-bottom: 1px solid #fff;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.plan-section-title-6:hover {
  background-color: #c7e8fc;
}

.remove-49 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-49:hover {
  opacity: 1;
}

.modal-content-invite-to-plan-6 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 0;
  display: block;
  overflow: visible;
}

.sf-1148 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1148.dark-blue {
  color: #00528c;
}

.results-wrapper-56 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.tag-small-49 {
  clear: left;
  cursor: move;
  background-color: #00528cbd;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-49:hover {
  background-color: #00528ce6;
}

.submit-button-44 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-44:hover {
  color: #fff;
  background-color: #1679cf;
}

.sort-option-28 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  height: 34px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-28:hover {
  background-color: #d8e1e7;
}

.sort-option-28.selected {
  color: #fff;
  background-color: #737f88;
}

.submitbutton-30 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-30:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-30.red {
  background-color: #ef5350;
  border-radius: 6px;
  width: 160px;
  height: 60px;
  margin-top: 30px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  line-height: 18px;
}

.submitbutton-30.red:hover {
  color: #fff;
  background-color: #d42f2c;
}

.submitbutton-30.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-30.grey:hover {
  background-color: #909090;
}

.submitbutton-30.grey.close-modal {
  border-radius: 6px;
  width: auto;
  min-width: 160px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.sf-1149 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.sf-1149.white {
  color: #fff;
  width: 100%;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.sf-1149.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
}

.text-span-283 {
  font-weight: 400;
}

.button-13 {
  text-align: center;
  border-radius: 4px;
  min-width: 115px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.button-13:hover {
  color: #fff;
  background-color: #1d82da;
}

.ac-default-label-small-132 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.challenge-title2-6 {
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.button-15 {
  text-align: center;
  border-radius: 4px;
  min-width: 90px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.button-15:hover {
  color: #fff;
  background-color: #1d82da;
}

.div-block-3853 {
  opacity: .6;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.div-block-3853:hover {
  opacity: 1;
  background-color: #e7ebff;
}

.text-span-284 {
  font-weight: 600;
}

.div-block-3854 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
  padding: 15px 20px 20px;
  position: relative;
}

.poppins-label-sm-14 {
  color: #000000b8;
  flex: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.div-block-3855 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.text-initials-62 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tag-content-55 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-55.small {
  height: 30px;
  min-height: 30px;
}

.sf-1153 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1153.center {
  text-align: center;
}

.remove-51 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-51:hover {
  opacity: 1;
}

.remove-51.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.div-block-3856 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3857 {
  background-color: #f1f7fc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.div-block-3858 {
  opacity: .59;
  background-color: #fff2a9;
  justify-content: center;
  align-items: center;
  height: 240px;
  display: flex;
}

.alert-holder-4 {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  display: none;
  position: relative;
}

.text-span-285 {
  color: #313131;
  font-weight: 600;
}

.submit-button-area-38 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.submit-button-area-38.tran {
  background-color: #0000;
}

.small-text-36 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-36.view-all {
  text-transform: none;
}

.remove-52 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-52:hover {
  opacity: 1;
}

.remove-52.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.ac-icon-45 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-45.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.div-block-1407-copy-4 {
  margin-right: 40px;
  padding-top: 25px;
  padding-bottom: 10px;
}

.image-657 {
  margin-bottom: 10px;
}

.sf-1154 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-13-grey-label-37 {
  color: #a0a0a0;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.sf-1155 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1155.center {
  text-align: center;
}

.sf-1155.center.semi {
  font-weight: 600;
}

.div-block-3859 {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.sf-1156 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1156.center {
  text-align: center;
}

.sf-1157 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1157.center {
  text-align: center;
}

.modal-header-23 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.user-overview-section-wrapper-10 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow: auto;
}

.user-overview-section-wrapper-10.chat {
  background-color: #fff;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.user-overview-section-wrapper-10.contact-details {
  display: none;
}

.challenge-wrapper-6 {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: row;
  flex: 0 auto;
  margin-top: 0;
  padding-bottom: 40px;
  display: none;
}

.div-block-3860 {
  flex-direction: column;
  padding-left: 4px;
  padding-right: 25px;
  display: inline-block;
}

.div-block-3861 {
  padding-right: 5px;
}

.challenge-team-wrapper-5 {
  background-color: #e3eef8;
  border-radius: 6px;
  min-height: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 40px 20px;
  position: relative;
}

.div-block-3862 {
  margin-left: 10px;
}

.div-block-3863 {
  padding-bottom: 30px;
}

.page-content-wrapper-2 {
  flex: 1;
  margin-top: 115px;
  overflow: auto;
}

.div-block-3864 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-3865 {
  align-items: center;
  padding: 2px 6px 2px 4px;
  display: flex;
}

.div-block-3865.grey {
  background-color: #d6d6d6;
}

.sf-1158 {
  color: #5e5e5e;
  text-align: left;
  padding-left: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
}

.modalclosediv-63 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.results-scroller-91 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 70vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.text-span-286 {
  color: #313131;
  font-weight: 600;
}

.table-row-wrapper-14 {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  height: 50%;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}

.table-row-wrapper-14.pending {
  height: 50%;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}

.close-icon-9 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon-9:hover {
  background-color: #dbebfa;
}

.div-block-3866 {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 8px;
  padding-bottom: 24px;
}

.customer-table-cell-16 {
  border-right: 1px solid #fff;
  align-items: center;
  width: 50%;
  min-height: 40px;
  padding: 6px 6px 6px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-16.default-copy {
  align-items: center;
  width: 28%;
  min-width: 150px;
  margin-top: 0;
}

.customer-table-cell-16.long2 {
  justify-content: space-between;
  width: 33%;
  min-width: 220px;
  max-width: 380px;
  min-height: 36px;
  display: flex;
}

.customer-table-cell-16.long2.highlight {
  background-color: #fffaa126;
  width: 34%;
}

.customer-table-cell-16.edit {
  justify-content: flex-end;
  width: 6%;
  min-width: 50px;
  max-width: 90px;
  margin-top: 0;
  padding-right: 10px;
}

.sf-1159 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1159.med-grey {
  color: #455b6b;
  font-weight: 500;
}

.inputfield-24 {
  color: #312b3de3;
  text-align: right;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-24.number {
  text-align: right;
  width: 80px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 6px;
  display: inline-block;
}

.sf-15-med-114 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.form-block-114 {
  margin-bottom: 0;
}

.div-block-3867 {
  padding: 20px;
}

.poppins-body-text-29 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-3868 {
  width: 60%;
}

.div-block-3869 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3870 {
  background-color: #f0f6ff;
  padding: 6px 25px 10px;
}

.div-block-3871 {
  text-align: left;
}

.sf-1160 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1160.table-col-label {
  color: #262c46;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.date-input-26 {
  background-color: #fff;
  border: 1px solid #cecece;
  align-items: center;
  width: 166px;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.div-block-3872 {
  text-align: right;
  margin-left: auto;
}

.divider-copy {
  border-right: 1px solid #70a7da;
  align-self: stretch;
  height: 80%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-bottom: 0;
}

.form-97 {
  display: flex;
  position: relative;
}

.div-block-3873 {
  padding: 20px;
}

.sf-1161 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1161.bold {
  font-weight: 700;
}

.sf-1161.light {
  font-weight: 300;
}

.checkbox-32 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-32:hover {
  background-color: #dfdfdf;
}

.be-toggle {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  margin-right: 6px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.be-toggle:hover {
  opacity: 1;
}

.be-toggle.on {
  background-color: #03a9f4;
  display: block;
}

.div-block-3874 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
  padding: 20px;
  position: relative;
}

.div-block-3875 {
  flex-flow: column;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-3876 {
  opacity: .53;
  padding-left: 10px;
}

.modal-content-leads-41 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-3877 {
  justify-content: space-between;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.results-holder-80 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.form-block-115 {
  margin-bottom: 0;
}

.image-658 {
  margin-right: 6px;
}

.ac-icon-46 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-46.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.div-block-3878 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-659 {
  opacity: .54;
  margin-right: 4px;
}

.poppins-body-text-30 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.poppins-body-text-30.white {
  color: #ffffffd1;
}

.ac-icon-47 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-47.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.button-scoreboard-9 {
  color: #1679cf;
  background-color: #0000;
  background-image: url('../images/scoreboard-icon_1scoreboard-icon.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #1679cf;
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px 16px 8px 34px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.button-scoreboard-9:hover {
  color: #1679cf;
  background-color: #a2ddff26;
}

.div-block-3879 {
  align-items: center;
  padding-top: 3px;
  padding-bottom: 0;
  display: flex;
}

.div-block-3880 {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}

.results-holder-81 {
  z-index: 101;
  width: 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.modal-content-leads-42 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.tag-item-input-15-copy {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.unmatched-72 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.checkbox-field-81 {
  min-width: 90px;
  margin-right: 24px;
  padding-bottom: 5px;
  display: inline-block;
}

.challenge-wrapper-7 {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: row;
  flex: 0 auto;
  margin-top: 0;
  display: none;
  position: relative;
}

.sf-1162 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1162.center {
  text-align: center;
}

.modal-content-leads-43 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.header-title-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 840px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0 20px;
  display: flex;
}

.form-98 {
  display: flex;
  position: relative;
}

.settings-section-4 {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}

.user-overview-section-5 {
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  width: 380px;
  min-height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 14px;
  position: relative;
}

.user-overview-section-5.hide {
  display: none;
}

.chip-label-56 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-56.small {
  font-size: 13px;
  line-height: 16px;
}

.sf-1163 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1163.center {
  text-align: center;
}

.tag-item-input-73 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: block;
  position: static;
  overflow: hidden;
}

.sf-15-med-115 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-14-grey-label-24 {
  color: #868686;
  padding-top: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.image-661 {
  margin-right: 4px;
}

.textarea-21 {
  color: #1a1a1a;
  white-space: pre-wrap;
  width: 60%;
  min-height: 110px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.challenge-inner-wrapper-7 {
  background-color: #fdfdfd;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.tag-item-input-74 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-3882 {
  width: 60%;
  min-width: 500px;
}

.button-scoreboard-copy-4 {
  opacity: .9;
  color: #fff;
  background-color: #3898ec00;
  border: 1px solid #ffffffb3;
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px 16px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.button-scoreboard-copy-4:hover {
  color: #fff;
  background-color: #0a8dff7d;
}

.modal-container-32 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.delete-team-4 {
  cursor: pointer;
  background-color: #ccd9e4;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 32px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.delete-team-4:hover {
  background-color: #969696e3;
}

.sf-1164 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.sf-1165 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1165.semi {
  text-align: left;
  font-weight: 600;
}

.div-block-3883 {
  width: 200px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.results-holder-82 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.sf-15-semi-10 {
  color: #313131;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.name-input-7 {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  width: 60%;
  min-width: 500px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.name-input-7::placeholder {
  color: #8d8d8d;
}

.user-overview-header-10 {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #d4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.text-field-46 {
  border-width: 1px;
  border-color: #0000;
  height: 49px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
}

.text-field-46::placeholder {
  color: #b8b8b8;
}

.reload-button-holder {
  padding-bottom: 15px;
}

.text-span-287 {
  font-weight: 600;
}

.sf-1166 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1166.center {
  text-align: center;
}

.form-99 {
  display: none;
  position: relative;
}

.checkbox-field-82 {
  margin-top: 10px;
  padding-left: 20px;
}

.sf-1167 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1167.dark-grey {
  color: #4d4d4d;
}

.date-input-27 {
  text-align: right;
  background-color: #fff;
  border: 1px solid #bbb;
  justify-content: flex-end;
  align-items: center;
  width: 164px;
  height: 40px;
  margin-left: 10px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.manager-view-header-2 {
  z-index: 5;
  background-color: #032944;
  border-bottom: 1px solid #bfd3e2;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  padding-top: 6px;
  position: fixed;
}

.name-input-8 {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  width: 60%;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.name-input-8::placeholder {
  color: #8d8d8d;
}

.div-block-3884 {
  padding: 20px;
}

.label-sf-24 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-24.med {
  font-family: Sf ui text, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

.submit-button-small-41 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-41:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-41.cancel {
  background-color: #97a4af;
}

.submit-button-small-41.cancel:hover {
  background-color: #889097;
}

.div-block-3885 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.form-label-column-participant-20 {
  align-items: center;
  width: 40%;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.form-block-116 {
  margin-bottom: 0;
}

.table-row-wrapper-15 {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
}

.tag-small-52 {
  clear: left;
  cursor: move;
  background-color: #00528ccc;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-52:hover {
  background-color: #00528cf2;
}

.tag-small-52.hidden {
  max-width: 100%;
}

.select-field-33 {
  color: #4d4d4d;
  background-color: #fff;
  width: 180px;
  margin-bottom: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.form-100 {
  display: flex;
  position: relative;
}

.sf-1168 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1168.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.sf-1168.med {
  font-weight: 500;
}

.div-block-3886 {
  justify-content: flex-end;
  margin-top: 10px;
  padding-right: 5px;
  display: flex;
}

.sf-15-med-116 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-3887 {
  align-items: center;
  padding-bottom: 6px;
  display: flex;
}

.div-block-3888 {
  display: flex;
  position: relative;
}

.sf-15-med-117 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.modal-content-leads-44 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 95vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-3889 {
  justify-content: flex-start;
  align-items: center;
}

.div-block-3890 {
  border-bottom: 1px solid #cfe2f0;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding: 14px 20px 10px 10px;
  display: flex;
}

.div-block-3891 {
  align-items: center;
  width: 100%;
  min-width: 960px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.modal-edit-particpant-8 {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.sf-1169 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1169._15-semi {
  color: #313131;
  font-size: 15px;
  font-weight: 600;
}

.modal-content-leads-45 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.remove-53 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-53:hover {
  opacity: 1;
}

.remove-53.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.text-initials-63 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.customer-table-row-10 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-10:hover {
  background-color: #f3f8fc;
}

.sf-1170 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1170.center {
  text-align: center;
}

.modal-content-leads-46 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-3892 {
  width: 80%;
}

.text-span-288 {
  font-weight: 600;
}

.date-input-28 {
  background-color: #fff;
  border: 1px solid #cecece;
  align-items: center;
  width: 166px;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.div-block-3893 {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
}

.sf-1171 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1171.semi {
  text-align: left;
  font-weight: 600;
}

.form-label-column-participant-21 {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  padding-left: 15px;
  display: flex;
}

.result-row-62 {
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-62:hover {
  background-color: #d8e6fc;
}

.select-field-34 {
  color: #414141;
  background-color: #f5f5f5;
  width: 160px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.select-field-34.short {
  width: 100px;
  font-size: 16px;
}

.tag-item-input-75 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.form-block-117 {
  margin-bottom: 0;
}

.settings-label-6 {
  margin-bottom: 6px;
}

.text-span-289 {
  font-weight: 600;
}

.form-block-118 {
  margin-bottom: 0;
}

.settings-row-12 {
  width: 100%;
  margin-top: 0;
  padding: 25px 0 10px;
}

.sf-1172 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1172.dark-grey {
  color: #4d4d4d;
}

.poppins-label-7 {
  color: #000000b8;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.poppins-label-7.bold {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.matched-60 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.toggle-holder-8 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5px 20px 10px 0;
  display: flex;
}

.sf-1173 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1173.grey {
  color: #979797;
}

.sf-1174 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1174.table-col-label {
  color: #262c46;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.div-block-3894 {
  align-items: center;
  padding-top: 35px;
}

.form-block-119 {
  margin-bottom: 0;
}

.link-block-30 {
  background-color: #edfbff;
  border: 1px solid #8ac7f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 15px;
  display: flex;
}

.link-block-30:hover {
  color: #dbebfa;
  background-color: #ceecff;
}

.sf-1175 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1175.bold {
  font-weight: 700;
}

.div-block-3896 {
  padding-top: 3px;
  padding-left: 5px;
}

.challenge-outerwrapper-4 {
  background-color: #fff;
  flex-flow: column;
  flex: 1;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
}

.modal-top-bar-58 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.div-block-3897 {
  padding-top: 20px;
  display: none;
}

.image-662 {
  margin-right: 10px;
}

.sf-1176 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.tag-small-copy {
  clear: left;
  background-color: #00528ccc;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-copy:hover {
  background-color: #00528cf2;
}

.sf-1177 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1177.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.sf-1177.semi {
  color: #313131;
  font-weight: 600;
}

.div-block-3898 {
  padding: 20px;
}

.div-block-3899 {
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.results-wrapper-58 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-1178 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1178.bold {
  font-weight: 700;
}

.sf-1179 {
  color: #313131;
  padding-top: 8px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.form-101 {
  display: flex;
  position: relative;
}

.multi-select-results-holder-7 {
  border-radius: 8px;
}

.detail-wrapper-4 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  min-height: 100px;
  padding-bottom: 20px;
  overflow: auto;
}

.tungsgen-25-7 {
  color: #292929;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1em;
}

.tungsgen-25-7.white {
  color: #fff;
  font-family: Tungsten, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
}

.score-inner-row-5 {
  cursor: pointer;
  border-top: 1px solid #e7e7e7;
  align-items: flex-start;
  padding: 15px;
  transition: background-color .55s;
  display: flex;
  position: relative;
}

.score-inner-row-5:hover {
  background-color: #ffffeb;
}

.poppins-body-text-31 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.poppins-body-text-31.med {
  font-weight: 400;
  line-height: 24px;
}

.poppins-label-sm-15 {
  color: #000000b8;
  flex: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.poppins-label-sm-15.grey {
  color: #525252b8;
}

.poppins-label-sm-15.w {
  color: #fff;
  font-size: 14px;
}

.no-program-alert-copy {
  z-index: 995;
  background-color: #0006;
  padding-top: 150px;
  display: none;
  position: fixed;
  inset: 0%;
}

.tag-content-56 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-56.small {
  align-items: center;
  max-width: 100%;
  height: 30px;
  min-height: 30px;
}

.div-block-3900 {
  width: 680px;
  display: none;
}

.div-block-3901 {
  width: 680px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-3902 {
  align-items: center;
  padding-bottom: 6px;
  display: flex;
}

.sf-13-grey-label-38 {
  color: #a0a0a0;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.div-block-3903 {
  min-height: 200px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
}

.modal-header-24 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.points-label-3 {
  color: #1d1d1d;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.score-section-4 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.results-scroller-92 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 70vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.close-icon-10 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon-10:hover {
  background-color: #dbebfa;
}

.sf-1180 {
  color: #494949;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1180.dark-grey {
  color: #4d4d4d;
}

.div-block-3904 {
  text-align: right;
  margin-left: auto;
}

.sf-1181 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1181.semi {
  text-align: left;
  font-weight: 600;
}

.challenge-title2-7 {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.tag-small-53 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-53:hover {
  background-color: #00528ccc;
}

.div-block-3905 {
  align-items: center;
  display: flex;
}

.button-16 {
  border-radius: 4px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.button-16:hover {
  color: #fff;
  background-color: #1d82da;
}

.tag-small-54 {
  clear: left;
  background-color: #00528ccc;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-54:hover {
  background-color: #00528cf2;
}

.link-block-31 {
  background-color: #edfbff;
  border: 1px solid #8ac7f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 15px;
  display: flex;
}

.link-block-31:hover {
  color: #dbebfa;
  background-color: #ceecff;
}

.ac-icon-48 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-48.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.div-block-3906 {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
}

.results-holder-83 {
  z-index: 101;
  width: 100%;
  display: block;
  position: relative;
  overflow: visible;
}

.poppins-24-2 {
  color: #444;
  text-align: left;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  position: static;
}

.unmatched-73 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.text-span-290 {
  color: #313131;
  font-weight: 600;
}

.user-overview-section-6 {
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  width: 380px;
  min-height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 14px;
  position: relative;
}

.user-overview-section-6.hide {
  display: none;
}

.chip-label-57 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-57.small {
  font-size: 13px;
  line-height: 16px;
}

.div-block-3907 {
  width: 180px;
}

.sf-1182 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1182.center {
  text-align: center;
}

.tag-item-input-76 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: block;
  position: static;
  overflow: hidden;
}

.challenge-outer-wrapper-4 {
  background-color: #bedafc;
  background-image: radial-gradient(circle, #0000005e, #0000008c), url('../images/bg-pattern.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.sf-1183 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1183.med {
  font-weight: 500;
}

.sf-1183.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.participant-detail-inner-4 {
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #dadada;
  width: 400px;
  height: 100vh;
  margin-left: auto;
  overflow: hidden;
}

.ac-default-label-small-133 {
  color: #312b3d99;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.div-block-3908 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 10px;
  padding-left: 5px;
  display: flex;
}

.modal-container-copy {
  z-index: 1000;
  display: block;
}

.user-overview-section-wrapper-8 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow: auto;
}

.user-overview-section-wrapper-8.contact-details {
  display: none;
}

.user-overview-section-wrapper-8.chat {
  background-color: #fff;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.current-selection-checkmmark-14 {
  background-color: #0000;
  background-image: url('../images/checked_1checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: auto;
}

.current-selection-checkmmark-14.hide {
  margin-left: 6px;
  display: none;
}

.score-history-panel-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 420px;
  height: 100vh;
  display: block;
  position: static;
  overflow: auto;
}

.unmatched-74 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.remove-54 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-54:hover {
  opacity: 1;
}

.remove-54.small {
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.div-block-3909 {
  display: flex;
}

.text-initials-64 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.sf-1184 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1184.semi {
  font-weight: 600;
}

.div-block-3910 {
  padding-top: 3px;
  padding-left: 5px;
}

.modal-content-leads-47 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.label-participant-name-3 {
  color: #1d1d1d;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.search-wrapper-36 {
  width: 390px;
  position: relative;
}

.div-block-3911 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-span-291 {
  font-weight: 600;
}

.result-row-63 {
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-63:hover {
  background-color: #d8e6fc;
}

.user-overview-header-13 {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #d4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.sf-1185 {
  color: #494949;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1185.gray {
  color: #6b6b6b;
  flex-flow: column;
}

.tag-item-input-77 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.matched-61 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-3912 {
  text-align: left;
}

.sf-1186 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.sf-1186.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.div-block-3913 {
  padding: 20px;
}

.scoreboard-table-wrapper-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 680px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3914 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.inputfield-25 {
  color: #312b3de3;
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-25.short {
  width: 380px;
  display: block;
}

.inputfield-25.short::placeholder {
  color: #312b3d66;
}

.modalcontent-33 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.submitbutton-31 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-31:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-31.complete {
  padding-top: 20px;
}

.submitbutton-31.complete:hover {
  color: #fff;
}

.modalclosediv-64 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.labelsmall-22 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall-22.left {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 0;
}

.div-block-3915 {
  background-color: #eee;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.modalclosediv-65 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalcontent-34 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.div-block-3916 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.div-block-3917 {
  background-color: #eee;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 10px;
  display: block;
}

.submitbutton-32 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-32:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-32.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-32.grey:hover {
  background-color: #909090;
}

.submitbutton-32.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.modalclosediv-66 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: -14px;
}

.modalcontent-35 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 10px 30px;
  display: block;
}

.div-block-3918 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.text-block-209 {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.div-block-3919 {
  background-color: #eee;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px;
  display: block;
}

.submitbutton-33 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-33:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-33.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-33.grey:hover {
  background-color: #909090;
}

.submitbutton-33.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.modalcontent-36 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.div-block-3920 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.div-block-3921 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.submitbutton-34 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-34:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-34.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-34.grey:hover {
  background-color: #909090;
}

.submitbutton-34.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.submitbutton-34.small {
  background-color: #646464;
  width: 220px;
  height: 46px;
  margin-top: 12px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 16px;
}

.submitbutton-34.small:hover {
  background-color: #3f3f3f;
}

.modalclosediv-67 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalcontent-signup {
  background-color: #fff;
  flex-direction: column;
  width: 640px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.modal-content-holder {
  background-color: #eaeff8;
  border-radius: 6px;
  width: 580px;
  margin: 30px auto 24px;
  padding: 24px 30px 34px;
}

.div-block-3922 {
  margin-bottom: 24px;
  padding-left: 5px;
  padding-right: 5px;
}

.sf-1187 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.modalclosediv-68 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.link-16 {
  z-index: 3;
  flex: none;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.modal-email-matches {
  z-index: 9999;
  background-color: #0009;
  align-items: center;
  margin-right: 0;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.submit-button-45 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
}

.submit-button-45:hover {
  color: #fff;
  background-color: #1679cf;
}

.button-holder-7 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.sf-1188 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.sf-1188.semi {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.email-holder {
  background-color: #fcfcfc;
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 0;
  padding: 12px 16px;
  display: flex;
}

.footer-5 {
  color: #777;
  text-align: center;
  margin-bottom: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.footer-5.reversed {
  margin-bottom: 0;
  padding-top: 26px;
}

.form-102 {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
}

.card-input-6 {
  background-color: #fff;
  border: 1px solid #cbcbce;
  width: 580px;
  height: 38px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-left: 8px;
  display: block;
}

.error-holder-4 {
  color: red;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.inputfield-26 {
  color: #312b3de3;
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.checkbox-33 {
  text-align: left;
  width: auto;
  height: 25px;
  margin-left: 0;
  margin-right: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 19px;
  display: block;
}

.checkbox-33.terms {
  color: #fff;
  width: 540px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 0;
  font-size: 18px;
  line-height: 23px;
  display: block;
}

.submitbutton-35 {
  text-align: center;
  border-style: none;
  border-radius: 6px;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-35:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-35.complete {
  padding-top: 20px;
}

.submitbutton-35.complete:hover {
  color: #fff;
}

.h1-3 {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  line-height: 48px;
  text-decoration: none;
  transition: opacity .2s;
  transform: translate(0);
}

.agreement-label-4 {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.footer-links-9 {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.form-block-121 {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.textlink-18 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-18:hover {
  color: #00b2ed;
}

.div-block-3923 {
  opacity: .84;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.sf-15-med-118 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.remove-55 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-55:hover {
  opacity: 1;
}

.remove-55.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.image-663 {
  margin-left: 3px;
  display: none;
}

.tile-thumb-15 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-15.xls {
  background-image: url('../images/xls.png');
  background-size: 72px;
}

.tile-thumb-15.pdf {
  background-image: url('../images/pdf.png');
  background-size: 72px;
}

.tile-thumb-15.zip {
  background-image: url('../images/zip.png');
  background-size: 72px;
}

.tile-thumb-15.audio {
  background-image: url('../images/audio_3.png');
  background-size: 72px;
}

.tile-thumb-15.doc {
  background-image: url('../images/doc.png');
  background-size: 72px;
}

.tile-thumb-15.tall-copy, .tile-thumb-15.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tile-thumb-15.tall.vid {
  background-color: #d8d8d8;
  background-image: url('../images/vid.png');
  background-size: 60%;
}

.results-scroller-93 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.ac-icon-49 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-49.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.sf-1189 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1190 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1190.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-1191 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1192 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-1192.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.post-header-43 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.sort-option-29 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-29:hover {
  background-color: #d8e1e7;
}

.sort-option-29.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.chat-message-unit-19 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.chip-label-58 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-58.small {
  font-size: 13px;
  line-height: 16px;
}

.image-664 {
  filter: invert();
  position: relative;
}

.sf-1193 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1193:hover {
  color: #016bb6;
}

.result-row-64 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-64:hover, .result-row-64.selected {
  background-color: #d8e6fc;
}

.item-button-icon-29 {
  width: 16px;
  margin-right: 1px;
  padding: 0;
}

.div-block-3925 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-665 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.video-section-10 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.item-button-icon-30 {
  width: 16px;
  margin-right: 4px;
}

.results-holder-84 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-3926 {
  height: 6px;
  position: absolute;
}

.play-pause-button-mini-12 {
  z-index: 5;
  opacity: 1;
  background-color: #0006;
  border: 2px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -10px;
  bottom: auto;
}

.play-pause-button-mini-12:hover {
  opacity: 1;
  background-color: #000000b3;
}

.div-block-3927 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  display: flex;
}

.tile-tall-30 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-30:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-30.hidden {
  display: inline-block;
}

.tile-tall-30.content-block {
  background-color: #eee;
}

.tile-tall-30.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.textarea-22 {
  min-height: 80px;
  margin-top: 5px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.action-button-holder-9 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.image-666 {
  height: 100px;
}

.create-new-button-29 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-29:hover {
  color: #fff;
  background-color: #00b2ed;
}

.div-block-3928 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.image-667 {
  opacity: .76;
}

.plus-icon-20 {
  opacity: .7;
  margin-right: 0;
}

.handle-volume-25 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-25:hover {
  background-color: #fff;
}

.tag-content-57 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-57.small {
  align-items: center;
  height: 30px;
  min-height: 30px;
}

.label-tile-22 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.autocomplete-input-25 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.text-406 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-406.white {
  color: #fff;
}

.tag-small-55 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-55:hover {
  background-color: #00528ccc;
}

.speed-option-29 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-29:hover {
  color: #fff;
  background-color: #353535;
}

.sf-1194 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1194.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.close-button-5 {
  cursor: pointer;
  display: inline-block;
}

.tile-item-name-12 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-3929 {
  display: flex;
}

.sf-1195 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.div-block-3930 {
  min-height: 10px;
}

.ac-default-label-24 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.image-668 {
  display: none;
}

.item-outer-wrapper-13 {
  background-color: #f7f7f7;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.audio-player-controls-26 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-26:hover, .audio-player-controls-26.no-image {
  opacity: 1;
}

.upload-img-3 {
  opacity: .63;
  width: 106px;
  transition: opacity .2s;
}

.sf-1196 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1196.white {
  color: #fff;
}

.search-wrapper-37 {
  width: 390px;
  position: relative;
}

.search-wrapper-37.media {
  flex: 1;
}

.tag-23 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-23.multiple {
  display: inline-block;
}

.sf-1197 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1197.red {
  color: #d32f2f;
}

.sf-1197.red.right {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.sf-1197.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.tag-item-input-78 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.button-wrapper-16 {
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.div-block-3931 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.video-holder-5 {
  background-color: #e2e0e0;
}

.library-item-wrapper-14 {
  object-fit: fill;
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.div-block-3932 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3933 {
  margin-top: 14px;
}

.image-669 {
  max-width: none;
}

.item-button-icon-31 {
  width: 20px;
  padding-right: 3px;
}

.help-icon-24 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-24:hover {
  opacity: 1;
}

.help-icon-24.dark {
  background-color: #00000080;
  top: -2px;
}

.ac-default-label-small-134 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.item-outer-wrapper-14 {
  background-color: #f7f7f7;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.upload-img-4 {
  opacity: .63;
  width: 106px;
  transition: opacity .2s;
}

.help-icon-25 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-25:hover {
  opacity: 1;
}

.help-icon-25.dark {
  background-color: #00000080;
  top: -2px;
}

.ai-prompt {
  opacity: 1;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 8px;
  display: block;
}

.user-sidebar-template-holder-3 {
  z-index: 2;
  text-align: center;
  background-color: #ddeefa;
  border-left: 1px solid #dadada;
  flex-direction: column;
  width: 420px;
  height: 100vh;
  max-height: 90vh;
  margin-left: auto;
  display: block;
  position: fixed;
  inset: 55px 0% 0% auto;
  overflow: auto;
}

.overview-section-row-4 {
  margin-bottom: 20px;
}

.add-blue-button-xs-copy {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 80px;
  height: 34px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-xs-copy:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.remove-section-13 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-13:hover {
  opacity: .86;
}

.sound-icon-6 {
  opacity: .86;
  width: 28px;
}

.sound-icon-6:hover {
  opacity: 1;
}

.chat-message-unit-20 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-414 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.checkbox-field-85 {
  margin-bottom: 20px;
}

.tag-25 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-25.multi {
  opacity: .92;
  background-color: #cddaf8;
  border: 2px solid #394a62;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag-25.multi:hover {
  filter: saturate(200%);
}

.tag-25.multi.field {
  opacity: 1;
  background-color: #00528ca3;
  border-style: none;
  max-width: 100%;
}

.tag-25.multi.field:hover {
  filter: none;
  background-color: #00528ccc;
}

.tag-25.compact-copy, .tag-25.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: inline-block;
  position: relative;
}

.tag-25.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: none;
  position: relative;
}

.tag-25.compact-copy {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: block;
  position: relative;
}

.close-icon-11 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon-11:hover {
  background-color: #dbebfa;
}

.tile-item-name-14 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.timeline-action-bar-15 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.timeline-action-bar-15.center {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
}

.image-waiting-view {
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-192-copy {
  color: #161616;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.side-bar-container-3 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.edit-team-icon {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 2px;
  min-width: 28px;
  min-height: 28px;
}

.edit-team-icon:hover {
  opacity: 1;
  background-color: #c9e7ff;
}

.checkbox-35 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-35:hover {
  background-color: #dfdfdf;
}

.settings-button {
  cursor: pointer;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  padding-left: 6px;
  padding-right: 8px;
  display: flex;
}

.settings-button:hover {
  background-color: #cde3ff;
}

.modal-challenge-settings {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.button-sm {
  text-align: center;
  border-radius: 4px;
  min-width: 76px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
}

.button-sm:hover {
  color: #fff;
  background-color: #1d82da;
}

.delete-team-button {
  color: #797979;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  display: inline-flex;
}

.delete-team-button:hover {
  color: #ed4444;
}

.icon-never-loggedin {
  background-image: url('../images/exclaim.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px;
  min-width: 15px;
  min-height: 15px;
  margin-left: 8px;
}

.edit-team-container {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  margin-top: 10px;
  padding: 0;
  display: block;
}

.chip-label-63 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-63.small {
  font-size: 14px;
  line-height: 16px;
}

.chip-label-63.med {
  font-weight: 500;
}

.form-70-copy {
  display: flex;
  position: relative;
}

.challenge-team-wrapper-6 {
  background-color: #f4f9ff;
  border-radius: 6px;
  min-height: 40px;
  max-height: calc(100vh - 284px);
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: relative;
  overflow: auto;
}

.selector-wrapper-copy {
  justify-content: space-between;
  align-items: center;
}

.nz-15-copy {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.nz-15-copy.bold {
  font-weight: 700;
}

.nz-15-copy.bold.center {
  text-align: center;
  color: #000;
  font-size: 18px;
  display: block;
}

.simple-right-click-menu {
  z-index: 996;
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.simple-right-click-menu:hover {
  opacity: .92;
}

.right-click-menu-options {
  z-index: 40;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.progress-indicator-3 {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.option-menu-div-31 {
  color: #fff;
  cursor: pointer;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.option-menu-div-31:hover {
  background-color: #1b2762;
}

.option-menu-div-31:active {
  text-transform: lowercase;
}

.matched-64 {
  color: #000000db;
  white-space: pre-wrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.remove-61 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-61:hover {
  opacity: 1;
}

.remove-61.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.text-block-213 {
  white-space: nowrap;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  line-height: 15px;
}

.div-block-4103 {
  flex: 1;
  overflow: auto;
}

.sf-14-regular-31 {
  color: #313131;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-31.white {
  color: #fff;
}

.image-711 {
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 4px;
}

.image-712 {
  margin-left: 3px;
  display: none;
}

.icon-duplicate-17 {
  transition: opacity .3s;
}

.icon-duplicate-17:hover {
  opacity: 1;
}

.submit-save-button-84 {
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-84:hover {
  color: #fff;
  background-color: #1679cf;
}

.workout-div-72 {
  cursor: move;
  background-color: #0f5d94;
  min-height: 52px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.form-111 {
  padding-top: 14px;
}

.site-element-toolbar-12 {
  cursor: pointer;
  background-color: #262c46;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  align-items: center;
  height: 42px;
  display: flex;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.div-block-4104 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  margin-top: 60px;
}

.div-block-4105 {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-block-4106 {
  background-color: #032944;
  display: flex;
  position: relative;
}

.results-scroller-98 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1287 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1287.med-grey-center {
  color: #818181;
  text-align: center;
}

.div-block-4107 {
  border-top: 1px solid #ffffff42;
  justify-content: space-between;
  margin-top: 6px;
  padding-top: 10px;
  display: flex;
}

.ac-site-builder-13 {
  clear: left;
  color: #aaa;
  background-color: #262c46;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  position: static;
  overflow: hidden;
}

.ac-icon-55 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-55.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.sf-1288 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1288.navy {
  color: #00528c;
  text-align: left;
  font-weight: 400;
}

.sf-1288.navy.medium {
  margin-top: 0;
  font-weight: 500;
}

.sf-1288.tran-white {
  color: #ffffffb3;
}

.sf-1288.dark-grey {
  color: #4d4d4d;
}

.sf-1288.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.div-block-4108 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-4109 {
  padding-top: 6px;
  padding-bottom: 4px;
}

.div-block-4110 {
  padding-top: 20px;
}

.sf-1289 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.sf-1289.white {
  color: #fff;
}

.sf-1289.white.tran {
  color: #ffffffc9;
}

.div-block-4111 {
  background-color: #fff;
  width: 100%;
  height: 12px;
  margin-top: 6px;
}

.ac-default-label-small-143 {
  color: #fff9;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.autocomplete-input-28 {
  float: none;
  clear: none;
  color: #333;
  background-color: #00000038;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 4px 6px 0;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.section-input-wrapper-14 {
  padding: 10px 20px 20px;
  display: block;
}

.div-block-4112 {
  align-items: center;
  height: 44px;
  display: flex;
}

.image-713 {
  margin-right: 6px;
}

.text-block-214 {
  color: #ffffffdb;
  text-align: left;
  letter-spacing: .2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.div-block-4113 {
  justify-content: space-between;
  display: flex;
}

.unmatched-79 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.text-span-299 {
  font-size: 8px;
  font-weight: 700;
  line-height: 20px;
}

.program-options-24 {
  z-index: 40;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.div-block-4114 {
  align-items: center;
  display: flex;
}

.close-modal-75 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-75:hover {
  opacity: 1;
  text-align: left;
}

.checkbox-36 {
  font-size: 20px;
}

.div-block-4116 {
  flex: 0 auto;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-4117 {
  align-self: center;
}

.text-block-215 {
  color: #fff;
  background-color: #000c;
  height: 36px;
  padding-top: 8px;
  font-family: Sf ui text, sans-serif;
}

.image-714 {
  filter: invert();
  position: relative;
}

.div-block-4118 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70px;
  height: 350px;
}

.div-block-4119 {
  cursor: pointer;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 25px;
  min-height: 25px;
  font-style: italic;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-4120 {
  background-color: #fffc;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 80px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 80px 0% auto;
}

.edit-section-menu-23 {
  z-index: 3;
  background-color: #272c44;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  flex-direction: column;
  min-height: 100px;
  max-height: 100vh;
  display: flex;
  position: static;
  inset: 8px 20px auto auto;
  box-shadow: 4px 5px 8px 1px #0000004d;
}

.edit-section-menu-23.button {
  width: 460px;
}

.text-block-216 {
  color: #ffffffdb;
  text-align: left;
  letter-spacing: .2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.item-button-bar-16 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.results-scroller-99 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.image-715 {
  margin-right: 3px;
}

.item-outer-wrapper-15 {
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-4121 {
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  padding-right: 20px;
  display: flex;
}

.action-button-59 {
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-59:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-59.weblink {
  text-align: center;
  text-transform: none;
  background-color: #00528cc2;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
}

.action-button-59.weblink {
  text-align: center;
  text-transform: none;
  background-color: #00528cc2;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-59.weblink:hover {
  background-color: #00528c;
}

.result-row-72 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-72:hover, .result-row-72.selected {
  background-color: #d8e6fc;
}

.sf-1290 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1290.semi {
  font-weight: 600;
}

.option-menu-div-32 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  display: flex;
  position: relative;
}

.option-menu-div-32:hover {
  background-color: #cfcfcf;
}

.option-menu-div-32.big {
  color: #0000;
  cursor: pointer;
  height: auto;
  padding: 6px 15px;
}

.div-block-4122 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.ac-default-label-27 {
  color: #ffffffcf;
  height: 32px;
  margin: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-default-label-27:focus {
  width: 200px;
}

.link-54 {
  color: #fffc;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.link-54:hover {
  color: #ffffffe6;
}

.sf-1291 {
  color: #313131;
  justify-content: space-between;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sf-1291.white {
  color: #fff;
}

.sf-1291.white.center {
  justify-content: center;
  display: block;
}

.image-716 {
  margin-left: 5px;
}

.text-422 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.tag-content-63 {
  align-items: center;
  max-width: 100%;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.tag-content-63.builder {
  height: 30px;
  min-height: 30px;
  padding-left: 4px;
}

.div-block-4123 {
  justify-content: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: flex;
}

.div-block-4124 {
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-4125 {
  padding-bottom: 20px;
}

.loading-row-12 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.div-block-4126 {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.div-block-4126.hidden {
  display: none;
}

.help-icon-26 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
}

.help-icon-26:hover {
  opacity: 1;
}

.div-block-4127 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.modal-container-36 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.auto-sync-toggle-8 {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle-8:hover {
  opacity: 1;
}

.auto-sync-toggle-8.on {
  background-color: #03a9f4;
}

.results-holder-91 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.image-718 {
  opacity: .66;
  margin-right: 5px;
}

.div-block-4128 {
  height: 6px;
  position: absolute;
}

.option-menu-div-33 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  font-family: Roboto, sans-serif;
  display: flex;
}

.option-menu-div-33:hover {
  background-color: #cfcfcf;
}

.option-menu-div-33.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-33.big:hover {
  background-color: #ececec;
}

.checkbox-field-86 {
  margin-bottom: 12px;
}

.div-block-4129 {
  margin-bottom: 10px;
}

.form-block-130 {
  background-color: #155279;
  margin-bottom: 0;
  display: inline-block;
}

.form-block-131 {
  margin-bottom: 0;
  padding-top: 10px;
}

.search-wrapper-41 {
  display: block;
  position: relative;
}

.tile-hover-icon-block-34 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.sf-13-grey-label-46 {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.library-media-content-view-12 {
  background-color: #f7f7f7;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.library-tag-9 {
  color: #00528c;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00528c;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 33px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 6px;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  display: inline-block;
}

.library-tag-9:hover {
  color: #fff;
  background-color: #00528ccc;
  font-family: Sf ui text, sans-serif;
}

.library-tag-9.selected {
  color: #fff;
  background-color: #00528c;
}

.form-112 {
  border-radius: 6px;
}

.div-block-4130 {
  width: 30%;
  min-height: 40px;
}

.div-block-4131 {
  width: 100%;
}

.textlink-sm-13 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.textlink-sm-13:hover {
  color: #00b2ed;
}

.div-block-4132 {
  background-color: #fff;
  min-height: 100px;
  padding: 12px;
}

.div-block-4132.hidden {
  display: none;
}

.tile-contents-8 {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.toggle-holder-9 {
  background-color: #fff;
  width: 100%;
  padding: 10px 20px;
}

.div-block-4133 {
  align-items: center;
  display: flex;
}

.handle-volume-28 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-28:hover {
  background-color: #fff;
}

.div-block-4134 {
  cursor: move;
  border-bottom: 1px solid #ffffff63;
  justify-content: space-between;
  padding: 10px 2px 10px 4px;
  display: flex;
}

.tag-content-64 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-64.small {
  height: 30px;
  min-height: 30px;
}

.unmatched-80 {
  color: #000000db;
  white-space: nowrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.timeline-item-text-23 {
  color: #ffeaea;
  align-items: flex-start;
  padding-left: 12px;
  padding-right: 14px;
  display: flex;
  overflow: visible;
}

.results-wrapper-60 {
  z-index: 4;
  border: 0 solid #cfcfcf;
  width: 100%;
  display: none;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.image-719 {
  margin-right: 10px;
}

.div-block-4135 {
  margin-bottom: 5px;
}

.div-block-4136 {
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  height: 44px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.sound-icon-14 {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon-14:hover {
  opacity: 1;
}

.sound-icon-14.visible {
  display: block;
}

.checkbox-field-87 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.edit-section-menu-24 {
  z-index: 3;
  background-color: #272c44;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  flex-direction: column;
  width: 340px;
  min-height: 100px;
  max-height: 100vh;
  display: flex;
  position: static;
  inset: 8px 20px auto auto;
  overflow: auto;
  box-shadow: 4px 5px 8px 1px #0000004d;
}

.sf-1292 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-81 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-menu-option-64 {
  color: #00528c;
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option-64.big {
  font-size: 14px;
  line-height: 18px;
}

.preview-holder-9 {
  background-color: #a59e9e;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-4137 {
  align-items: center;
  padding-top: 8px;
  padding-bottom: 2px;
  display: flex;
}

.loading-row-13 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.text-span-300 {
  color: #fff9;
}

.text-block-217 {
  color: #ffffffe0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.speed-option-33 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-33:hover {
  color: #fff;
  background-color: #353535;
}

.sf-1293 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1293.tran-white {
  color: #ffffffb3;
}

.sf-1293.white {
  color: #fff;
  inset: 0% auto auto 0%;
  padding-left: 5px;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.sf-1294 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1294.semi {
  font-weight: 600;
}

.sf-1295 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1295.white {
  color: #fff;
  cursor: default;
}

.sf-1296 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1296.semi {
  font-weight: 600;
}

.chip-label-64 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.chip-label-64.builder {
  font-size: 13px;
}

.icon-trash-18 {
  transition: opacity .3s;
}

.icon-trash-18:hover {
  opacity: 1;
}

.timeline-media-40 {
  display: block;
}

.checkbox-field-88 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.form-block-132 {
  margin-bottom: 0;
}

.paragraph-ac-wrapper {
  width: 160px;
  position: relative;
}

.div-block-4138 {
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.result-icon-17 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-17.url {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.result-icon-17.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-17.fieldname {
  background-image: url('../images/field_1field.png');
  background-size: 18px;
  border-style: none;
}

.result-icon-17.value {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/numbers.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-17.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.result-icon-17.operator {
  background-image: url('../images/operator.png');
  background-size: 20px;
}

.div-block-4139 {
  display: flex;
}

.sf-1297 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.collapsible-settings-section-12, .collapsible-settings-section-12.submit-settings {
  display: block;
}

.div-block-4140 {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.image-720 {
  display: none;
}

.sf-15-med-130 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-4141 {
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.copy-url-button-7 {
  opacity: .66;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  margin-left: 3px;
  padding: 2px;
  transition: opacity .4s;
  display: flex;
}

.copy-url-button-7:hover {
  opacity: 1;
  background-color: #1389c0b5;
}

.result-row-73 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-73:hover {
  background-color: #d8e6fc;
}

.result-row-73.selected-tab {
  background-color: #233852;
}

.image-721 {
  margin-right: 12px;
}

.sf-1298 {
  color: #262c46;
  letter-spacing: .2px;
  font-family: Sf ui text, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

.sf-1298.blue {
  color: #75b3ff;
}

.post-header-47 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px;
  display: flex;
}

.post-header-47.module {
  align-items: center;
  padding: 10px 0 20px;
  display: block;
}

.input-category-13 {
  color: #fffc;
  background-color: #155279;
  border: 0 solid #000;
  border-radius: 4px;
  align-items: center;
  height: 36px;
  margin-bottom: 5px;
  margin-right: 0;
  padding-left: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  transition: background-color .4s;
  display: flex;
}

.input-category-13:hover {
  background-color: #2773a3;
}

.input-category-13::placeholder {
  color: #fff9;
}

.domain-option-scroller-14 {
  background-color: #032944;
  max-height: 460px;
  padding-bottom: 20px;
  overflow: auto;
}

.sf-1299 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.sf-1299.white {
  color: #fff;
  font-weight: 400;
}

.sf-1300 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.sf-1300.med-navy {
  color: #00528c;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}

.unmatched-82 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-82.white {
  color: #ffffffdb;
}

.div-block-4142 {
  align-items: flex-end;
  width: 100%;
  min-height: 24px;
  padding-bottom: 8px;
  display: flex;
}

.div-block-4143 {
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.result-row-74 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-74:hover, .result-row-74.selected {
  background-color: #d8e6fc;
}

.sf-1301 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1301.semi {
  color: #000000b3;
  font-weight: 600;
}

.sf-1301.white {
  color: #fff;
}

.sf-1302 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.matched-65 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.page-content-tab-wrapper-12 {
  flex-direction: column;
  flex: 1;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 16px 8px 8px;
  display: flex;
  position: relative;
  top: 0;
}

.page-content-tab-wrapper-12.hidden {
  flex-direction: column;
  flex: 1;
  display: block;
}

.div-block-4144 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.search-wrapper-42 {
  width: 100%;
  position: relative;
}

.sf-1303 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1303.tran-white {
  color: #ffffffb3;
}

.ac-label-12 {
  white-space: pre-wrap;
  flex-wrap: wrap;
  flex: none;
  max-width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.ac-label-12.selected-tab {
  color: #ffffffe6;
}

.form-block-133 {
  margin: 0;
}

.time-bar-27 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.chip-label-65 {
  color: #fff;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.image-722 {
  cursor: pointer;
}

.div-block-4145 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.ac-default-label-small-144 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.text-span-301 {
  font-size: 14px;
}

.clear-keyword-icon-4 {
  opacity: .4;
  cursor: pointer;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  inset: 12px 6px auto auto;
}

.clear-keyword-icon-4:hover {
  opacity: .6;
}

.clear-keyword-icon-4.hidden {
  background-image: url('../images/close_2close.png');
}

.tag-item-input-89 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-4146 {
  position: relative;
}

.div-block-4148 {
  flex: 1;
  overflow: hidden;
}

.upload-open-graph-11 {
  opacity: .76;
  cursor: pointer;
  background-color: #155279;
  border: 1px solid #fffc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  transition: background-color .4s;
  display: flex;
}

.upload-open-graph-11:hover {
  opacity: .88;
  background-color: #315e7a;
}

.tile-hover-icon-block-35 {
  opacity: .68;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.tile-hover-icon-block-35:hover {
  opacity: 1;
}

.div-block-4149 {
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.submit-button-small-43 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-43:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-43.bold {
  font-weight: 600;
}

.submit-button-small-43.cancel {
  background-color: #97a4af;
}

.submit-button-small-43.cancel:hover {
  background-color: #889097;
}

.sf-1304 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1304.white {
  color: #fff;
}

.sf-1304.tran-white {
  color: #ffffffb3;
  font-weight: 300;
}

.sf-1304.dark-blue {
  color: #00528c;
}

.sf-1304.tran-white {
  color: #ffffffb3;
  margin-left: 10px;
  font-weight: 400;
}

.section-element-settings-12 {
  flex: 1;
  max-height: 50vh;
  padding-top: 20px;
  padding-bottom: 40px;
  display: block;
  overflow: auto;
}

.section-element-settings-12.select-fields {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.results-wrapper-61 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-1305 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1305.white {
  color: #ffffffdb;
  overflow: hidden;
}

.image-723 {
  margin-right: 4px;
  display: none;
}

.sf-1306 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1306.tran-white {
  color: #ffffffb3;
  line-height: 15px;
}

.div-block-4150 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.tag-small-62 {
  clear: left;
  cursor: move;
  background-color: #00528cbd;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-62:hover {
  background-color: #00528ce6;
}

.image-724 {
  margin-right: 10px;
}

.div-block-4151 {
  width: 400px;
}

.div-block-4152 {
  flex-direction: column;
  padding-top: 4px;
  display: flex;
}

.template-modal-wrapper-17 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  max-height: 93vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
}

.modal-top-bar-61 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.div-block-4153 {
  padding-top: 10px;
  padding-bottom: 6px;
}

.library-sort-11 {
  background-color: #ebf0f3;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.builder-modal-button-11 {
  opacity: .76;
  cursor: pointer;
  border: 1px solid #fffc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 34px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.builder-modal-button-11:hover {
  opacity: .88;
  background-color: #08568d80;
}

.text-field-48 {
  color: #fff;
  background-color: #171b2ca6;
  border: 1px solid #ffffff5c;
  border-radius: 6px;
  height: 38px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
}

.text-field-48::placeholder {
  color: #999;
}

.image-725 {
  margin-right: 8px;
}

.view-toggle-2 {
  cursor: pointer;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 40px;
  min-height: 40px;
  margin-left: 20px;
  display: flex;
}

.label-participant-name-5 {
  color: #1d1d1d;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.load-more-7 {
  max-height: 15vh;
}

.button-wow {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/icon-social-wow-outline2x_1icon-social-wow-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  transition: background-color .3s;
}

.button-wow:hover, .button-wow.selected {
  background-image: url('../images/icon-social-wow-color2x_1icon-social-wow-color@2x.png');
}

.scoreboard-section {
  flex: 1;
  height: calc(100vh - 70px);
  display: block;
  position: relative;
  overflow: auto;
}

.no-scores {
  cursor: pointer;
  border-top: 1px solid #e7e7e7;
  align-items: flex-start;
  padding: 15px;
  transition: background-color .55s;
  position: relative;
}

.ac-default-label-small-145 {
  color: #312b3d99;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.modal-team-inner-wrapper-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 0 0;
  display: flex;
  position: static;
  overflow: visible;
}

.message-title-type-copy {
  white-space: nowrap;
  align-items: flex-start;
  display: flex;
}

.program-name-label-2 {
  opacity: .72;
  background-color: #e0e8f7;
  width: 60%;
  min-width: 500px;
  padding: 8px 10px;
}

.hover-inner-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-right: 4px;
  display: flex;
  position: absolute;
  inset: 10px 8px auto auto;
}

.section-metrics {
  display: block;
}

.social-icon-sm {
  background-color: #fff;
  background-image: url('../images/like-sm_1like-sm.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  min-width: 22px;
  min-height: 22px;
  transition: opacity .4s;
  display: block;
  position: absolute;
  inset: -2px auto auto -4px;
  box-shadow: 0 2px 5px #00000040;
}

.social-icon-sm.wow {
  background-image: url('../images/wow-sm_1wow-sm.png');
  background-size: 16px;
}

.social-icon-sm.like {
  background-image: url('../images/like-sm_1like-sm.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-color: #e2e2e2;
}

.name-input-13 {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.name-input-13::placeholder {
  color: #8d8d8d;
}

.page-content-wrapper-4 {
  flex-flow: column;
}

.message-detail {
  background-color: #fafafa;
  padding: 10px;
  display: block;
}

.button-like {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/icon-social-like-outline3x_1icon-social-like-outline@3x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  transition: background-color .3s;
}

.button-like:hover, .button-like.selected {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
}

.social-count-7 {
  align-items: center;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.upper-right-2 {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  height: 36px;
  margin-top: 5px;
  margin-left: 8px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.scoreboard-screen-container {
  background-image: linear-gradient(#000000a3, #000000a3), url('../images/bg-pattern.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.points-label-4 {
  color: #1d1d1d;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.reply-to-icon {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/reply_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-left: 15px;
  transition: background-color .3s;
}

.reply-to-icon:hover {
  background-color: #4190ff;
  background-size: 24px;
}

.reply-to-icon.selected {
  background-color: #0078d9;
}

.divider-rightclick-3 {
  background-color: #243c92;
  border-top: 1px solid #96b3d8;
  height: 1px;
  margin: 6px 15px;
  padding-bottom: 0;
}

.reload-button {
  background-color: #edfbff;
  border: 1px solid #8ac7f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: 14px 14px auto auto;
}

.reload-button:hover {
  color: #dbebfa;
  background-color: #ceecff;
}

.loading-row-14 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.org-selector-5 {
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 340px;
  height: 40px;
  padding-left: 12px;
  padding-right: 6px;
  display: flex;
}

.org-selector-5:hover {
  background-color: #cde3ff;
}

.results-wrapper-messages-3-copy-3 {
  z-index: 102;
  object-fit: contain;
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: 1;
  width: 100%;
  display: block;
  position: static;
  overflow: visible;
}

.challenge-title2-9 {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.toggle-icon-scoreboard-4 {
  background-image: url('../images/scoreboard-icon_1scoreboard-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  border-right: 1px solid #98bbe7;
  width: 60px;
  display: block;
}

.toggle-icon-scoreboard-4:hover {
  background-color: #cde3ff;
}

.manager-view-header-5 {
  z-index: 5;
  background-color: #fff;
  width: 100%;
  height: 70px;
  position: sticky;
  top: 0;
}

.score-inner-row-7 {
  cursor: pointer;
  border-top: 1px solid #e7e7e7;
  align-items: flex-start;
  padding: 15px;
  transition: background-color .55s;
  display: flex;
  position: relative;
}

.score-inner-row-7:hover {
  background-color: #ffffeb;
}

.dots {
  letter-spacing: 1px;
}

.waiting-for-query {
  text-align: center;
  background-color: #fff;
  background-image: none;
  padding: 40px 20px;
  transition: opacity .3s;
}

.loading-spinner-copy {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46px;
  height: 10vh;
}

.form-header {
  background-color: #0443ea;
  background-image: linear-gradient(90deg, #07408f, #1d6ddb);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 20px;
}

.submitted {
  padding: 60px 60px 40px;
  display: block;
}

.submitted.hidden {
  display: block;
}

.whisper-5 {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  max-width: 600px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -100px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.question-template {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-display-section {
  min-height: 80px;
  padding-bottom: 20px;
  display: block;
}

.form-element-div {
  margin-top: 20px;
  padding-left: 32px;
  padding-right: 32px;
}

.radio-button-3 {
  background-color: #fff3;
  border-style: solid;
  border-color: #8a9fbe;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-bottom: 4px;
  margin-right: 10px;
  font-size: 18px;
}

.radio-button-3:active {
  border-color: #0071e3;
}

.radio-button-3.w--redirected-checked {
  background-color: #fff;
  border-width: 7px;
  border-color: #3898ec;
}

.red-2 {
  color: #ed4444;
}

.text-element-2 {
  color: #011d64;
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.text-element-2.white {
  color: #ffffffe6;
}

.outerwrapper {
  background-color: #08408f;
  width: 100vw;
  height: 100vh;
  overflow: auto;
}

.form-wrapper-2 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 16px;
  width: 800px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.form-h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 30px;
}

.header-wrapper {
  z-index: 12;
  background-color: #1d1d1d;
  justify-content: center;
  align-items: center;
  height: 70px;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  box-shadow: 2px 2px 12px 5px #0003;
}

.header-wrapper.questionnaire {
  box-shadow: none;
  background-color: #07408f00;
  margin-bottom: 10px;
  position: relative;
}

.submitted-section {
  justify-content: flex-start;
  margin-bottom: 60px;
  padding-top: 0;
}

.form-label {
  color: #000000b8;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.brand-link-block-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.brand-link-block-3.w--current {
  margin-right: 0;
  padding-right: 0;
}

.div-block-4685 {
  padding-left: 32px;
}

.div-block-4687 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sf-15-med-136 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.radio-button-field-24 {
  padding-bottom: 8px;
  padding-left: 24px;
}

.div-block-4688 {
  width: 180px;
  margin-right: 10px;
}

.form-120 {
  padding: 10px 40px 60px;
  display: block;
}

.checkbox-field-90 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8px;
  display: flex;
}

.modal-container-40 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.div-block-4689 {
  min-width: 32px;
  min-height: 32px;
}

.text-element-wrapper-4 {
  color: #011d64;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.small-text-42 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-42.view-all {
  text-transform: none;
}

.input-holder-15 {
  border-top: 1px #e2e2e2;
  margin-top: -5px;
  margin-bottom: 15px;
  display: none;
}

.div-block-4690 {
  align-items: flex-start;
  display: flex;
}

.hidden-2 {
  margin-top: -5px;
  margin-bottom: 15px;
  display: block;
}

.div-block-4691 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.form-block-141 {
  min-height: 400px;
  margin-bottom: 0;
}

.div-block-4692 {
  justify-content: flex-end;
  min-width: 26px;
  margin-right: 8px;
  display: flex;
}

.poppins-body-text-43 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.poppins-body-text-43.med {
  font-weight: 500;
}

.poppins-body-text-43.white {
  color: #ffffffe6;
}

.loader-8 {
  text-align: center;
  background-color: #072046;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 190px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: block;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.div-block-4693 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.image-744 {
  margin-bottom: 10px;
}

.text-field-50 {
  color: #000000b8;
  background-color: #fff;
  border: 1px solid #b4c7ec;
  width: 580px;
  height: 46px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text-field-50.specification {
  width: 95%;
  margin-left: 30px;
}

.div-block-4694 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-37 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: -15px;
  margin-right: 10px;
}

.submit-button-47 {
  color: #fff;
  text-align: center;
  background-color: #f1014a;
  border-radius: 10px;
  min-width: 160px;
  margin-top: 0;
  padding: 15px 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .3s;
}

.submit-button-47:hover {
  color: #fff;
  background-color: #ca003e;
  text-decoration: none;
}

.section-content-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  min-width: 980px;
  max-width: 1320px;
  min-height: 100px;
  display: flex;
}

.section-content-wrapper.landing-copy {
  align-items: flex-start;
  width: 100%;
  max-width: 1480px;
}

.div-block-5470 {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  border-radius: 40px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: 6px;
  margin-right: 6px;
}

.div-block-5470:hover {
  background-color: #153a62;
}

.overview-block-2 {
  text-align: left;
  border-radius: 12px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.list-section {
  color: #0d2568;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  min-height: 400px;
  margin-top: 20px;
  margin-bottom: 100px;
}

.list-section.white {
  background-color: #fff;
  border: 2px solid #b1dcff;
  border-radius: 18px;
  padding: 45px 45px 20px 15px;
}

.site-header-wrapper-w {
  z-index: 12;
  background-color: #07408f;
  justify-content: center;
  align-items: center;
  height: 70px;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: sticky;
  top: 0;
}

.site-header-wrapper-w.static {
  position: static;
}

.html-embed-2.blue {
  color: #008ff5;
  transition: all .4s;
}

.html-embed-2.blue:hover {
  color: #fff;
}

.textlink-19 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-19:hover {
  color: #00b2ed;
}

.textlink-19.grey {
  color: #cecece;
}

.textlink-19.grey:hover {
  text-decoration: underline;
}

.page-element-block-landing {
  text-align: left;
  border-radius: 16px;
  align-self: auto;
  margin-top: 40px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
  line-height: 30px;
  position: relative;
}

.content-section-2 {
  z-index: 1;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.content-section-2.lite-blue {
  background-color: #e9f3ff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-section-2.lite-blue.vertical-copy {
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
}

.text-element-wrapper-2 {
  color: #011d64;
  font-size: 18px;
  line-height: 30px;
}

.div-block-903 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.list-med {
  margin-bottom: 30px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.hero-form-button-holder-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 5px;
  display: flex;
}

.div-block-5468 {
  margin-top: 40px;
}

.footer-links-3 {
  background-color: #07408f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.footer-links-3.w {
  background-color: #fff;
}

.text-field-218 {
  color: #141414;
  border: 1px solid #fff;
  border-bottom-color: #d3d3d3;
  height: 46px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 18px;
  font-weight: 400;
}

.text-field-218::placeholder {
  color: #888;
}

.screenshot-holder {
  background-image: url('../images/challenge2.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32%;
  margin-top: 20px;
  margin-left: 50px;
}

.column-wide-landing {
  width: 50%;
  min-width: 505px;
  max-width: 640px;
  font-size: 18px;
  line-height: 30px;
}

.column-wide-landing._2 {
  width: 55%;
  max-width: 800px;
}

.submit-button-48 {
  color: #fff;
  text-align: center;
  background-color: #f1014a;
  border-radius: 10px;
  min-width: 160px;
  margin-top: 0;
  padding: 15px 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .3s;
}

.submit-button-48:hover {
  color: #fff;
  background-color: #ca003e;
  text-decoration: none;
}

.submit-button-48.large {
  padding: 24px 30px;
  font-size: 20px;
}

.poppins-label-9 {
  color: #011d64;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.social-icon-holder {
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  display: flex;
}

.social-icon-holder.footer, .social-icon-holder.landing {
  margin-right: 0;
}

.image-745 {
  margin-top: 80px;
  margin-left: 0;
}

.footer-text-3 {
  color: #cecece;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.footer-text-3.b {
  color: #444;
}

.logo-link-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.logo-link-block.w--current {
  margin-right: 0;
  padding-right: 0;
}

.text-field-219 {
  color: #141414;
  border: 1px solid #fff;
  border-bottom-color: #d3d3d3;
  height: 46px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 18px;
  font-weight: 400;
}

.text-field-219::placeholder {
  color: #888;
}

.text-element {
  text-align: left;
}

.div-block-2438-copy {
  justify-content: flex-start;
  align-items: center;
  min-width: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-4662-copy {
  padding: 10px 40px 20px;
}

.poppins-label-xs {
  color: #011d64;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-5469 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1460px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sign-up-form {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #3a99ff;
  border-radius: 12px;
  justify-content: center;
  max-width: 720px;
  padding: 40px 40px 10px;
}

.privacy-text {
  color: #707070;
  border: 1px solid #0000;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.privacy-text.grey.a {
  color: #707070;
  font-family: Poppins, sans-serif;
}

.link-block-33 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.heading-centered-wrapper {
  color: #0d2568;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero-email-collection-3 {
  width: 100%;
  max-width: 600px;
  padding-top: 20px;
  display: block;
}

.challenge-landing {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
}

.submitbutton-36 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-36:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-36.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-36.grey:hover {
  background-color: #909090;
}

.submitbutton-36.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.list-item-17 {
  color: #424242;
  padding-top: 20px;
  padding-left: 6px;
  font-weight: 300;
  line-height: 26px;
}

.list-item-17.error {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-weight: 400;
}

.div-block-5472 {
  background-color: #eee;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 10px;
  display: block;
}

.list-10 {
  color: #312b3de6;
  margin-bottom: 20px;
  padding: 0 40px 0 60px;
  font-size: 18px;
}

.list-10.error {
  padding-left: 40px;
  padding-right: 40px;
}

.h3-dark-21 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-block-5471 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.modalcontent-37 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.heading-27 {
  color: #011d64;
  margin-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 54px;
  font-weight: 600;
  line-height: 62px;
}

.text-block-501 {
  font-family: Poppins, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.h2 {
  color: #0d2568;
  font-family: Poppins, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.form-paragrpah {
  font-family: Poppins, sans-serif;
}

.heading-9 {
  margin-top: 0;
  margin-bottom: 26px;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}

.user-view-wrapper-2-copy {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding: 40px;
  display: flex;
}

.message-area-6 {
  background-color: #f8f8f8;
  flex: 1;
  height: 100%;
  display: block;
  overflow: auto;
}

.toggle-icon-engagement-3 {
  background-image: url('../images/social-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  width: 60px;
  display: block;
}

.toggle-icon-engagement-3:hover {
  background-color: #cde3ff;
}

.search-wrapper-6-copy-copy {
  flex: 1;
  position: relative;
}

.sf-13-grey-label-50 {
  color: #8a8a8a;
  cursor: auto;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.tag-item-input-6-copy {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.empty-state-metrics-5 {
  text-align: center;
  background-color: #f5f5f500;
  width: auto;
  padding: 60px 40px 40px;
  display: block;
}

.spinner-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.left-side-3 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  height: 100%;
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.modal-content-wide-programs {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 720px;
  min-height: 220px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
  position: static;
  overflow: visible;
}

.user-wrapper-copy {
  width: 100%;
  min-width: 500px;
  height: auto;
  margin-bottom: 25px;
  display: block;
  position: relative;
}

.div-block-5494 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  margin-top: 20px;
}

.modal-header-30 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.add-user-form {
  background-color: #ebf4ff;
  border: 1px solid #aad9ff;
  width: 500px;
  min-height: 100px;
  margin-top: 10px;
  padding: 20px 25px;
}

.modal-container-41 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.add-new-user-wrapper {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 0;
}

.loader-9 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: flex;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.success-gif {
  width: 160px;
  margin-bottom: 0;
}

.score-section-7 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.template-modal-wrapper-18 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  max-height: 93vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
}

.text-label-small-13 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 2em;
  display: block;
}

.top-display-8 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.input-component-holder-13 {
  background-color: #f5f5f5;
  flex: 0 auto;
  padding-bottom: 140px;
  position: relative;
  overflow: auto;
}

.item-button-bar-17 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.item-button-bar-17.side {
  background-color: #fff;
  border-top-style: none;
  justify-content: center;
  padding: 10px 20px 14px;
}

.timeline-message-textarea-9 {
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 120px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  overflow: auto;
}

.modal-group-7 {
  z-index: 11002;
  background-color: #0006;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.library-tab-bar-7 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
  padding-top: 4px;
  display: flex;
}

.right-side-content-5 {
  flex: 1;
  display: none;
  overflow: auto;
}

.action-button-holder-11 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.social-icon-bar-6 {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.social-icon-bar-6.web {
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.arrow-29 {
  background-color: #fff;
  background-image: url('../images/arrow-left_1arrow-left.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 3px;
  margin-right: 3px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.arrow-29:hover {
  background-color: #b4daf1;
}

.arrow-29.right {
  background-image: url('../images/arrow-right_1arrow-right.png');
  background-size: 24px;
}

.timeline-media-49 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.div-block-5631 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-5632 {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 76px;
  min-height: 76px;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-5632:hover {
  background-color: #0000002b;
}

.sf-1402 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-1402.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.sf-1402.blue {
  color: #00528c;
  text-align: left;
}

.sf-1402.red {
  color: #d32f2f;
}

.sf-1402.green {
  color: #388e3c;
}

.audio-component-30 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-30.review {
  height: 92px;
  padding-left: 5px;
  display: flex;
}

.start-button-9 {
  z-index: 6;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.sf-1403 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-1403.white {
  color: #fff;
}

.time-bar-30 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.tag-item-input-106 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.image-772 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.autocomplete-input-30 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.div-block-5633 {
  flex: 0 auto;
  display: block;
  position: static;
  inset: 40% auto 0% 180px;
}

.sf-1404 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.timeline-media-50 {
  display: block;
}

.div-block-5634 {
  width: 54px;
}

.message-holder-25 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.tile-thumb-19 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-19.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tile-thumb-19.tall.audio {
  background-size: cover;
}

.player-modal-top-bar-10 {
  justify-content: space-between;
  align-items: center;
  height: 52px;
  min-height: 52px;
  padding-left: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.file-info-10 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
}

.div-block-5635 {
  display: flex;
  position: relative;
}

.remove-section-18 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-18:hover {
  opacity: .86;
}

.post-wrapper-11 {
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.item-button-icon-39 {
  width: 20px;
  padding-right: 3px;
}

.sf-1405 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1405.white {
  color: #fff;
  cursor: default;
}

.sf-1405.semi {
  color: #312b3de3;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.modal-webplayer-11 {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.text-initials-77 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.sf-1406 {
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.sf-1406.grey {
  color: #6d6d6d;
}

.sf-1406.white {
  color: #fff;
}

.text-span-322 {
  color: #0000004d;
}

.link-57 {
  font-family: Sf ui text, sans-serif;
}

.tag-content-70 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-70.small {
  max-width: 100%;
  height: 30px;
  min-height: 30px;
}

.div-block-5636 {
  height: 54px;
}

.div-block-5637 {
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5637.hidden {
  padding-top: 20px;
  padding-left: 0;
}

.sf-1407 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1407.semi {
  font-weight: 600;
}

.sf-1408 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.div-block-5638 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
  position: absolute;
}

.div-block-5639 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
}

.div-block-5640 {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-5641 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.social-section-8 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.tile-hover-icon-block-37 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.div-block-5642 {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.results-holder-101 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-5643 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
}

.div-block-5644 {
  margin-left: 12px;
}

.submit-save-button-88 {
  text-align: center;
  cursor: auto;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-top: 10px;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-88:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-88.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-88.cancel:hover {
  background-color: #a1a1a1;
}

.div-block-5645 {
  height: 6px;
  position: absolute;
}

.image-773 {
  opacity: .76;
}

.sf-15-semi-13 {
  color: #313131;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.settings-header-11 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px 4px 10px;
  display: flex;
}

.time-bar-31 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.div-block-5646 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.text-434 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-434.light {
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.div-block-5647 {
  overflow: auto;
}

.div-block-5648 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.video-section-14 {
  height: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.div-block-5649 {
  justify-content: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: flex;
}

.div-block-5650 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.div-block-5651 {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 76px;
  min-height: 76px;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-5651:hover {
  background-color: #0000002b;
}

.sf-1409 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1409.center {
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.sf-1410 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1410:hover {
  color: #016bb6;
}

.inputfield-31 {
  color: #312b3de3;
  width: 580px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-31.label {
  width: 165px;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.button-wrapper-22 {
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.tag-item-input-107 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.sf-1411 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1411.bold {
  font-weight: 700;
}

.div-block-5652 {
  display: flex;
}

.exercise-layer-8 {
  height: 100%;
  display: none;
}

.audio-component-editor-18 {
  background-color: #fff;
  border-top: 1px #e6e6e6;
  border-bottom: 1px #e6e6e6;
  width: 100%;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-18:focus {
  box-shadow: 1px 1px 3px #000;
}

.sf-1412 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1412.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.button-wrapper-23 {
  align-items: center;
  margin-left: 15px;
}

.time-label-8 {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

.unmatched-91 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.div-block-5653 {
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.checkbox-field-93 {
  padding-left: 20px;
}

.volume-bar-34 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.div-block-5654 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.image-774 {
  opacity: .43;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sf-1413 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1413.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.controls-button-holder-21 {
  z-index: 9;
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: block;
  position: relative;
}

.div-block-5655 {
  margin-left: auto;
  display: flex;
}

.div-block-5656 {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
}

.text-span-323 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.post-header-54 {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0 20px;
  display: flex;
}

.inputfield-32 {
  color: #312b3de3;
  text-align: right;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-32.number {
  text-align: right;
  width: 80px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 6px;
  display: inline-block;
}

.div-block-5657 {
  padding-right: 5px;
}

.small-text-45 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-45.view-all {
  text-transform: none;
}

.div-block-5658 {
  flex-direction: column;
  max-height: 90vh;
  display: flex;
  overflow: auto;
}

.cal-item-wrapper-19 {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  flex-direction: column;
  padding: 3px 2px 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.select-field-37 {
  color: #1f1f1f;
  background-color: #fff;
  width: 180px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
}

.action-button-65 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin: 4px 3px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-65:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-65.player-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 13px;
  line-height: 16px;
}

.action-button-65.player-form:hover {
  background-color: #00528c;
}

.option-menu-div-35 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: relative;
}

.option-menu-div-35:hover {
  background-color: #cfcfcf;
}

.option-menu-div-35.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-35.big:hover {
  background-color: #e9e9e9;
}

.div-block-5659 {
  text-align: left;
  border-bottom: 1px solid #315e82;
  padding: 30px 10px 10px;
}

.div-block-5660 {
  background-color: #dbd7d7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
}

.tag-item-input-108 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-5661 {
  height: 6px;
  position: absolute;
}

.close-modal-77 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-77:hover {
  opacity: 1;
  text-align: left;
}

.div-block-5662 {
  height: 40px;
}

.submit-save-button-89 {
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-89:hover {
  color: #fff;
  background-color: #1679cf;
}

.link-block-35 {
  opacity: .25;
  width: 22px;
  height: 22px;
  margin-left: auto;
}

.link-block-35:hover {
  opacity: .8;
}

.edit-post-title-9 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.control-buttons-9 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-holder-8 {
  min-width: 100px;
  min-height: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.label-sf-27 {
  color: #262c46;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-27._13 {
  color: #999;
  font-size: 13px;
}

.label-sf-27._13.blue {
  color: #00528c;
}

.div-block-5663 {
  margin-top: 10px;
  margin-bottom: 6px;
}

.remove-section-19 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-19:hover {
  opacity: .86;
}

.post-submit-9 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding: 10px 20px 20px;
  display: flex;
}

.item-header-copy-21 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-5664 {
  opacity: .8;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  display: flex;
}

.div-block-5664:hover {
  opacity: 1;
  background-color: #033153;
}

.preview-wrapper-11 {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 43%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-5665 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.sf-15-med-142 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.plan-button-div-15 {
  justify-content: center;
  display: flex;
  position: relative;
}

.text-435 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-435.light {
  font-weight: 300;
}

.result-row-85 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-85:hover, .result-row-85.selected {
  background-color: #d8e6fc;
}

.result-row-85.checked {
  background-color: #ebecee;
}

.result-row-85.checked.selected {
  background-color: #d8e6fc;
}

.sf-1414 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1414.semi {
  font-weight: 600;
}

.div-block-5666 {
  flex: 1;
  overflow: auto;
}

.tag-item-input-109 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-5667 {
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.volume-bar-35 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  min-width: 10px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  transition: all .5s;
  display: block;
  position: static;
  inset: auto 14px 45px auto;
}

.right-side-bar-holder-5 {
  text-align: center;
  background-color: #ddeefa;
  flex-direction: column;
  justify-content: space-between;
  width: 420px;
  height: 100%;
  margin-left: auto;
  transition: all 2s;
  display: none;
  position: relative;
  box-shadow: -1px 5px 12px 4px #0006;
}

.div-block-5668 {
  width: 86px;
  margin-right: 10px;
  padding-top: 2px;
}

.modal-content-calendar-14 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  height: 700px;
  min-height: 640px;
  max-height: 0%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.image-775 {
  cursor: pointer;
}

.image-775:hover {
  filter: saturate(71%);
}

.upload-column-18 {
  width: auto;
  margin-right: 0;
}

.sf-1415 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.image-776 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-5669 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 76px;
  min-height: 76px;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-5669:hover {
  background-color: #0000002b;
}

.ac-default-label-small-157 {
  color: #575757db;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sf-1416 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1416.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.div-block-5670 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bottom-label-holder-14 {
  z-index: 3;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 60px;
}

.bottom-label-holder-14.vertical {
  z-index: 4;
}

.modal-top-bar-64 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.submit-button-small-45 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-45:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-45.cancel {
  background-color: #97a4af;
}

.submit-button-small-45.cancel:hover {
  background-color: #889097;
}

.submit-button-small-45.disable {
  opacity: .53;
  color: #fff;
}

.submit-button-small-45.disable:hover {
  background-color: #3898ec;
}

.ac-default-label-29 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.modal-player-content-10 {
  background-color: #fff;
  flex-direction: column;
  width: 96%;
  min-width: 800px;
  height: 90vh;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.modal-content-media-copy-16 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  min-width: 800px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: hidden;
}

.ac-icon-61 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-61.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.sf-1417 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-5671 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.audio-component-31 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.div-block-5672 {
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.text-436 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.sf-1418 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.intro-27 {
  z-index: 1000;
  text-align: center;
  cursor: auto;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  transition: all 2s;
  display: block;
  position: static;
  overflow: hidden;
}

.div-block-5673 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.div-block-5674 {
  justify-content: center;
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-5675 {
  background-color: #b7dae6;
  width: 100%;
  height: 1px;
}

.start-button-wrapper-8 {
  align-items: center;
  display: block;
  position: static;
  inset: 0%;
}

.text-437 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.text-437.white {
  color: #fff;
}

.checkbox-40 {
  margin-top: 6px;
}

.text-block-506 {
  font-size: 18px;
}

.checkbox-field-94 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.image-777 {
  max-width: none;
}

.modal-container-43 {
  z-index: 10;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.tag-content-71 {
  align-items: center;
  max-width: 100%;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.sf-1419 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.results-wrapper-67 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.plans-wrapper-11 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.text-block-507 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.div-block-5676 {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 76px;
  min-height: 76px;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-5676:hover {
  background-color: #0000002b;
}

.audio-component-32 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-32.review {
  height: 92px;
  padding-left: 12px;
  display: flex;
}

.sf-13-grey-label-53 {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.image-778 {
  margin-right: 4px;
}

.div-block-5677 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.div-block-5678 {
  justify-content: space-between;
  display: flex;
}

.image-779 {
  filter: invert();
  position: relative;
}

.div-block-5679 {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 12px;
  padding-bottom: 16px;
  display: block;
}

.sf-1420 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1420.med-grey-center {
  color: #818181;
  text-align: center;
}

.create-new-button-35 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-35:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.search-wrapper-47 {
  position: relative;
}

.search-wrapper-47.media {
  flex: 1;
}

.search-wrapper-47.library {
  flex: 1;
  margin-right: 40px;
}

.div-block-5680 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-127 {
  padding-top: 14px;
}

.image-780 {
  margin-right: 3px;
}

.div-block-5681 {
  width: 40px;
}

.div-block-5681:hover {
  border-width: 2px;
}

.progress-bar-volume-wrapper-17 {
  z-index: 2;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.exercise-row-21 {
  background-color: #fff;
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.exercise-row-21.border {
  border-top: 1px solid #cecece;
}

.chip-label-67 {
  color: #fff;
  max-width: 95%;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.post-button-img-11 {
  width: 24px;
  min-width: 24px;
}

.text-438 {
  color: #161616;
  margin-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.text-438.uppercase {
  text-transform: uppercase;
  line-height: 22px;
}

.div-block-5682 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.div-block-5683 {
  padding-top: 8px;
}

.create-new-button-36 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-36:hover {
  color: #fff;
  background-color: #00b2ed;
}

.div-block-5684 {
  margin-top: 14px;
}

.play-pause-button-mini-16 {
  z-index: 5;
  opacity: 1;
  background-color: #0006;
  border: 2px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -10px;
  bottom: auto;
}

.play-pause-button-mini-16:hover {
  opacity: 1;
  background-color: #000000b3;
}

.sf-1421 {
  color: #312b3de3;
  flex: 1;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.sf-1421.semi {
  color: #000000b3;
  font-weight: 600;
}

.div-block-5685 {
  align-items: center;
  margin-left: auto;
  transition: opacity .5s;
  display: flex;
}

.div-block-5685.no-opacity {
  transition: opacity .5s;
}

.timeline-post-preview-9 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  height: auto;
  margin-top: 0;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.div-block-5686 {
  align-items: flex-start;
  width: 100%;
  min-height: 20px;
  margin-bottom: 8px;
  display: flex;
}

.results-holder-102 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-5687 {
  margin-top: 16px;
}

.timeline-message-textarea-11 {
  color: #0f0f0f;
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 80px;
  max-height: 60vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  overflow: auto;
}

.action-button-holder-12 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.select-audio-18 {
  text-align: right;
  margin-left: auto;
  position: relative;
  left: 0;
  right: 0;
}

.div-block-5688 {
  margin-left: 8px;
}

.upload-option-8 {
  z-index: 2;
  cursor: pointer;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.upload-option-8:hover {
  background-color: #cddeeb;
}

.sf-1422 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1422.center {
  text-align: center;
}

.div-block-5689 {
  padding-left: 8px;
}

.div-block-5690 {
  margin-bottom: 20px;
  padding-top: 20px;
}

.audio-component-editor-19 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-19:focus {
  box-shadow: 1px 1px 3px #000;
}

.div-block-5691 {
  margin-left: 10px;
  position: relative;
}

.text-span-324 {
  font-size: 10px;
  line-height: 14px;
}

.control-buttons-10 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.ac-default-label-small-158 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.library-media-content-view-14 {
  background-color: #032944;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-height: 100vh;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-5692 {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.div-block-5693 {
  width: 100%;
}

.sf-1423 {
  font-size: 12px;
  line-height: 20px;
}

.sf-1423.white {
  color: #fff;
}

.sf-1424 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1424.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.user-overview-section-wrapper-22 {
  border-top-width: 1px;
  border-top-color: #b7dae5;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow: auto;
}

.user-overview-section-wrapper-22.contact-details {
  display: block;
}

.user-overview-section-wrapper-22.notes {
  flex: 1;
  padding-top: 10px;
  padding-bottom: 60px;
  display: block;
}

.form-128 {
  background-color: #ecf4fd;
  border-radius: 6px;
  width: 100%;
}

.button-select-plan-9 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-9:hover {
  color: #fff;
  background-color: #1679cf;
}

.controls-button-holder-22 {
  z-index: 5;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: block;
  position: relative;
}

.controls-button-holder-22.vertical {
  display: flex;
}

.text-label-set-rep-9 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  margin-right: 26px;
  padding-bottom: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 2.6em;
  font-weight: 600;
  line-height: 1em;
  display: block;
}

.div-block-5694 {
  text-align: right;
  background-color: #fff;
  width: 70px;
  height: 40px;
  margin-right: 10px;
  padding: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}

.text-span-325 {
  margin-left: 9px;
  font-weight: 500;
}

.text-label-medium-9 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1em;
}

.text-label-medium-9.start {
  text-shadow: 3px 3px 6px #000000a3;
  cursor: pointer;
  padding-bottom: 0;
  font-family: Sf ui display, sans-serif;
}

.icon-audio-19 {
  background-image: url('../images/audio_1audio.png');
  background-position: 0 0;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.image-781 {
  opacity: 1;
  margin-right: 5px;
  transition: opacity .3s;
}

.reaction-icon-bar-9 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-9:hover {
  background-color: #eef3f8;
}

.sf-1425 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1425.semi {
  font-weight: 600;
}

.div-block-5695 {
  opacity: 0;
  width: 100%;
  height: 60px;
  transition: all .5s;
  position: absolute;
  bottom: 45px;
  overflow: visible;
}

.div-block-5695.hide {
  opacity: 0;
}

.image-782 {
  height: 100px;
}

.sf-13-grey-label-54 {
  color: #8a8a8a;
  cursor: pointer;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.div-block-5696 {
  max-width: 236px;
}

.form-129 {
  background-color: #ecf4fd;
  border-radius: 6px;
  margin-top: 0;
  padding: 15px 20px 5px;
}

.bottom-label-holder-15 {
  z-index: 4;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 60px;
}

.div-block-5697 {
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.textlink-sm-15 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.textlink-sm-15:hover {
  color: #00b2ed;
}

.textlink-sm-15.semi {
  font-weight: 600;
}

.ac-default-label-small-159 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.text-span-326 {
  color: #8a8a8a;
}

.div-block-5698 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.ribbon-content-8 {
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  display: flex;
  overflow: auto;
}

.item-button-icon-40 {
  width: 16px;
  margin-right: 4px;
}

.div-block-5699 {
  position: absolute;
}

.div-block-5700 {
  padding: 40px;
}

.div-block-5701 {
  background-color: #032944;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #b4b4b4;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: -8px -8px auto auto;
}

.sf-1426 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1426.tran-white {
  color: #ffffffdb;
  padding-left: 10px;
}

.div-block-5702 {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.calendar-top-bar-18 {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-left: 34px;
  padding-right: 30px;
  display: flex;
  position: static;
}

.remove-67 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-67:hover {
  opacity: 1;
}

.remove-67.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.textarea-29 {
  height: auto;
  min-height: 80px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.textarea-29.player {
  padding-left: 8px;
  padding-right: 8px;
}

.input-component-holder-15 {
  background-color: #fff;
  flex: 0 auto;
  max-height: 600px;
  margin-bottom: 0;
  position: relative;
  overflow: auto;
}

.handle-volume-30 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-30:hover {
  background-color: #fff;
}

.edit-section-title-11 {
  padding-top: 0;
  padding-bottom: 12px;
  padding-left: 0;
}

.media-preview-17 {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  display: flex;
}

.text-439 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.text-439.medium {
  font-weight: 500;
}

.text-439.medium.blue {
  color: #00528c;
}

.workout-name-19 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.action-button-66 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-66:hover {
  color: #fff;
  background-color: #0d72b9;
}

.label-tile-26 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.sf-1427 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.sf-1427.semi {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.timeline-media-51 {
  background-color: #fff;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-783 {
  margin-left: 3px;
  display: none;
}

.div-block-5703 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: none;
}

.paused-button-holder-8 {
  z-index: 6;
  justify-content: flex-end;
  align-items: center;
  width: 98%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  bottom: 250px;
  left: 10px;
  right: 10px;
}

.post-editor-modal-12 {
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-direction: column;
  width: 1100px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: block;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.post-editor-modal-12.hidden {
  display: none;
}

.results-scroller-105 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.speed-option-36 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-36:hover {
  color: #fff;
  background-color: #353535;
}

.text-label-large-9 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: .8em;
}

.sound-icon-20 {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon-20:hover {
  opacity: 1;
}

.sound-icon-20.visible {
  display: block;
}

.upload-button-holder-12 {
  align-items: flex-start;
  height: auto;
  margin-top: 14px;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.set-label-17 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.timeline-item-text-25 {
  color: #ffeaea;
  align-self: auto;
  width: 206px;
  padding-left: 8px;
  overflow: visible;
}

.sf-1428 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1428.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.sf-1429 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1429.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.sf-1429.white {
  color: #fff;
  cursor: default;
}

.div-block-5704 {
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  display: flex;
}

.sf-1430 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1430.semi {
  font-weight: 600;
}

.image-784 {
  margin-right: 3px;
}

.twm-spinner-3 {
  margin-top: 40px;
}

.div-block-5705 {
  border-bottom: 1px solid #cbdfff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
  position: relative;
}

.div-block-5706 {
  align-self: center;
}

.item-action-button-14 {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.item-action-button-14:hover {
  background-color: #d1e5f3;
}

.item-action-button-14.delete:hover {
  background-color: #ffc8c8;
}

.item-action-button-14.fms {
  cursor: pointer;
}

.audio-player-holder-9 {
  min-width: 100px;
  min-height: 50px;
  margin-top: 15px;
}

.tag-28 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-28.multiple {
  display: inline-block;
}

.audio-player-controls-41 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-41:hover, .audio-player-controls-41.no-image-sm, .audio-player-controls-41.no-image {
  opacity: 1;
}

.media-library-modal-9 {
  background-color: #f7f7f7;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  max-width: 95%;
  height: 90vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  top: 40px;
  left: 60px;
  overflow: visible;
  box-shadow: -1px -1px 8px #0000005e, 6px 6px 8px #0006;
}

.sf-1431 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1431.white-label {
  color: #fff;
  justify-content: space-between;
}

.sf-1431.grey {
  color: #979797;
}

.modalclosediv-76 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalclosediv-76.small {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 6px;
  right: 6px;
}

.modal-top-bar-65 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.div-block-5707 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: none;
}

.progress-bar-volume-wrapper-18 {
  z-index: 2;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ac-default-label-small-160 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.div-block-5708 {
  align-items: center;
}

.div-block-5709 {
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.input-username-18 {
  width: 360px;
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.input-username-18::placeholder {
  color: #00000045;
}

.submit-button-area-41 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5710 {
  padding-top: 15px;
}

.div-block-5711 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.post-header-55 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px;
  display: flex;
}

.post-header-55.module {
  align-items: center;
  padding: 10px 0 20px;
  display: block;
}

.post-header-55.tt {
  padding: 10px 20px 6px;
  display: block;
}

.tile-tall-36 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-36:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-36.hidden {
  display: inline-block;
}

.tile-tall-36.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-36.content-block {
  background-color: #eee;
}

.all-items-19 {
  z-index: 995;
  background-color: #fff;
  flex-direction: column;
  width: 250px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 16px 20px;
  display: none;
  position: fixed;
  top: 66px;
  right: 151px;
  overflow: visible;
  box-shadow: 1px 0 30px #0009;
}

.sf-1432 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1432.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-1432.dark-grey {
  color: #4d4d4d;
}

.sf-1432.red {
  color: #d32f2f;
}

.sf-1432.red.right {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.quote-name-18 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.timeline-compose-section-14 {
  background-color: #f5f5f5;
  flex-direction: column;
  width: 57%;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-785 {
  filter: invert();
  position: relative;
}

.div-block-5712 {
  padding-top: 20px;
}

.sf-1433 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.exercise-info-wrapper-9 {
  padding-top: 2%;
  padding-left: 1%;
  position: relative;
}

.modal-close-player-8 {
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  position: static;
}

.modal-close-player-8:hover {
  opacity: .7;
}

.form-block-149 {
  margin-bottom: 0;
}

.div-block-5713 {
  padding-left: 18px;
}

.player-weight-input-9 {
  z-index: 11;
  background-color: #000;
  border: 1px solid #ffffffa1;
  border-radius: 10px;
  width: 300px;
  height: auto;
  padding: 24px 10px 20px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

.image-786 {
  opacity: .84;
}

.volume-level-bar-33 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-33.max {
  height: 100%;
}

.div-block-5714 {
  margin-left: 12px;
}

.div-block-5715 {
  justify-content: space-between;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-5716 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.feedback-container-9 {
  background-color: #eff2f5;
  border: 1px solid #fff;
  flex: 1;
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  position: relative;
}

.div-block-5717 {
  align-items: flex-start;
  display: flex;
}

.div-block-5718 {
  padding-bottom: 20px;
}

.player-play-pause-button-8 {
  opacity: 1;
  cursor: pointer;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.player-play-pause-button-8:hover {
  opacity: 1;
  background-color: #000000b3;
}

.div-block-5719 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.tag-small-74 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-74:hover {
  background-color: #00528ccc;
}

.unmatched-92 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.div-block-5720 {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.text-block-508 {
  font-weight: 500;
}

.text-menu-option-69 {
  color: #00528c;
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option-69.big {
  font-size: 14px;
}

.sf-1434 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1434.bold {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-5721 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ac-default-label-small-161 {
  color: #312b3de3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.div-block-5722 {
  padding-bottom: 10px;
}

.div-block-5723 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.div-block-5724 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.result-row-86 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-86:hover, .result-row-86.selected {
  background-color: #d8e6fc;
}

.text-440 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-440.blue {
  color: #00528c;
}

.item-header-9 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

.item-header-9.tt {
  font-size: 15px;
  line-height: 18px;
}

.sf-1435 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.sf-1435.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.text-span-327 {
  font-weight: 700;
}

.results-scroller-106 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.tile-tall-37 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-37.long {
  clear: left;
  border: 1px solid #ddd;
  width: 300px;
  height: 76px;
  padding-bottom: 0;
}

.tile-tall-37.long:hover {
  background-image: none;
}

.tile-tall-37.long.blue {
  background-color: #1389c0;
}

.tile-tall-37.long.blue.selected {
  background-color: #36b4ee;
  border-width: 1px;
}

.div-block-5726 {
  min-height: 10px;
}

.option-button-wrapper-11 {
  background-color: #f3f3f3;
  border-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.wide-header-content-9 {
  z-index: 25;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-9.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 20px;
}

.sf-15-med-143 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.library-sort-13 {
  background-color: #ebf0f3;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.text-441 {
  color: #161616;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.div-block-5727 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.user-overview-header-16 {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #d4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.div-block-5728 {
  margin-bottom: 10px;
}

.empty-preview-message-9 {
  color: #979797;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-5729 {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  justify-content: flex-end;
  align-items: center;
  width: 90px;
  height: 32px;
  margin-left: 8px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.div-block-5729.time {
  width: 75px;
  font-family: Sf ui text, sans-serif;
}

.controls-button-holder-23 {
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
  position: relative;
}

.sf-1436 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1436.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-1436.blue:hover {
  opacity: 1;
}

.sf-1436.white {
  color: #fff;
}

.matched-70 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1437 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-label-small-15 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui text, sans-serif;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 2em;
  display: block;
}

.text-label-countdown-13 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-family: Sf ui display, sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.text-label-countdown-13.small {
  text-align: right;
  font-family: Sf ui text, sans-serif;
  font-size: 5em;
}

.ac-default-label-small-162 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.item-duration-12 {
  color: #fff;
  background-color: #0009;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.search-field-tagger-17 {
  background-color: #0000000f;
  border: 1px solid gray;
  min-height: 40px;
  padding-left: 6px;
  display: block;
}

.div-block-5730 {
  flex-direction: row;
  align-items: center;
  padding-left: 16px;
  display: flex;
}

.action-button-67 {
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-67:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-67.weblink {
  text-align: center;
  text-transform: none;
  background-color: #00528cc2;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
}

.action-button-67.weblink:hover {
  background-color: #00528c;
}

.action-button-67.tt {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  height: 36px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
  font-weight: 500;
}

.action-button-67.tt:hover {
  color: #00b2ed;
  border-color: #00b2ed;
}

.action-button-67.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.action-button-67.submit-form:hover {
  background-color: #00528c;
}

.calendar-wrapper-18 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  height: 86vh;
  min-height: 0;
  max-height: none;
  margin-left: 0;
  display: flex;
  position: static;
}

.div-block-5731 {
  padding-right: 5px;
}

.div-block-5732 {
  padding-top: 10px;
}

.user-overview-section-9 {
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  width: 380px;
  min-height: 60px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 14px;
  position: relative;
}

.user-overview-section-9.hide {
  display: none;
}

.text-442 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.action-button-68 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-68:hover {
  color: #fff;
  background-color: #0d72b9;
}

.sf-14-grey-label-27 {
  color: #727272;
  padding-top: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.submit-save-button-90 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-90:hover {
  color: #fff;
  background-color: #1679cf;
}

.exercise-content-div-18 {
  flex-direction: column;
  align-items: flex-start;
  width: 388px;
  padding-left: 12px;
  display: flex;
  position: static;
  right: 0;
}

.result-row-87 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-87:hover {
  background-color: #d8e6fc;
}

.div-block-5733 {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-5734 {
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}

.speed-option-37 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-37:hover {
  color: #fff;
  background-color: #353535;
}

.image-787 {
  margin-right: 6px;
}

.button-ac-wrapper-editor-9 {
  margin-bottom: 10px;
  position: relative;
}

.image-788 {
  display: none;
}

.image-789 {
  opacity: .5;
  display: block;
}

.sf-1438 {
  color: #032944;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1438.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-1438.navy {
  color: #00528c;
  text-align: left;
  font-weight: 400;
}

.sf-1438.navy.medium {
  margin-top: 0;
  font-weight: 500;
}

.social-icon-7 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-7.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.audio-bottom-controls-35 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.audio-bottom-controls-35.short {
  height: 54px;
}

.sort-option-32 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  height: 34px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-32:hover {
  background-color: #d8e1e7;
}

.sort-option-32.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.hero-email-collection-5 {
  padding-top: 20px;
  display: block;
}

.library-item-wrapper-18 {
  object-fit: fill;
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.div-block-5735 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.plus-icon-24 {
  opacity: .7;
  margin-right: 0;
}

.div-block-5736 {
  text-align: center;
}

.plans-preview-9 {
  background-color: #fff;
  padding: 14px 20px 10px;
}

.div-block-5737 {
  padding-right: 5px;
}

.action-button-69 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-69:hover {
  color: #fff;
  background-color: #0d72b9;
}

.div-block-5738 {
  margin-left: 14px;
}

.sf-1439 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1439.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.div-block-5739 {
  padding-top: 100px;
}

.text-443 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-443.grey {
  color: #818181;
  font-family: Sf ui text, sans-serif;
}

.text-443.white {
  color: #fff;
}

.text-443.blue {
  color: #00528c;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
}

.text-443.light {
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.sf-1440 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-5740 {
  min-width: 150px;
  display: flex;
}

.div-block-5741 {
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.paused-layer-8 {
  z-index: 11;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.audio-play-pause-8 {
  z-index: 9;
  opacity: .8;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.audio-play-pause-8:hover {
  opacity: 1;
}

.item-action-button-15 {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.item-action-button-15:hover {
  background-color: #d1e5f3;
}

.item-action-button-15.fms {
  cursor: pointer;
}

.text-field-221 {
  padding-left: 12px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.div-block-5742 {
  margin-left: 14px;
}

.sf-1441 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1441.semi {
  font-weight: 600;
}

.sf-1441.semi.navy {
  color: #00528c;
  text-align: center;
  font-family: Sf ui text, sans-serif;
}

.sf-1442 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1442.semi {
  font-weight: 600;
}

.sf-1442.semi.navy {
  color: #00528c;
}

.sf-15-med-144 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-5743 {
  width: 260px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.sf-1443 {
  color: #313131;
  justify-content: space-between;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sf-1443.white {
  color: #fff;
}

.sf-1443.white.center {
  justify-content: center;
  display: block;
}

.div-block-5744 {
  justify-content: center;
  display: flex;
}

.div-block-5745 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 76px;
  min-height: 76px;
  padding-top: 8px;
  padding-bottom: 12px;
  display: flex;
}

.div-block-5745:hover {
  background-color: #0000002b;
}

.play-pause-12 {
  flex-direction: column;
  height: auto;
  margin-left: 0;
  display: flex;
}

.div-block-5746 {
  padding-top: 10px;
  padding-right: 5px;
}

.button-save-library-10 {
  color: #0078ce;
  text-align: center;
  background-color: #fff;
  border: 1px solid #0078ce;
  min-width: 140px;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: block;
}

.button-save-library-10:hover {
  color: #0078ce;
  background-color: #00b2ed1a;
}

.button-save-library-10.hidden {
  cursor: pointer;
  min-width: 140px;
  display: block;
}

.link-58 {
  font-family: Sf ui text, sans-serif;
}

.h3-dark-23 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-dark-23.left {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 8px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.div-block-5747 {
  width: 100%;
}

.ac-icon-62 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-62.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.div-block-5748 {
  padding-right: 20px;
}

.div-block-5749 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.result-icon-19 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-19.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.result-icon-19.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.text-444 {
  color: #00528c;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1444 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.twmheader-2 {
  z-index: 9999;
  background-color: #08408f;
  justify-content: center;
  align-self: stretch;
  height: 70px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.link-block-36 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.textlink-20 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-20:hover {
  color: #00b2ed;
}

.textlink-20.grey {
  color: #cecece;
  font-family: Poppins, sans-serif;
}

.textlink-20.grey:hover {
  text-decoration: underline;
}

.div-block-4707 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-4708 {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  border-radius: 40px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: 6px;
  margin-right: 6px;
}

.div-block-4708:hover {
  background-color: #153a62;
}

.twmheader-4 {
  z-index: 9999;
  background-color: #08408f;
  justify-content: center;
  align-self: stretch;
  height: 70px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.twmbranding-2 {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.h2-white-2 {
  color: #fff;
  text-align: center;
  width: 700px;
  margin: 30px auto 20px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  display: block;
}

.div-block-5752 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-790 {
  margin-right: 10px;
}

.h1-4 {
  color: #fff;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  line-height: 48px;
  transition: opacity .2s;
  transform: translate(0);
}

.link-block-37 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.textlink-21 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-21:hover {
  color: #00b2ed;
}

.textlink-21.grey {
  color: #cecece;
  font-family: Poppins, sans-serif;
}

.textlink-21.grey:hover {
  text-decoration: underline;
}

.div-block-5753 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-5754 {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  border-radius: 40px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: 6px;
  margin-right: 6px;
}

.div-block-5754:hover {
  background-color: #153a62;
}

.contentbg-3 {
  color: #312b3d;
  background-color: #e6e8f1;
  background-image: linear-gradient(#00093dc4 9%, #00093d61), url('../images/push-up-blurred.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: row;
  align-items: center;
  min-height: 760px;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: block;
  overflow: auto;
}

.timeline-item-hover {
  z-index: 996;
  background-color: #fff;
  border: 1px solid #ffffff91;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 440px;
  min-width: 440px;
  min-height: 100px;
  max-height: 100%;
  display: none;
  position: fixed;
  top: 0;
  bottom: auto;
  right: auto;
  overflow: scroll;
  box-shadow: 2px 3px 7px 2px #0003;
}

.timeline-post-hover {
  background-color: #fff;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.text-block-509 {
  color: #3b3b3b;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.print-view-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 40px;
}

.summary-row {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 12px 20px 8px;
  transition: background-color .55s;
  display: flex;
  position: relative;
}

.poppins-label-11 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.poppins-label-11.white {
  color: #fff;
}

.lato {
  color: #153a62;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.div-block-1275-copy {
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 40px;
  display: block;
}

.section-19 {
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  width: 600px;
  margin: 0 auto 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-19.challenge-results-not-ready {
  background-color: #f5f5f53b;
}

.div-block-5769 {
  text-align: center;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.summary-title-wrapper {
  text-align: center;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.score-section-copy {
  background-color: #d9f2fe;
  background-image: linear-gradient(#ffffffa3, #fff0), url('../images/confetti2.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100%;
  background-attachment: scroll, scroll;
  border: 1px solid #38b2e6;
  border-radius: 10px;
  width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  display: block;
}

.label-participant-name-6 {
  color: #1d1d1d;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.points-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  padding-right: 0;
  display: flex;
}

.div-block-5770 {
  background-color: #2c6fff;
  justify-content: flex-start;
  align-items: center;
  width: 280px;
  min-height: 45px;
  padding: 4px 4px 4px 12px;
  display: flex;
}

.div-block-5771 {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.image-796 {
  margin-right: 12px;
}

.score-summary-wrapper {
  background-color: #fff;
  border: 2px solid #38b2e6;
  min-height: 120px;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 10px;
}

.points-label-5 {
  color: #1d1d1d;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.points-label-5.s {
  font-size: 22px;
}

.div-block-5772 {
  margin-bottom: 20px;
}

.search-wrapper-programs {
  width: 100%;
  position: relative;
}

.body-comp-overlay {
  z-index: 5;
  background-color: #ffffffb3;
  position: absolute;
  inset: 80px 0% 0%;
}

.body-comp-overlay.hidden {
  display: block;
}

.winner-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 8px 8px auto auto;
}

.tracker-table-cell-6 {
  color: #161616;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 140px;
  min-width: 140px;
  max-width: none;
  height: 40px;
  padding: 2px 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tracker-table-cell-6:hover {
  background-color: #e2f3ff;
}

.tracker-table-cell-6.week {
  background-color: #ddeaff;
  border-bottom-color: #fff;
}

.tracker-table-cell-6.header {
  z-index: auto;
  cursor: pointer;
  background-color: #c2daff85;
  border-bottom-color: #bac6ce;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.tracker-table-cell-6.header:hover {
  background-color: #c2daffed;
}

.tracker-table-cell-6.header.total {
  background-color: #b6d3ff;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.tracker-table-cell-6.header.total.team {
  cursor: auto;
  justify-content: space-between;
  align-items: center;
}

.tracker-table-cell-6.highlight {
  background-color: #fff5a763;
}

.tracker-table-cell-6.highlight.bonus {
  background-color: #afdb5e63;
}

.tracker-table-cell-6.highlight.short {
  width: 100px;
  min-width: 100px;
}

.tracker-table-cell-6.team-total {
  background-color: #b6d3ff;
  flex-flow: row;
}

.tracker-table-cell-6.team-total.short {
  width: 100px;
  min-width: 100px;
}

.toggle-icon-bodycomp {
  background-image: url('../images/body_2body.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  border-right: 1px solid #98bbe7;
  width: 60px;
}

.toggle-icon-bodycomp:hover {
  background-color: #cde3ff;
}

.poppins-label-12 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.poppins-label-12.hidden {
  display: none;
}

.section-body-comp {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  padding: 40px;
  overflow: auto;
}

.manager-label {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.message-search-wrapper-11 {
  z-index: auto;
  flex-direction: column;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.mark-done-layer-12 {
  z-index: 5;
  opacity: 0;
  background-image: linear-gradient(270deg, #f0f7fccf 9%, #fff0 20%);
  justify-content: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0%;
}

.mark-done-layer-12:hover {
  opacity: 1;
}

.poppins-24-8 {
  color: #444;
  text-align: left;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  position: static;
}

.score-history-panel-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-left: 1px solid #c9dceb;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 420px;
  height: 100vh;
  display: block;
  position: static;
  overflow: auto;
}

.score-history-panel-9.hide-scrollbar {
  flex-flow: column;
  height: calc(100vh - 70px);
  display: block;
}

.column-left-label-8 {
  color: #161616;
  cursor: pointer;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 240px;
  max-width: none;
  height: 40px;
  padding: 5px 4px 5px 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-left-label-8:hover {
  background-color: #e2f3ff;
}

.column-left-label-8.unassigned {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-style: italic;
}

.column-left-label-8.team {
  background-color: #b6d3ff;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.column-left-label-8.team-bonus {
  background-color: #ecfff0;
}

.current-selection-checkmmark-19 {
  background-color: #0000;
  background-image: url('../images/checked_1checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: auto;
}

.current-selection-checkmmark-19.hide {
  margin-left: 6px;
  display: none;
}

.multi-select-results-holder-12 {
  border-radius: 8px;
}

.table-row-wrapper-20 {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  width: 780px;
  min-height: 200px;
  max-height: 400px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

.div-block-5815 {
  min-height: 460px;
}

.ac-default-label-small-163 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.div-block-5816 {
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.image-809 {
  filter: invert();
  position: relative;
}

.text-block-517 {
  color: #3b3b3b;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.div-block-5817 {
  padding: 20px;
}

.image-810 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.modal-container-copy-8 {
  z-index: 1000;
  display: block;
  overflow: visible;
}

.form-block-150 {
  margin-bottom: 0;
}

.selector-inner-wrapper-5 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.selector-inner-wrapper-5:hover {
  background-color: #cde3ff;
}

.sf-1476 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1476.semi {
  font-weight: 600;
}

.unmatched-93 {
  color: #000000db;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.results-holder-103 {
  z-index: 101;
  width: 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.sf-1477 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.div-block-1348-copy-2 {
  padding: 20px 20px 30px;
}

.button-24 {
  border-radius: 4px;
  font-size: 13px;
}

.button-24:hover {
  color: #fff;
  background-color: #1d82da;
}

.sound-icon-24 {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon-24:hover {
  opacity: 1;
}

.sound-icon-24.visible {
  display: block;
}

.participant-hover-wrapper-2 {
  z-index: 999;
  opacity: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  min-width: 280px;
  min-height: 40px;
  padding: 12px 15px;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  display: none;
  position: absolute;
  inset: 220px auto auto 320px;
  box-shadow: 0 2px 12px #0003;
}

.div-block-5818 {
  padding: 20px;
}

.div-block-5819 {
  text-align: right;
  width: 36px;
}

.remove-68 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-68:hover {
  opacity: 1;
}

.remove-68.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.div-block-5820 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.sf-1478 {
  color: #313131;
  align-items: center;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1478.grey {
  color: #979797;
}

.div-block-5821 {
  width: 60%;
  min-width: 500px;
}

.post-header-59 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.div-block-4700 {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-top: 20px;
  padding: 20px;
  position: relative;
}

.div-block-4702 {
  width: 200px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.challenge-title2-14 {
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.timeline-action-bar-22 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px;
  display: flex;
  position: relative;
  bottom: 0;
}

.image-811 {
  margin-right: 4px;
}

.text-span-335 {
  font-size: 20px;
}

.social-label-19 {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.image-812 {
  margin-left: 8px;
}

.result-row-88 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-88:hover, .result-row-88.selected {
  background-color: #d8e6fc;
}

.result-row-88.checked {
  background-color: #ebecee;
}

.result-row-88.checked.selected {
  background-color: #d8e6fc;
}

.modal-org-chooser-styles-7 {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  position: absolute;
  inset: -14px 0 0 0%;
}

.modal-org-chooser-styles-7.hidden {
  display: block;
}

.radio-div-3 {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  display: flex;
}

.radio-div-3:hover {
  background-color: #ebebeb;
}

.radio-div-3.selected {
  background-image: url('../images/radio_1radio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-style: solid;
  border-color: #387dfd;
}

.div-block-5822 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.form-130 {
  display: block;
  position: relative;
}

.modal-content-leads-67 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.modalclosediv-78 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.item-header-copy-25 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-5823 {
  margin-left: 10px;
}

.ac-default-label-small-164 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.matched-71 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-5824 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 10px;
  padding-left: 5px;
  display: flex;
}

.text-menu-option-70 {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option-70.right-click {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.sf-1479 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1479.table-col-label {
  color: #262c46;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.image-813 {
  filter: invert();
  position: relative;
}

.table-row-wrapper-21 {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  height: 50%;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}

.table-row-wrapper-21.top-border {
  border-top: 1px solid #eee;
  max-height: 45vh;
  margin-left: 10px;
  margin-right: 10px;
}

.sf-1480 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.sf-1480._15-semi {
  color: #313131;
  font-size: 15px;
  font-weight: 600;
}

.no-matches {
  color: #8d8d8d;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  display: block;
}

.message-holder-29 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 28px;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.timeline-sender-26 {
  flex-direction: row;
  align-items: center;
  padding: 14px 25px 14px 14px;
  display: flex;
}

.sf-1481 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1481.center {
  text-align: center;
}

.sf-1481.center.semi {
  font-weight: 600;
}

.sf-1481.bold {
  font-weight: 700;
}

.div-block-5825 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5826 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal-content-leads-68 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-5827 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-5828 {
  min-height: 200px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
}

.form-block-151 {
  margin-bottom: 0;
}

.div-block-5829 {
  opacity: .84;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.list-panel-top-section-2 {
  z-index: 5;
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
}

.clear-keyword-icon-5 {
  opacity: .4;
  cursor: pointer;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  inset: 12px 6px auto auto;
}

.clear-keyword-icon-5:hover {
  opacity: .6;
}

.clear-keyword-icon-5.hidden {
  background-image: url('../images/close_2close.png');
}

.sf-1482 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1482.semi {
  text-align: left;
  font-weight: 600;
}

.form-131 {
  display: flex;
  position: relative;
}

.challenge-table-row-8 {
  align-items: stretch;
  width: auto;
  min-width: 0;
  height: auto;
  display: flex;
  position: relative;
}

.customer-table-row-15 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-15:hover {
  background-color: #fee;
}

.customer-table-row-15.table-header-row {
  background-color: #ffdfe3;
}

.div-block-4704 {
  background-color: #f1f7fc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.timeline-post-21 {
  background-color: #fff;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 11px #0000001f;
}

.timeline-post-21.hidden {
  display: block;
}

.pending-users-button-2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  height: 40px;
  margin-right: 20px;
  padding: 10px 10px 10px 6px;
  display: none;
}

.pending-users-button-2:hover {
  background-color: #fff7be;
}

.spinner-3 {
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-5830 {
  align-items: center;
  display: flex;
}

.sf-1483 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1483.grey {
  color: #838383;
}

.modalclosediv-79 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.div-block-5831 {
  width: 680px;
  display: block;
}

.text-block-518 {
  color: #3b3b3b;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.poppins-label-sm-22 {
  color: #000000b8;
  flex: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.poppins-label-sm-22.grey {
  color: #525252b8;
}

.poppins-label-sm-22.navy {
  color: #00528c;
  font-weight: 500;
}

.volume-level-bar-37 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-37.max {
  height: 100%;
}

.customer-table-row-16 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-16:hover {
  background-color: #f3f8fc;
}

.customer-table-row-16.selected {
  background-color: #e2f2ff;
}

.date-input-33 {
  background-color: #fff;
  border: 1px solid #cecece;
  align-items: center;
  width: 166px;
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.text-span-336 {
  font-weight: 600;
}

.modal-edit-team-4 {
  z-index: 995;
  float: none;
  clear: none;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-flow: row;
  width: 560px;
  max-width: 95%;
  min-height: 260px;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  display: none;
  position: fixed;
  inset: 80px 0 auto 296px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.poppins-label-sm-23 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.poppins-label-sm-23.navy {
  color: #00528c;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: block;
}

.sf-1484 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.button-25 {
  color: #0077b8;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0077b8;
  border-radius: 4px;
  padding: 5px 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .3s;
}

.button-25:hover {
  background-color: #d1e9ff;
}

.text-span-337 {
  font-weight: 600;
}

.social-label-20 {
  color: #5a5a5a;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1449 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.div-block-5832 {
  padding: 20px;
}

.div-block-5833 {
  text-align: right;
  width: 36px;
}

.submit-button-49 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-49:hover {
  color: #fff;
  background-color: #1679cf;
}

.header-title-7 {
  z-index: 2;
  background-color: #f6faff;
  border-bottom: 1px solid #e1e7f8;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 40px;
  display: flex;
  box-shadow: 0 2px 12px #0003;
}

.search-wrapper-48 {
  width: 390px;
  position: relative;
}

.div-block-5834 {
  display: none;
}

.modalclosediv-80 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.image-814 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.social-icon-bar-10 {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.sf-1485 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1485.white {
  color: #fff;
  cursor: default;
}

.div-block-5836 {
  background-color: #f1f7fc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.name-input-16 {
  color: #000;
  text-align: left;
  border: 1px solid #cecece;
  align-self: stretch;
  width: 60%;
  min-width: 500px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.name-input-16::placeholder {
  color: #8d8d8d;
}

.toggle-icon-mgr-6 {
  background-image: url('../images/grid.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border-right: 1px solid #98bbe7;
  align-items: stretch;
  width: 60px;
}

.toggle-icon-mgr-6:hover {
  background-color: #cde3ff;
}

.toggle-icon-mgr-6.selected {
  background-color: #0078d9;
  background-image: url('../images/grid-w.png');
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.modalclosediv-81 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.settings-wrapper-8 {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.results-scroller-107 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 70vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1486 {
  color: #313131;
  text-align: center;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.modal-be-sync {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.item-header-copy-26 {
  color: #444;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.customer-table-cell-22 {
  border-right: 1px solid #fff;
  align-items: center;
  width: 50%;
  min-height: 40px;
  padding: 6px 6px 6px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-22.long2 {
  justify-content: space-between;
  width: 33%;
  min-width: 220px;
  max-width: 380px;
  min-height: 36px;
  display: flex;
}

.customer-table-cell-22.short {
  width: 16%;
}

.customer-table-cell-22.default-copy {
  align-items: center;
  width: 28%;
  min-width: 150px;
  margin-top: 0;
}

.customer-table-cell-22.xlong {
  width: 100%;
}

.sf-1487 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1487.center {
  text-align: center;
}

.page-templates-container-8 {
  overflow: auto;
}

.div-block-5837 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4px;
  display: flex;
}

.div-block-5838 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  margin-top: 20px;
}

.div-block-5839 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.sf-1488 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1488.white {
  color: #fff;
  cursor: default;
}

.load-more-10 {
  max-height: 15vh;
  display: block;
}

.loading-spinner-engagement-4 {
  background-image: url('../images/Magnify2.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 58px;
  height: 72px;
  display: block;
}

.chat-message-unit-28 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.timeline-media-55 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.tag-content-72 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-72.small {
  max-width: 100%;
  height: 30px;
  min-height: 30px;
}

.volume-bar-39 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.results-holder-104 {
  z-index: 15;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-5840 {
  position: relative;
}

.poppins-body-text-55 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.social-section-12 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.social-section-12._2 {
  padding-left: 10px;
  padding-right: 10px;
}

.timeline-sender-27 {
  flex-direction: row;
  align-items: center;
  padding: 14px 25px 14px 14px;
  display: flex;
}

.textarea-30 {
  color: #1a1a1a;
  white-space: pre-wrap;
  width: 60%;
  min-height: 110px;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.text-initials-81 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.results-holder-105 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.sf-1489 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1489.table-col-label {
  color: #262c46;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.tracker-table-cell-11 {
  color: #161616;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 140px;
  min-width: 140px;
  max-width: none;
  height: 40px;
  padding: 2px 4px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tracker-table-cell-11:hover {
  background-color: #e2f3ff;
}

.tracker-table-cell-11.team-full-width {
  background-color: #bcd6ff;
  flex-flow: row;
  width: 100%;
}

.tracker-table-cell-11.header-copy {
  z-index: auto;
  cursor: pointer;
  background-color: #c2daff85;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 0;
  padding-bottom: 6px;
}

.tracker-table-cell-11.header-copy:hover {
  background-color: #c2daffcc;
}

.tracker-table-cell-11.team-bonus {
  background-color: #ecfff0;
}

.tracker-table-cell-11.team-total {
  background-color: #b6d3ff;
  flex-flow: row;
}

.tracker-table-cell-11.red {
  background-color: #ff686838;
}

.tracker-table-cell-11.selected {
  background-color: #c0e5ff;
}

.tracker-table-cell-11.highlight {
  background-color: #fff5a763;
}

.tracker-table-cell-11.highlight.bonus {
  background-color: #afdb5e63;
}

.tracker-table-cell-11.highlight.total {
  background-color: #ddd64a63;
}

.tracker-table-cell-11.header {
  z-index: auto;
  cursor: pointer;
  background-color: #c2daff85;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.tracker-table-cell-11.header._40 {
  width: 100%;
  height: 40px;
}

.tracker-table-cell-11.no-hover:hover {
  background-color: #e2f3ff00;
}

.tracker-table-cell-11.header {
  z-index: auto;
  background-color: #c2daff85;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.tracker-table-cell-11.header._100 {
  z-index: auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.tracker-table-cell-11.header._2 {
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
}

.tracker-table-cell-11.header-copy {
  z-index: auto;
  background-color: #c2daff85;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.tracker-table-cell-11.header-copy.selected {
  background-color: #c2daff;
}

.modal-container-44 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.sf-1490 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1490.center {
  text-align: center;
}

.sf-1490.center.semi {
  font-weight: 600;
}

.ac-icon-63 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-63.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.modal-email-check-results {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.choose-program-wrapper {
  width: 90%;
  min-width: 500px;
  height: auto;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.poppins-body-text-56 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.poppins-body-text-56.med-16 {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.poppins-body-text-56.med-16.white {
  color: #fff;
  font-weight: 400;
}

.close-icon-25 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close-icon-25:hover {
  background-color: #dbebfa;
}

.close-icon-25.right {
  margin-left: 0;
  margin-right: 8px;
  display: none;
  inset: 0% 0% auto auto;
}

.program-item-2-copy {
  cursor: pointer;
  background-color: #ffffff80;
  border-bottom: 1px solid #e7e7e7;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 45px;
  padding: 4px 20px 4px 10px;
  display: flex;
  position: relative;
}

.program-item-2-copy.selected {
  background-color: #e2f2ff;
}

.section-25 {
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  width: 600px;
  margin: 0 auto 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-25.end {
  text-align: center;
  background-color: #effbff;
  border-width: 3px;
  border-color: #b3d3ff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.image-815 {
  margin-right: 10px;
}

.poppins-body-text-57 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.poppins-body-text-57.med {
  font-weight: 500;
}

.div-block-5841 {
  margin-right: 20px;
}

.text-field-222 {
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
}

.audio-bottom-controls-39 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-5842 {
  margin-left: 14px;
  padding-top: 6px;
  overflow: hidden;
}

.messages-preview-holder-9 {
  object-fit: contain;
  background-color: #f0f0f0;
  border-left: 1px solid #b0dcfc;
  width: 30%;
  min-width: 440px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.scoreboard-table-wrapper-11 {
  background-color: #fff;
  border-radius: 10px;
  width: 680px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.modal-content-leads-69 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-5843 {
  text-align: left;
}

.tag-item-input-111 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.tag-small-75 {
  clear: left;
  cursor: move;
  background-color: #0f6da3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: inline-block;
  position: static;
}

.tag-small-75:hover {
  background-color: #015f96;
}

.tag-small-75.hidden {
  max-width: 100%;
  display: inline-block;
}

.div-block-5844 {
  justify-content: flex-end;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.programs-search-wrapper-2 {
  display: block;
}

.section-26 {
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  width: 600px;
  margin: 0 auto 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.challenge-outerwrapper-9 {
  background-color: #fff;
  flex: 1;
}

.audio-player-controls-45 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-45:hover, .audio-player-controls-45.no-image {
  opacity: 1;
}

.customer-table-row-17 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-17:hover {
  background-color: #f3f8fc;
}

.menu-inner-wrapper-2 {
  display: none;
}

.table-group-wrapper-6 {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #b8d4ff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: stretch;
  width: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.table-group-wrapper-6.even {
  background-color: #f3f9ff;
}

.sf-1491 {
  color: #494949;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1491.gray {
  color: #6b6b6b;
  flex-flow: column;
}

.div-block-5845 {
  background-color: #1144a1;
  min-height: 38px;
  padding: 8px 20px 6px;
}

.div-block-4701 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-block-152 {
  margin-bottom: 0;
}

.div-block-5846 {
  justify-content: space-between;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.tag-small-challenge {
  clear: left;
  cursor: move;
  background-color: #0f6da3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-challenge:hover {
  background-color: #0b6192;
}

.div-block-5847 {
  width: 100%;
}

.sf-15-med-148 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.unmatched-94 {
  color: #000000db;
  cursor: default;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.sf-1492 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1492.table-col-label {
  color: #262c46;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.div-block-1348-copy-3 {
  padding: 20px 20px 40px;
}

.poppins-body-text-58 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.poppins-body-text-58.med {
  font-weight: 400;
}

.sf-1493 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1493.center {
  text-align: center;
}

.post-header-60 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.audio-player-controls-46 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-46:hover, .audio-player-controls-46.no-image {
  opacity: 1;
}

.modal-content-leads-70 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 220px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.search-wrapper-49 {
  display: block;
}

.text-span-338 {
  font-weight: 600;
}

.close-icon-26 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close-icon-26:hover {
  background-color: #dbebfa;
}

.close-icon-26.right {
  margin-left: 0;
  margin-right: 8px;
  display: none;
  inset: 0% 0% auto auto;
}

.tag-small-77 {
  clear: left;
  background-color: #00528ccc;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-77:hover {
  background-color: #00528cf2;
}

.tag-small-77.hidden {
  display: none;
}

.div-block-5848 {
  height: 6px;
  position: absolute;
}

.column-left-label-10 {
  color: #161616;
  cursor: pointer;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 240px;
  min-width: 100%;
  height: 40px;
  padding: 5px 4px 5px 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-left-label-10.highlight {
  background-color: #fff5a763;
}

.div-block-5849 {
  padding: 20px;
}

.div-block-5850 {
  display: flex;
}

.modal-content-wide-4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 840px;
  min-height: 220px;
  max-height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 40px;
  display: block;
  position: static;
  overflow: visible;
}

.div-block-5851 {
  z-index: 3;
  background-color: #fff;
  border-radius: 8px;
  position: static;
}

.modalclosediv-82 {
  z-index: 1001;
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: sticky;
  top: 0;
}

.loading-spinner-engagement-5 {
  background-image: url('../images/Magnify2.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 58px;
  height: 72px;
}

.div-block-5852 {
  margin-left: 14px;
  padding-top: 6px;
  overflow: hidden;
}

.div-block-5853 {
  padding-top: 10px;
  padding-right: 10px;
}

.sound-icon-25 {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon-25:hover {
  opacity: 1;
}

.sound-icon-25.visible {
  display: block;
}

.sf-1494 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1494.center {
  text-align: center;
}

.sf-1494.center.semi {
  font-weight: 600;
}

.remove-69 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-69:hover {
  opacity: 1;
}

.remove-69.small {
  opacity: 1;
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.remove-69.small:hover {
  opacity: 1;
}

.sf-1495 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1495.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-1495.blue:hover {
  opacity: 1;
}

.sf-1495.social {
  color: #aaa;
  font-size: 15px;
  font-weight: 600;
}

.sf-1495.social:hover {
  color: #7c7c7c;
}

.div-block-5854 {
  height: 6px;
  position: absolute;
}

.org-select-menu-6 {
  z-index: 3;
  float: left;
  clear: none;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  min-width: 290px;
  max-width: 500px;
  display: block;
  position: absolute;
  inset: 12% auto auto 25%;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.table-row-wrapper-22 {
  border: 1px solid #e7e7e7;
  height: 50%;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}

.tag-small-78 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-78:hover {
  background-color: #00528ccc;
}

.div-block-5855 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.poppins-label-sm-24 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.poppins-label-sm-24.navy {
  color: #00528c;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: block;
}

.result-row-90 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.result-row-90:hover {
  background-color: #d8e6fc;
}

.result-row-90.selected {
  background-color: #d8e6fc;
  display: none;
}

.customer-table-cell-23 {
  border-right: 1px solid #fff;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-23.checkbox {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: auto;
  min-height: 40px;
  display: flex;
}

.poppins-label-15 {
  color: #000000b8;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.poppins-label-15.gray {
  color: #0000008a;
}

.sf-15-med-149 {
  color: #000000db;
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-149.sticky {
  position: sticky;
  left: 15px;
}

.div-block-5856 {
  width: 680px;
  display: none;
}

.tag-item-input-112 {
  clear: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: block;
  position: static;
  overflow: hidden;
}

.sf-1496 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1496.dark-blue {
  color: #00528c;
}

.sf-1496.dark-blue.semi {
  cursor: pointer;
  position: relative;
}

.sf-1497 {
  color: #032944;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1497.table-col-label {
  color: #262c46;
  text-align: center;
  font-weight: 600;
  line-height: 14px;
  overflow: hidden;
}

.text-block-519 {
  color: #4d4d4d;
  text-align: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  position: sticky;
}

.modal-title-section {
  justify-content: center;
  align-items: center;
  padding: 20px 20px 15px;
  display: flex;
}

.sync-button {
  cursor: pointer;
  background-color: #ecf2fd;
  background-image: url('../images/sync.png');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 86px;
  height: 40px;
  margin-left: 12px;
  padding-left: 24px;
  padding-right: 8px;
  display: flex;
}

.sync-button:hover {
  background-color: #cde3ff;
}

.sync-button.synching {
  opacity: .68;
  background-image: url('../images/ring.gif');
  background-size: 15px;
}

.sync-button.synching:hover {
  background-color: #ecf2fd;
}

.div-block-5857 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
}

.small-text-46 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.small-text-46.view-all {
  text-transform: none;
}

.results-wrapper-68 {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.div-block-5858 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 12px;
  padding-right: 5px;
}

.timeline-media-56 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.form-block-153 {
  margin-top: 10px;
}

.audio-bottom-controls-40 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-5859 {
  margin-left: 10px;
}

.tag-item-input-113 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: block;
  position: static;
  overflow: hidden;
}

.image-817 {
  width: 62px;
  margin-bottom: 40px;
}

.results-wrapper-69 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.customer-table-cell-24 {
  border-right: 1px solid #fff;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-24.checkbox {
  background-image: none;
  border-right-style: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: auto;
  min-height: 40px;
  display: flex;
}

.challenge-config-warpper-copy {
  background-color: #fafdff;
  border: 1px solid #cee7ff;
  height: 600px;
  margin-top: 0;
  padding: 10px 40px 20px;
  overflow: auto;
}

.modal-select-program-2 {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.profile-pic-timeline-17 {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: linear-gradient(312deg, #a6e4f8, #68b0e4);
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.empty-state-metrics-9 {
  text-align: center;
  background-color: #f5f5f5;
  width: 600px;
  margin-top: 20px;
  margin-bottom: 60px;
  padding: 40px 20px;
  display: block;
}

.sf-1498 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1498.social {
  color: #aaa;
  font-size: 15px;
  font-weight: 600;
}

.sf-1498.social:hover {
  color: #7c7c7c;
}

.sf-1498.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-1498.blue:hover {
  opacity: 1;
}

.ac-default-label-small-165 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sf-1499 {
  color: #000000db;
  text-align: left;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-5860 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-5861 {
  margin-left: auto;
  margin-right: auto;
}

.sf-1500 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-15-med-150 {
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1501 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1501.bold {
  font-weight: 700;
}

.div-block-5862 {
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-5863 {
  margin-left: auto;
  margin-right: auto;
}

.sf-15-med-151 {
  text-shadow: none;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.icon-header {
  background-color: #ffffff94;
  background-image: url('../images/arrow-right_1arrow-right.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #a3d6ff;
  border-radius: 18px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-right: 10px;
}

.icon-header:hover {
  background-color: #c8deec;
}

.icon-header.collapse {
  background-image: url('../images/arrow-left_1arrow-left.png');
}

.sf-1502 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1502.semi {
  text-align: center;
  flex: 1;
  font-weight: 600;
}

.header-image-2 {
  background-color: #fff;
  background-image: url('../images/selfie.jpg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  height: 380px;
  margin-bottom: 20px;
}

.header-image-2.cienna {
  background-image: url('../images/cienna.png'), url('../images/cienna2.png');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 500px, cover;
}

.body-wrapper {
  background-color: #dce4ee;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 100px;
  display: flex;
}

.body-wrapper.cienna {
  background-image: linear-gradient(#4d3a2b73, #4d3a2b73), url('../images/cienna2.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.div-block-4699 {
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 100px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
}

.logo-wrapper {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 1368px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-5864 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.challenge-title-2 {
  margin-bottom: 20px;
}

.challenge-title-2.center {
  text-align: center;
}

.poppins-34 {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 34px;
  line-height: 44px;
}

.link-block-38 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.challenge-info-wrapper {
  width: 800px;
  padding-right: 20px;
  position: relative;
}

.challenge-info-wrapper.full {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  padding-right: 0;
  display: flex;
}

.waitlist-form {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 12px;
  justify-content: center;
  min-width: 500px;
  max-width: 720px;
  padding: 20px 40px 10px;
  box-shadow: 0 2px 15px #0003;
}

.header-wrapper-white {
  z-index: 12;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.poppins-22 {
  font-family: Poppins, sans-serif;
  font-size: 22px;
  line-height: 34px;
}

.main-content {
  width: 85%;
  min-width: 960px;
  max-width: 1300px;
  min-height: 200px;
  padding-top: 30px;
}

.textlink-22 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-22:hover {
  color: #00b2ed;
}

.div-block-881 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-2 {
  width: 180px;
}

.text-field-223 {
  color: #141414;
  border: 1px solid #fff;
  border-bottom-color: #d3d3d3;
  height: 46px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-field-223::placeholder {
  color: #888;
}

.hero-email-collection-7 {
  width: 100%;
  max-width: 600px;
  padding-top: 20px;
  display: block;
}

.textarea-5-copy-3 {
  color: #141414;
  height: auto;
  min-height: 80px;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
}

.submit-button-51 {
  color: #fff;
  text-align: center;
  background-color: #f1014a;
  border-radius: 10px;
  min-width: 160px;
  margin-top: 0;
  padding: 15px 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .3s;
}

.submit-button-51:hover {
  color: #fff;
  background-color: #ca003e;
  text-decoration: none;
}

.poppins-body-text-60 {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.poppins-body-text-60._16-copy {
  margin-bottom: .5em;
  font-size: 16px;
  line-height: 26px;
}

.hero-form-button-holder-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 5px;
  display: flex;
}

.text-field-224 {
  color: #141414;
  border: 1px solid #fff;
  border-bottom-color: #d3d3d3;
  height: 46px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-field-224::placeholder {
  color: #888;
}

.paragraph-2 {
  color: #424242;
  text-align: left;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph-2.supersmall {
  color: #000000b3;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 13px;
  line-height: 17px;
}

.paragraph-2.supersmall.left {
  line-height: 10px;
}

.paragraph-2.smalltext {
  color: #262c46;
  padding-top: 0;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  display: block;
}

.paragraph-2.smalltext.plan {
  color: #00528ca6;
  letter-spacing: 1px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 13px;
  font-weight: 400;
}

.paragraph-2.smalltext.red {
  color: #ed4444;
}

.paragraph-2.smalltext.red.init-hidden {
  font-family: Sf ui text, sans-serif;
}

.modalinvalidpayment-3 {
  z-index: 998;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.text-initials-account-3 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tip-amount-3 {
  background-color: #f0f6f8;
  width: 660px;
  margin: 20px auto 30px;
  padding: 28px 40px 10px;
  display: block;
}

.h4-2 {
  color: #312b3de3;
  text-align: center;
  margin-bottom: 0;
  padding-top: 28px;
  padding-bottom: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.h4-2.account {
  color: #000000e3;
  text-align: left;
  margin-top: 4px;
  padding-top: 0;
  padding-bottom: 16px;
  display: block;
}

.h4-2.account.table {
  margin-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.form-134 {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.client-row-4 {
  background-color: #fff;
  border: 1px #000;
  border-top: 1px solid #e9e9e9;
  border-bottom-color: #e9e9e9;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 10px 6px 10px 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-span-344 {
  margin-right: 10px;
}

.labelsmall-24 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall-24.left {
  text-align: left;
  margin-top: 18px;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.labelsmall-24.left.bold {
  margin-top: 0;
  font-weight: 500;
  display: block;
}

.labelsmall-24.left.subheader {
  margin-top: 40px;
}

.labelsmall-24.left.top-padding {
  margin-top: 30px;
}

.modalbanksetup-4 {
  z-index: 9999;
  background-color: #0009;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.back-link-12 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  margin-bottom: 20px;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  display: block;
}

.back-link-12:hover {
  color: #00b2ed;
}

.text-span-345 {
  font-weight: 600;
}

.status-cion-6 {
  align-items: center;
  width: auto;
  height: 30px;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.textlink-24 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  text-decoration: none;
  display: block;
}

.textlink-24:hover {
  color: #00b2ed;
}

.textlink-24._20 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.modal-content-long-4 {
  background-color: #eee;
  width: 560px;
  margin: 20px auto 10px;
  padding: 20px 40px 30px;
  display: block;
}

.sf-1509 {
  color: #333;
  font-family: Sf ui text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.sf-1509.center {
  text-align: center;
  line-height: 26px;
}

.submit-button-holder-10 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5877 {
  background-color: #eee;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.radio-button-field-26 {
  margin-top: 0;
}

.div-block-5878 {
  padding: 10px 20px 20px;
}

.select-field-39 {
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
}

.form-block-155 {
  margin-top: 24px;
}

.div-block-5879 {
  margin-bottom: 20px;
}

.text-field-225 {
  color: #313131;
  width: 180px;
  margin-top: 4px;
  margin-bottom: 0;
  margin-right: 20px;
  font-family: Sf ui text, sans-serif;
}

.error-holder-6 {
  color: red;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sf-1510 {
  color: #333;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.sf-1510.center {
  text-align: center;
}

.sf-1511 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 13px;
}

.sf-1511.bold {
  font-weight: 600;
}

.form-135 {
  height: 80px;
}

.div-block-5880 {
  display: block;
}

.text-span-346 {
  font-size: 13px;
}

.div-block-5881 {
  width: 100%;
}

.sf-1512 {
  color: #333;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.form-136 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h3-dark-26 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Sf ui text, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.h3-dark-26.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-weight: 300;
  line-height: 26px;
  display: block;
}

.h3-dark-26.account {
  text-align: left;
  justify-content: flex-start;
}

.h3-dark-26.account.centered {
  justify-content: flex-start;
  margin-bottom: 10px;
  font-family: Sf ui text, sans-serif;
}

.sf-1513 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.sf-1513.semi {
  font-weight: 600;
}

.bar-5 {
  background-color: #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.screen-container-4 {
  background-color: #eee;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.card-input-8 {
  background-color: #fff;
  border: 1px solid #cbcbce;
  width: 580px;
  height: 38px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-left: 8px;
  display: block;
}

.text-link-12-3 {
  color: #00b2ed;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
}

.sf-1514 {
  color: #333;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.sf-1514.center {
  text-align: center;
}

.sf-1514.semi {
  color: #000000db;
  font-size: 16px;
  font-weight: 600;
}

.div-block-5882 {
  padding-top: 15px;
}

.modalcontent-40 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.modalcontent-40.wide {
  width: 700px;
  padding-bottom: 30px;
  display: block;
}

.div-block-5883 {
  width: auto;
  padding-top: 10px;
  padding-bottom: 14px;
}

.text-span-347 {
  font-size: 16px;
}

.div-block-5884 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.h3-dark-27 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.div-block-5885 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.form-block-156 {
  margin-bottom: 0;
}

.sf-1515 {
  color: #313131;
  font-family: Sf ui text, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1515.center {
  text-align: center;
}

.stripe-status-wrapper-4 {
  background-color: #fff9ec;
  border: 1px #d32f2f;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 20px 10px 10px;
  display: block;
}

.stripe-status-wrapper-4.verified {
  background-color: #eff7ff;
}

.stripe-status-wrapper-4.new {
  padding: 20px 20px 20px 40px;
}

.stripe-status-wrapper-4.missing {
  background-color: #fff0f0;
}

.submit-button-holder-11 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-5886 {
  margin-top: 0;
}

.submit-button-holder-12 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.inputfield-34 {
  color: #312b3de3;
  width: 580px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  display: block;
}

.inputfield-34.tip {
  width: 100px;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
}

.inputfield-34.short {
  width: 380px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.inputfield-34.short::placeholder {
  color: #312b3d66;
}

.inputfield-34.date {
  width: 130px;
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 0;
}

.inputfield-34.ssn {
  width: 130px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.button-tipping-4 {
  text-align: center;
  background-image: url('../images/money_1money.png');
  background-position: 17px;
  background-repeat: no-repeat;
  background-size: 26px;
  border-style: none;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  height: 50px;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 0;
  padding-left: 28px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  transition: background-color .6s;
  display: block;
}

.button-tipping-4:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.graylink-4 {
  color: #aaa;
  cursor: pointer;
  font-family: Sf ui text, sans-serif;
  transition: color .2s;
  display: block;
}

.graylink-4:hover {
  color: #838383;
}

.sf-1516 {
  color: #312b3de3;
  font-family: Sf ui text, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.text-446 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.sf-1517 {
  color: #333;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.sf-1517.semi {
  font-weight: 600;
}

.text-span-348 {
  font-weight: 500;
}

.modalcontent-41 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.modalcontent-41.wide {
  width: 760px;
  display: block;
}

.modalcontent-41.stripe {
  width: 800px;
  min-height: 200px;
  display: block;
}

.alert-img-4 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: block;
}

.submitbutton-38 {
  text-align: center;
  border-style: none;
  border-radius: 6px;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .6s;
  display: block;
}

.submitbutton-38:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-38.supersmall {
  color: #fff;
  border-radius: 6px;
  width: 210px;
  min-width: 140px;
  height: 40px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.submitbutton-38.supersmall:hover {
  color: #fff;
}

.submitbutton-38.update {
  color: #fff;
  border-radius: 6px;
  width: auto;
  height: 40px;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.submitbutton-38.update:hover {
  color: #fff;
}

.text-block-521 {
  color: #0009;
  font-family: Sf ui text, sans-serif;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.div-block-5887 {
  width: auto;
  margin-right: 10px;
}

.div-block-5888 {
  width: 380px;
}

.list-item-19 {
  color: #424242;
  padding-top: 20px;
  padding-left: 6px;
  font-weight: 300;
  line-height: 26px;
}

.list-item-19.small {
  padding-top: 14px;
  font-family: Sf ui text, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.div-block-5889 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.submitbutton-39 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-39:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-39.round {
  color: #fff;
  border-radius: 6px;
  min-width: 140px;
  height: 40px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.submitbutton-39.round:hover {
  color: #fff;
}

.submitbutton-39.round.long {
  width: auto;
}

.submitbutton-39.form {
  color: #fff;
  border-radius: 6px;
  margin-top: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
  display: block;
}

.submitbutton-39.form.cancel.close-modal {
  color: #fff;
  width: 200px;
  padding-top: 20px;
}

.submitbutton-39.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-39.grey:hover {
  background-color: #909090;
}

.submitbutton-39.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.submitbutton-39.form {
  color: #fff;
  margin-top: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 20px;
  display: block;
}

.submitbutton-39.form.cancel {
  background-color: #a8a8a8;
}

.submitbutton-39.form.cancel:hover {
  background-color: #909090;
}

.submitbutton-39.form.cancel.close-modal {
  color: #fff;
  width: 200px;
  margin-left: 8px;
  margin-right: 0;
  padding-top: 20px;
}

.submitbutton-39.supersmall {
  color: #fff;
  border-radius: 6px;
  width: 210px;
  min-width: 140px;
  height: 40px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf ui text, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.submitbutton-39.supersmall:hover {
  color: #fff;
}

.submitbutton-39.subscription {
  border-radius: 6px;
  width: 220px;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton-39.subscription:hover {
  color: #fff;
}

.submitbutton-39.complete {
  border-radius: 6px;
  padding-top: 20px;
  font-family: Sf ui text, sans-serif;
}

.submitbutton-39.complete:hover {
  color: #fff;
}

.sf-1518 {
  color: #000000db;
  font-family: Sf ui text, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

html.w-mod-js [data-ix="modal"] {
  opacity: 0;
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    text-shadow: none;
  }

  h2 {
    line-height: 38px;
  }

  p {
    text-shadow: none;
    line-height: 30px;
  }

  .footer {
    margin-bottom: 40px;
  }

  .h1-headline {
    padding-top: 0;
    font-size: 40px;
  }

  .submitbutton {
    margin-top: 16px;
  }

  .submitbutton.complete {
    margin-top: 20px;
  }

  .submitbutton.form {
    margin-right: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-left: 8px;
    margin-right: 0;
  }

  .headlinesmall {
    font-size: 24px;
    line-height: 31px;
  }

  .headlinesmall.name {
    text-align: center;
    flex-direction: row;
    line-height: 24px;
    display: block;
  }

  .paragraph {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph.left {
    text-align: left;
    font-size: 16px;
  }

  .paragraph.small {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .paragraph.blurb {
    text-align: center;
  }

  .paragraph.alt {
    font-size: 18px;
  }

  .paragraph.xsmall {
    line-height: 18px;
  }

  .paragraph.smalltext {
    text-align: left;
    line-height: 20px;
  }

  .paragraph.smalltext.plan {
    font-size: 13px;
  }

  .paragraph.smalltext-copy {
    text-align: left;
    line-height: 20px;
  }

  .h2-white {
    width: 700px;
  }

  .h2-white.alt {
    font-size: 22px;
    line-height: 30px;
  }

  .h2-dark {
    width: 100%;
    margin-top: 0;
  }

  .h2-dark.small, .h2-dark.bold {
    width: auto;
  }

  .contentheaderarea {
    padding-left: 10px;
    padding-right: 10px;
  }

  .checkbox.terms {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16px;
    padding-left: 0;
    display: block;
  }

  .contentbg {
    background-position: 0 0, 20%;
  }

  .h1 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 48px;
  }

  .h1.big {
    padding-left: 0;
    padding-right: 0;
    top: 140px;
  }

  .radio-choice.type {
    align-items: center;
    height: 50px;
  }

  .disclaimer {
    width: 580px;
  }

  .h4.account.bold, .h4.account.table {
    font-size: 16px;
    line-height: 20px;
  }

  .h4.account.table {
    font-size: 16px;
    line-height: 20px;
  }

  .h4.h3-white {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 22px;
  }

  .login-button {
    align-self: center;
    width: 90px;
    margin-top: 18px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }

  .login-button.subscribe {
    margin-top: 0;
    margin-right: 0;
    position: static;
  }

  .login-label {
    position: static;
    top: 0;
    right: 0;
  }

  .loginbackground {
    background-image: linear-gradient(to bottom, null, null), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0, 50%;
  }

  .content-block {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .h3-dark.video {
    text-align: center;
    margin-bottom: 5px;
  }

  .h3-dark.left {
    display: block;
  }

  .dash-background {
    background-position: 55% 25%;
    padding-bottom: 0;
  }

  .dash-background.redirect {
    padding-bottom: 100px;
  }

  .list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-item.small {
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 16px;
  }

  .video-holder {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .content-container {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .content-container.white {
    padding-bottom: 30px;
  }

  .video-text {
    flex-direction: column;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px 20px;
    display: block;
  }

  .video-2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .modalcontent.wide {
    width: 700px;
  }

  .dropdown-toggle {
    margin-top: 20px;
  }

  .trainername {
    font-size: 14px;
  }

  .content-wrapper-grey {
    background-image: none;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-wrapper-grey.img {
    background-image: linear-gradient(#0000006e, #0000006e), url('../images/gymbag2.jpg');
    background-position: 0 0, -321px -90px;
  }

  .account-section.changebank, .account-section.setupbank, .account-section.conversion {
    margin-top: 10px;
  }

  .fb-photo {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 60px, 125px;
  }

  .accountinfowrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .small-text.red {
    font-size: 12px;
  }

  .trainer-container {
    justify-content: center;
    width: 100%;
  }

  .trainer {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }

  .circle-pic.jason {
    width: 120px;
    height: 120px;
  }

  .trainer-pic-link {
    margin-bottom: 15px;
  }

  .trainer-row {
    justify-content: center;
    width: 100%;
  }

  .trainer-layout {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-width: 220px;
    max-width: 280px;
  }

  .trainer-overview {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .signup-blocks {
    flex-direction: column;
  }

  .heading-help {
    background-position: 50%;
    background-size: cover;
    height: 340px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-help.client {
    padding-top: 0;
  }

  .nav-home {
    width: 60px;
  }

  .nav-container {
    justify-content: center;
    width: auto;
    height: 60px;
    position: relative;
  }

  .navlink {
    color: #00528c;
    font-size: 18px;
  }

  .navlink.mobile {
    color: #00528c;
    cursor: pointer;
    padding-right: 10px;
    display: block;
  }

  .navlink.mobile:hover {
    color: #00528c;
    background-color: #ffffff4d;
  }

  .brand {
    height: auto;
  }

  .navheader {
    justify-content: space-between;
    width: auto;
    height: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .navheader.mobile {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 14px;
    display: flex;
    position: absolute;
    top: 0;
  }

  .navheader.blog {
    width: 100%;
    height: 70px;
    padding-left: 30px;
  }

  .navbutton {
    background-color: #fff3;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 48px;
    height: 48px;
    padding: 8px 0 0;
    display: flex;
    position: static;
  }

  .nav-menu {
    background-color: #fcfcfc;
    border: 1px solid #c7c7c7;
    flex: 0 auto;
    min-width: 280px;
    display: block;
    box-shadow: 1px 1px 23px -3px #00000070;
  }

  .icon {
    color: #fff;
    text-align: center;
    flex: 0 auto;
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
    position: static;
  }

  .image-11 {
    width: 200px;
  }

  .loginbutton {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .cta-block {
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .plan-block {
    border-color: #7096b170;
    flex-direction: row;
    height: auto;
  }

  .plan-block.recipient, .plan-block.trial {
    align-items: flex-end;
    margin-left: 0;
    padding-left: 16px;
  }

  .plan-info {
    padding-left: 20px;
  }

  .plan-info.name {
    width: 240px;
    padding-right: 5px;
  }

  .plan-info.name.long {
    width: 400px;
  }

  .plan-info.edit {
    width: 100px;
    height: 64px;
  }

  .plan-info.price {
    width: 190px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .plan-info.trial {
    padding-left: 10px;
    padding-right: 5px;
  }

  .plan-info.renewal {
    padding-left: 10px;
    padding-right: 5px;
  }

  .plan-info.plan {
    width: 190px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .plan-info.plan-name {
    padding-left: 0;
    padding-right: 5px;
  }

  .plan-info.billed-to, .plan-info.plan, .plan-info.plan {
    width: 190px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .modal-content-long {
    width: 560px;
  }

  .checkbox-label {
    margin-left: 0;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .checkbox-label.small {
    font-weight: 400;
  }

  .button-small.update-payment-button {
    margin-right: 18px;
  }

  .gift {
    margin-top: 28px;
  }

  .div-block-64 {
    align-items: center;
    display: flex;
  }

  .div-block-78 {
    padding-bottom: 0;
  }

  .graylink {
    font-size: 13px;
  }

  .sign-up-banner {
    padding-top: 90px;
    display: block;
  }

  .div-block-81 {
    margin-top: 0;
    padding-top: 1px;
  }

  .button-group-training {
    margin-top: 16px;
  }

  .group-training {
    flex-direction: column;
  }

  .payment-summary {
    padding-left: 20px;
  }

  .error-status-holder {
    justify-content: center;
    width: auto;
    padding-left: 5px;
    padding-right: 0;
  }

  .payment-expanded {
    justify-content: flex-start;
    display: block;
  }

  .error-img {
    width: 24px;
    height: 24px;
  }

  .plan-column {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 38px;
    display: flex;
  }

  .image-29 {
    width: 30px;
  }

  .div-refund-button, .div-failed, .div-trial-end-date, .div-refund-note {
    padding-right: 0;
  }

  .pie-chart {
    justify-content: center;
    padding-left: 0;
  }

  .navbar {
    z-index: 99;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-left: 24px;
    display: flex;
  }

  .nav-menu-2 {
    z-index: 99;
    background-color: #00528c;
    padding-top: 20px;
  }

  .menu {
    color: #00528c;
    background-color: #0000;
    font-size: 38px;
    line-height: 38px;
  }

  .div-block-150, .text-name.white, .text-logout.white {
    text-align: left;
  }

  .subscription-header-div {
    align-items: center;
  }

  .subscription-header-div.payment-method {
    margin-bottom: 13px;
    display: block;
  }

  .div-block-190 {
    margin-bottom: 12px;
  }

  .div-block-206 {
    top: 29px;
  }

  .cc-input {
    padding-top: 20px;
  }

  .menu-button {
    background-color: #ffffff8f;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    padding: 12px;
    display: block;
  }

  .text-40 {
    padding-top: 0;
    font-size: 40px;
  }

  .button-tipping {
    margin-top: 0;
  }

  .tipping-button-holder {
    margin-top: 6px;
    margin-bottom: 12px;
  }

  .charles {
    width: auto;
    height: auto;
  }

  .image-52 {
    width: 300px;
  }

  .streak-wrapper {
    justify-content: center;
    align-items: center;
    height: 240px;
    display: flex;
  }

  .month-year-holder {
    margin-right: 0;
  }

  .text-11, .text-49 {
    display: block;
  }

  .twm-spinner {
    width: 100px;
    height: 100px;
  }

  .checkbox-label-14, .checkbox-label-16 {
    margin-left: 0;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .text-54 {
    display: block;
  }

  .radio-button-holder {
    padding-right: 0;
  }

  .modal-content-media-2 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .calendar-wrapper-2 {
    margin-left: 64px;
  }

  .accountinfowrapper-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .pending-img {
    width: 24px;
    height: 24px;
  }

  .account-section-2.setupbank {
    margin-top: 10px;
  }

  .content-pro {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    left: 0;
  }

  .verified-img {
    width: 24px;
    height: 24px;
  }

  .text-166 {
    display: block;
  }

  .modal-content-drawing {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .modal-drawing {
    display: none;
    position: fixed;
    inset: 0;
  }

  .drawing-toolbar {
    position: relative;
    top: 487px;
    bottom: 0;
  }

  .content-wrapper-3, .content-pro-2 {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    left: 0;
  }

  .details-right-div {
    padding-right: 0;
  }

  .div-block-378 {
    padding-bottom: 0;
  }

  .status-column {
    padding-left: 0;
  }

  .payment-table-recent.show-after-initialize {
    padding: 16px 30px 20px;
  }

  .paymenttablewrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .h2-dark-2 {
    width: 100%;
    margin-top: 0;
  }

  .h2-dark-2.bold {
    width: auto;
  }

  .member-list {
    width: 100%;
    height: auto;
    max-height: 160px;
    padding-right: 4px;
  }

  .default-group-img {
    background-size: 60px 60px;
    width: 80px;
    height: 80px;
  }

  .group-info {
    width: 100%;
    height: 40%;
    min-height: 104px;
  }

  .member-wrapper {
    width: 160px;
  }

  .content-pro-3 {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    left: 0;
  }

  .member-img {
    width: 42px;
    height: 42px;
    margin-right: 4px;
  }

  .header-dark-blue-3 {
    padding-right: 0;
  }

  .member-pic-name {
    width: auto;
  }

  .text-168 {
    line-height: 16px;
  }

  .group-name {
    width: 260px;
  }

  .name {
    width: 114px;
  }

  .div-block-230 {
    padding-top: 0;
  }

  .blue-header-content-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .group-image {
    background-size: cover;
    width: 80px;
    height: 80px;
  }

  .group-block {
    width: 49%;
    max-width: 354px;
    height: 350px;
  }

  .button-add-2 {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .calendar-wrapper-4 {
    margin-left: 64px;
  }

  .sf-small {
    display: block;
  }

  .submitbutton-2.complete {
    margin-top: 20px;
  }

  .image-87 {
    max-width: 100%;
  }

  .member-img-2 {
    width: 42px;
    height: 42px;
    margin-right: 4px;
  }

  .sort-options-wrapper {
    padding-top: 0;
  }

  .buttonlabel-2.white {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    margin-left: 2px;
    margin-right: 5px;
    font-size: 13px;
  }

  .tagger-button-holder {
    justify-content: space-between;
    padding-top: 6px;
  }

  .table-3, .table-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .plus-icon-3 {
    width: 18px;
  }

  .text-label-button {
    font-size: 1em;
  }

  .tipping-container {
    margin-top: 6px;
    margin-bottom: 12px;
  }

  .search-wrapper-4 {
    display: block;
  }

  .search-wrapper-4.library {
    width: 500px;
  }

  .autocomplete-input-2-program, .autocomplete-input-4 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-5 {
    width: 720px;
  }

  .submitbutton-4 {
    margin-top: 16px;
  }

  .autocomplete-input-5, .autocomplete-input-area {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .plan-name {
    flex-direction: column;
    align-items: flex-start;
  }

  .new-account-settings {
    border-bottom-width: 1px;
    border-bottom-color: #cecece;
  }

  .alert-stripe {
    padding-left: 14px;
    padding-right: 14px;
  }

  .alert-text.details {
    padding-left: 38px;
  }

  .checklist-holder {
    flex-direction: column;
  }

  .revenue-share-settings, .plan-settings-section {
    border-bottom-width: 1px;
    border-bottom-color: #cecece;
  }

  .delete-plan {
    border-bottom: 1px solid #cecece;
    margin-bottom: 10px;
    padding-bottom: 26px;
    display: none;
  }

  .page-preview-wrapper {
    display: none;
    top: 30px;
  }

  .autocomplete-input-2-group {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .plan-button-holder {
    width: 100%;
  }

  .top-tab-wrapper.client-group {
    width: auto;
  }

  .autocomplete-input-2-program-2 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-8 {
    display: block;
  }

  .member-img-3 {
    width: 42px;
    height: 42px;
    margin-right: 4px;
  }

  .search-wrapper-2-copy-2 {
    display: block;
  }

  .autocomplete-input-6 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .content-pro-5 {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    left: 0;
  }

  .table-cell.client-header, .table-cell.client {
    width: 280px;
  }

  .table-cell.notes-header, .table-cell.program, .table-cell.workouts, .table-cell.program-header {
    width: 200px;
  }

  .table-cell.status-change {
    width: 280px;
  }

  .table-cell.workout-header {
    width: 200px;
  }

  .table-cell.client-header {
    width: 280px;
  }

  .search-wrapper-9 {
    width: 100%;
    display: block;
  }

  .modal-content-media-copy-2 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .landing-item-2 {
    width: 100%;
  }

  .email-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .email-content-section {
    flex-direction: row;
    align-items: flex-start;
  }

  .site-header-3 {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-div {
    width: 90%;
  }

  .header-elements-3 {
    width: 100%;
  }

  .tile-tall-3 {
    width: 32%;
    height: 140px;
  }

  .tile-tall-3.long {
    width: 32%;
  }

  .search-wrapper-holder {
    display: block;
  }

  .header-dark-blue-6 {
    align-items: flex-start;
    padding-right: 0;
  }

  .header-dark-blue-7 {
    padding-right: 0;
  }

  .div-block-641 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .autocomplete-input-2-program-3 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .timeline-post-5, .timeline-post-old-2 {
    width: auto;
  }

  .filter-div-4 {
    margin-right: 20px;
  }

  .header-copy-2 {
    justify-content: center;
    align-self: flex-start;
    width: 100%;
    padding-left: 10px;
    display: flex;
  }

  .program-alert-content-2 {
    flex: 1;
  }

  .timeline-header-elements-5 {
    width: auto;
    margin-top: 0;
  }

  .div-block-666 {
    width: 260px;
    min-width: 120px;
    display: block;
  }

  .mark-done-icon-2 {
    display: none;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .autocomplete-input-7 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .tile-thumb-2.tall {
    height: 100px;
  }

  .wide-header-content-3, .wide-header-content-3.left, .wide-header-content-3.left {
    padding-right: 0;
    display: flex;
  }

  .tile-tall-4 {
    width: 32%;
    height: 140px;
  }

  .create-new-button-5 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .exercise-library-header {
    height: auto;
    padding-left: 10px;
    padding-right: 20px;
  }

  .content-wrapper-white {
    background-image: none;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .password-reset-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .login-outer-wrapper-2 {
    background-position: 90%;
  }

  .footer-3 {
    margin-bottom: 40px;
  }

  .client-account-wrapper {
    background-position: 0 0, 50%;
  }

  .library-tab-wrapper-content {
    top: 0;
  }

  .tile-tall-5 {
    width: 32%;
    height: 140px;
  }

  .bottom-label-holder {
    padding-bottom: 10px;
    bottom: 6%;
  }

  .start-button {
    top: -20%;
  }

  .progress-volume-wrapper {
    height: 100px;
  }

  .ribbon-exercise-detail-2 {
    padding-top: 5px;
  }

  .ribbon-exercise-detail-2.time {
    height: 20px;
    max-height: none;
    inset: auto 0% 0%;
  }

  .ribbon-set-number-2 {
    height: 30px;
    font-size: 16px;
  }

  .icon-play {
    width: 24px;
  }

  .paused-button-holder-2 {
    bottom: 190px;
  }

  .modal-player-content-2 {
    width: auto;
    min-width: 0;
    height: auto;
    display: block;
    position: relative;
  }

  .exercise-ribbon-wrapper-2 {
    height: 170px;
    max-height: none;
    padding-top: 5px;
    display: block;
  }

  .workout-duration-label {
    line-height: 22px;
  }

  .close-player-modal {
    width: 24px;
  }

  .text-label-large-2 {
    font-size: 3em;
  }

  .text-label-medium-2 {
    padding-bottom: 10px;
    font-size: 2.2em;
  }

  .text-label-medium-2.start {
    font-family: Sf ui display, sans-serif;
  }

  .text-label-countdown-2 {
    font-size: 4em;
  }

  .text-label-countdown-2.small {
    font-size: 3.2em;
  }

  .text-label-set-rep-2 {
    font-size: 2.2em;
  }

  .ribbon-exercise-label-2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
  }

  .skip-button {
    width: 70px;
  }

  .time-label-2 {
    font-size: 16px;
  }

  .player-play-pause-button {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .player-modal-top-bar-3 {
    padding-left: 20px;
  }

  .ribbon-exercise-wrapper-2 {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }

  .ribbon-exercise-wrapper-2.current {
    width: 180px;
  }

  .text-label-small-2 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .icon-pause {
    width: 28px;
  }

  .start-play-button-2 {
    border-width: 3px;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
  }

  .ribbon-content-2 {
    padding-bottom: 3px;
  }

  .control-buttons {
    top: -20%;
  }

  .get-ready-display {
    display: block;
  }

  .label-player-workout-name-2 {
    font-size: 24px;
    line-height: 26px;
  }

  .text-label-exercise {
    margin-bottom: 2px;
    font-size: 1.1em;
  }

  .feedback-modal-top-bar {
    padding-left: 20px;
  }

  .modal-player-content-3 {
    width: auto;
    min-width: 0;
    height: auto;
    display: block;
    position: relative;
  }

  .timeline-compose-section-7 {
    width: 55%;
    margin-right: 14px;
  }

  .post-feedback-embed-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .exericse-info-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .exercise-feedback-container-2 {
    width: 45%;
  }

  .input-component-holder-3 {
    max-height: 520px;
  }

  .owner-autocomplete-wrapper-2 {
    display: block;
  }

  .reload-floating-button {
    left: 440px;
  }

  .post-container-timeline-3 {
    margin-right: 0;
  }

  .streak-wrapper-4 {
    justify-content: center;
    align-items: center;
    height: 240px;
    display: flex;
  }

  .alert-program-assign-validation {
    padding-left: 14px;
    padding-right: 14px;
  }

  .side-client-wrapper {
    width: 20%;
    display: inline-block;
  }

  .client-profile-assigned {
    width: 42px;
    height: 42px;
    margin-right: auto;
  }

  .assigned-empty-2, .loading-more-assignments-2 {
    width: 20%;
    display: inline-block;
  }

  .timeline-filters-7 {
    width: auto;
  }

  .timeline-wrapper-2-copy-3 {
    padding-left: 10px;
  }

  .item-empty-unread-2, .timeline-post-7 {
    width: auto;
  }

  .text-label-small-3 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .text-label-large-3 {
    font-size: 3em;
  }

  .feedback-input-section {
    width: 55%;
    margin-right: 14px;
  }

  .video-section-3 {
    height: 400px;
  }

  .text-label-countdown-3 {
    font-size: 5em;
  }

  .modal-player-content-4 {
    width: auto;
    min-width: 0;
    height: auto;
    display: block;
    position: relative;
  }

  .text-label-set-rep-3 {
    font-size: 2.2em;
  }

  .text-label-medium-3 {
    padding-bottom: 10px;
    font-size: 2.2em;
  }

  .text-label-medium-3.start {
    font-family: Sf ui display, sans-serif;
  }

  .control-buttons-2 {
    top: -20%;
  }

  .text-label-countdown-4 {
    font-size: 4em;
  }

  .text-label-countdown-4.small {
    font-size: 3.2em;
  }

  .get-ready-display-copy {
    display: block;
  }

  .player-modal-top-bar-4 {
    padding-left: 20px;
  }

  .bottom-label-holder-2 {
    bottom: 40px;
  }

  .player-play-pause-button-2 {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .start-button-2 {
    top: -20%;
  }

  .start-play-button-3 {
    border-width: 3px;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
  }

  .close-player-modal-2 {
    width: 24px;
  }

  .get-ready-display-2 {
    display: block;
  }

  .skip-button-2 {
    width: 70px;
  }

  .video-section-4 {
    height: 400px;
  }

  .bottom-label-holder-3 {
    bottom: 40px;
  }

  .exercise-ribbon-wrapper-5 {
    height: 170px;
    max-height: none;
    padding-top: 5px;
  }

  .exercise-layer-2 {
    display: none;
  }

  .lead-form {
    width: auto;
    top: 170px;
    right: 10px;
  }

  .paused-layer-2, .paused-layer-vertical {
    position: absolute;
    inset: 0%;
  }

  .input-component-holder-7 {
    max-height: 520px;
  }

  .progress-bar-volume-wrapper-5, .progress-bar-volume-wrapper-4 {
    height: 100px;
  }

  .text-label-small-4 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .progress-bar-volume-wrapper-3 {
    height: 100px;
  }

  .group-message-content {
    position: static;
  }

  .cardio-small-label {
    display: block;
  }

  .feedback-layer-holder-2 {
    height: 400px;
    display: block;
  }

  .create-new-button-7, .youtube-button-2 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .wide-header-content-2-copy-2, .wide-header-content-2-copy-2.left {
    padding-right: 0;
    display: flex;
  }

  .add-post-button {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .user-profile-overview {
    width: 42px;
    height: 42px;
    margin-right: auto;
  }

  .pdf-chapter-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .pdf-outer-wrapper {
    align-items: flex-start;
  }

  .contacts-autocomplete-search-wrapper {
    display: block;
  }

  .action-button-icon {
    width: 18px;
  }

  .category-holder {
    min-width: 228px;
  }

  .message-search-wrapper {
    width: 100%;
    display: block;
  }

  .reload-floating-button-2 {
    left: 440px;
  }

  .form-input-wrapper-bnmcopy {
    width: 100%;
  }

  .form-input-wrapper-bnmcopy.name, .timeline-post-9, .nothing-to-load-2 {
    width: auto;
  }

  .fc-bg {
    background-position: 0 0;
    padding-bottom: 0;
  }

  .tag-ac-wrapper {
    display: block;
  }

  .div-block-979 {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px;
  }

  .chart-pie, .chart-be {
    width: 100%;
  }

  .bar-chart-segment {
    min-width: 50px;
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .bar-chart-segment.long {
    min-width: 250px;
  }

  .site-section-contest {
    align-items: flex-start;
    min-height: 20px;
    padding: 60px 10px 60px 40px;
  }

  .site-section-contest.tracking {
    padding-bottom: 100px;
  }

  .site-section-contest.header {
    align-items: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-131 {
    width: 140px;
  }

  .header-image {
    width: 120px;
    min-width: 120px;
  }

  .create-account-wrapper {
    background-image: none;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .large-tile {
    width: 32%;
    height: 140px;
  }

  .remove-img-icon {
    background-size: 12px;
  }

  .add-element-menu-modal-2 {
    display: none;
  }

  .pdf-content-wrapper-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .pdf-page-wrapper-2 {
    align-items: flex-start;
  }

  .message-search-wrapper-2 {
    width: 100%;
    display: block;
  }

  .pdf-content-wrapper3 {
    margin-left: 0;
    margin-right: 0;
  }

  .pdf-page-wrapper-3 {
    align-items: flex-start;
  }

  .form-block-26.wilson {
    width: 100%;
  }

  .question-inner-wrapper-3 {
    justify-content: space-between;
    padding-right: 40px;
  }

  .quiz-answer-wrapper-3 {
    width: 320px;
  }

  .div-block-1192 {
    padding-right: 0;
  }

  .quiz-question-3 {
    min-width: 380px;
    padding-right: 20px;
  }

  .modal-content-quiz-2 {
    width: 96%;
  }

  .text-field-15 {
    font-size: 16px;
  }

  .lead-form-copy {
    top: 170px;
    right: 10px;
  }

  .wilson-form-field-label {
    font-size: 16px;
    line-height: 26px;
  }

  .div-block-1197 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .quiz-answer-wrapper-4 {
    width: 320px;
  }

  .quiz-question-4 {
    width: 55%;
    min-width: 380px;
    padding-right: 20px;
  }

  .question-inner-wrapper-4 {
    justify-content: space-between;
  }

  .pdf-content-wrapper-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .compose-icon-2 {
    width: 18px;
  }

  .category-holder-2 {
    min-width: 228px;
  }

  .poppins-label {
    font-size: 16px;
  }

  .submitbutton-6 {
    margin-top: 16px;
  }

  .section-column-wrapper {
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .interior-page-banner-content {
    min-width: 0;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-4.xl-bold-white.center {
    text-align: center;
  }

  .how-it-works {
    padding-top: 0;
    padding-right: 20px;
  }

  .brand-link-block-landing {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-header-nav {
    width: auto;
    min-width: 0;
    max-width: none;
    height: 65px;
  }

  .landing-content-section {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-1447 {
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submit-button-3-red {
    font-size: 16px;
  }

  .poppins-paragraph {
    font-size: 16px;
    line-height: 26px;
  }

  .pdf-page-wrapper-4, .pdf-page-wrapper-5, .pdf-page-wrapper-8, .pdf-page-wrapper-9 {
    align-items: flex-start;
  }

  .list-item-16 {
    background-position: 0 2px;
    font-size: 16px;
    line-height: 26px;
  }

  .submit-button-3-light-blue {
    font-size: 16px;
  }

  .member-img-5 {
    width: 42px;
    height: 42px;
    margin-right: 4px;
  }

  .timeline-post-10 {
    width: auto;
  }

  .youtube-button-3 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .modal-content-media-copy-10 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .frequency-toggles {
    margin-top: 20px;
  }

  .calendar-wrapper-6 {
    margin-left: 64px;
  }

  .close-player-modal-3 {
    width: 24px;
  }

  .label-player-workout-name-3 {
    font-size: 24px;
    line-height: 26px;
  }

  .wide-header-content-2-copy-6, .wide-header-content-2-copy-6.left {
    padding-right: 0;
    display: flex;
  }

  .start-play-button-5 {
    border-width: 3px;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
  }

  .feedback-layer-holder-4 {
    height: 400px;
    display: block;
  }

  .skip-button-5 {
    width: 70px;
  }

  .ribbon-set-number-4 {
    height: 30px;
    font-size: 16px;
  }

  .modal-content-media-9 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .timeframe-toggle-set {
    margin-top: 20px;
  }

  .poppins-body-text-22, .poppins-body-text, .poppins-label-2 {
    font-size: 16px;
    line-height: 26px;
  }

  .poppins-label-sm-6 {
    padding-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }

  .legend-color-3 {
    min-width: 14px;
    min-height: 14px;
    margin-top: 1px;
  }

  .wheel-section-wrapper-5 {
    align-items: flex-start;
    width: 480px;
    min-width: 480px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .label-3 {
    width: 80px;
    font-size: 13px;
    line-height: 14px;
    top: 11px;
    left: 122px;
  }

  .label-3._10 {
    top: 92px;
    left: 16px;
  }

  .label-3._5 {
    top: 330px;
    left: 389px;
  }

  .label-3._3 {
    top: 107px;
    left: 384px;
  }

  .label-3._6 {
    top: 402px;
    left: 280px;
  }

  .label-3._8 {
    top: 330px;
    left: 9px;
  }

  .label-3._9 {
    top: 220px;
    left: -4px;
  }

  .label-3._7 {
    top: 398px;
    left: 91px;
  }

  .label-3._4 {
    top: 220px;
    left: 411px;
  }

  .label-3._2 {
    top: 11px;
    left: 272px;
  }

  .wheel-holder-5 {
    width: 360px;
    min-width: 360px;
    height: 360px;
    min-height: 360px;
  }

  .program-alert-content-3 {
    flex: 1;
  }

  .timeline-post-11 {
    width: auto;
  }

  .message-search-wrapper-5, .message-search-wrapper-2-copy {
    width: 100%;
    display: block;
  }

  .image-535 {
    max-width: 100%;
  }

  .ribbon-exercise-label-5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
  }

  .text-label-countdown-9 {
    font-size: 5em;
  }

  .image-563 {
    max-width: 100%;
  }

  .message-search-wrapper-6 {
    width: 100%;
    display: block;
  }

  .timeline-post-14 {
    width: auto;
  }

  .tile-tall-24 {
    width: 32%;
    height: 140px;
  }

  .poppins-label-3, .poppins-body-text-23 {
    font-size: 16px;
    line-height: 26px;
  }

  .submit-button-39 {
    font-size: 16px;
  }

  .search-wrapper-add-users {
    display: block;
  }

  .poppins-label-5, .poppins-body-text-26 {
    font-size: 16px;
    line-height: 26px;
  }

  .contentbg-2 {
    background-position: 0 0, 50% 0;
  }

  .alert-img-3 {
    width: 24px;
    height: 24px;
  }

  .plan-edit-section-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .autopayment-5 {
    padding-top: 0;
  }

  .status-cion-5 {
    justify-content: center;
    width: auto;
    padding-left: 5px;
  }

  .wide-header-content-6 {
    width: 100%;
    padding-right: 20px;
    display: block;
  }

  .lead-owner-ac-wrapper {
    display: block;
  }

  .image-603 {
    max-width: 100%;
  }

  .poppins-label-3-larger {
    font-size: 16px;
    line-height: 26px;
  }

  .tile-thumb-13.tall-copy, .tile-thumb-13.tall {
    height: 100px;
  }

  .image-609 {
    max-width: 100%;
  }

  .tile-tall-25 {
    width: 32%;
    height: 140px;
  }

  .create-new-button-23 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .plus-icon-14 {
    width: 18px;
  }

  .autocomplete-input-23 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-28 {
    display: block;
  }

  .autocomplete-input-2-program-6 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-30 {
    width: 100%;
    display: block;
  }

  .plan-description-textbox-4 {
    width: 100%;
  }

  .plan-edit-row-5 {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-input-wrapper-8 {
    width: 100%;
  }

  .program-picker-5 {
    background-color: #fff;
    border: 1px solid #cecece;
  }

  .create-new-button-26 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .text-375, .text-380, .text-384 {
    display: block;
  }

  .image-633 {
    max-width: 100%;
  }

  .search-wrapper-32, .text-388 {
    display: block;
  }

  .plus-icon-17 {
    width: 18px;
  }

  .submitbutton-27 {
    margin-top: 16px;
  }

  .search-wrapper-group {
    display: block;
  }

  .auto-billing-input-8 {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 15px;
  }

  .plans-main-section-6 {
    width: 80%;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .header-wide-6 {
    height: auto;
    padding-top: 10px;
    padding-left: 20px;
    position: static;
  }

  .content-pro-9 {
    flex-direction: row;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    left: 0;
  }

  .content-pro-9.plans {
    margin-top: 0;
  }

  .plan-edit-section-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-1138.semi.navy {
    text-align: left;
  }

  .create-new-button-28 {
    padding-left: 3px;
    padding-right: 3px;
  }

  .form-input-wrapper-10 {
    width: 100%;
  }

  .div-block-3842 {
    width: auto;
    padding-top: 5px;
    padding-left: 0;
  }

  .plus-icon-19 {
    width: 18px;
  }

  .inputfield-22.small, .inputfield-22.percentage {
    margin-bottom: 0;
  }

  .form-input-wrapper-11 {
    width: 100%;
  }

  .form-input-wrapper-11.long {
    padding-right: 0;
  }

  .inputfield-23.small {
    margin-bottom: 0;
  }

  .search-wrapper-34 {
    display: block;
  }

  .plan-edit-row-7 {
    flex-direction: column;
  }

  .form-input-wrapper-12 {
    width: 100%;
    margin-bottom: 6px;
  }

  .form-input-wrapper-12.name {
    padding-bottom: 4px;
  }

  .submitbutton-30 {
    margin-top: 16px;
  }

  .poppins-label-sm-14 {
    padding-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }

  .poppins-body-text-29, .poppins-body-text-30, .poppins-label-7, .poppins-body-text-31 {
    font-size: 16px;
    line-height: 26px;
  }

  .poppins-label-sm-15 {
    padding-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }

  .search-wrapper-36 {
    display: block;
  }

  .submitbutton-31 {
    margin-top: 16px;
  }

  .submitbutton-31.complete {
    margin-top: 20px;
  }

  .submitbutton-32, .submitbutton-33, .submitbutton-34 {
    margin-top: 16px;
  }

  .footer-5 {
    margin-bottom: 40px;
  }

  .checkbox-33.terms {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16px;
    padding-left: 0;
    display: block;
  }

  .submitbutton-35 {
    margin-top: 16px;
  }

  .submitbutton-35.complete {
    margin-top: 20px;
  }

  .h1-3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 48px;
  }

  .tile-thumb-15.tall-copy, .tile-thumb-15.tall {
    height: 100px;
  }

  .image-665 {
    max-width: 100%;
  }

  .tile-tall-30 {
    width: 32%;
    height: 140px;
  }

  .create-new-button-29 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .plus-icon-20 {
    width: 18px;
  }

  .autocomplete-input-25 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-37 {
    display: block;
  }

  .autocomplete-input-28 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-41, .paragraph-ac-wrapper, .search-wrapper-42 {
    display: block;
  }

  .form-header {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .form-wrapper-2 {
    width: 90%;
  }

  .form-h2 {
    font-weight: 400;
  }

  .header-wrapper {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .form-label {
    font-size: 16px;
    line-height: 24px;
  }

  .brand-link-block-3 {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-120 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .checkbox-field-90 {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .poppins-body-text-43 {
    font-size: 16px;
    line-height: 26px;
  }

  .text-field-50 {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
  }

  .submit-button-47 {
    font-size: 16px;
  }

  .section-content-wrapper {
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .section-content-wrapper.landing-copy {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .overview-block-2 {
    justify-content: space-between;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .list-section {
    width: 59%;
    margin-top: 20px;
    margin-bottom: 60px;
  }

  .list-section.white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-header-wrapper-w {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .page-element-block-landing {
    margin-top: 0;
  }

  .content-section-2 {
    padding: 60px 30px;
  }

  .content-section-2.lite-blue {
    padding-top: 60px;
  }

  .content-section-2.lite-blue.vertical-copy {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-links-3.w {
    padding-top: 40px;
  }

  .text-field-218 {
    font-size: 16px;
  }

  .screenshot-holder {
    background-position: 50% 0;
    background-size: contain;
    width: 37%;
    margin-top: 40px;
    margin-left: 0;
  }

  .column-wide-landing {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .column-wide-landing._2 {
    text-align: center;
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .submit-button-48 {
    font-size: 16px;
    font-weight: 500;
  }

  .list-9 {
    padding-left: 20px;
  }

  .poppins-label-9 {
    font-size: 16px;
    line-height: 26px;
  }

  .image-745 {
    width: 80%;
    margin-top: 50px;
    margin-left: 0;
  }

  .logo-link-block {
    margin-right: 0;
    padding-left: 10px;
    padding-right: 20px;
  }

  .text-field-219 {
    font-size: 16px;
  }

  .text-element.landing {
    text-align: center;
  }

  .div-block-4662-copy {
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .div-block-5469 {
    padding-right: 20px;
  }

  .sign-up-form {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    top: 170px;
    right: 10px;
  }

  .heading-centered-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .challenge-landing {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submitbutton-36 {
    margin-top: 16px;
  }

  .list-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-wrapper-6-copy-copy {
    display: block;
  }

  .text-label-small-13 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .start-button-9 {
    top: -20%;
  }

  .image-772 {
    max-width: 100%;
  }

  .autocomplete-input-30 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .tile-thumb-19.tall {
    height: 100px;
  }

  .player-modal-top-bar-10 {
    padding-left: 20px;
  }

  .video-section-14 {
    height: 400px;
  }

  .exercise-layer-8 {
    display: none;
  }

  .time-label-8 {
    font-size: 16px;
  }

  .control-buttons-9 {
    top: -20%;
  }

  .image-776 {
    max-width: 100%;
  }

  .bottom-label-holder-14 {
    bottom: 40px;
  }

  .modal-player-content-10 {
    width: auto;
    min-width: 0;
    height: auto;
    display: block;
    position: relative;
  }

  .modal-content-media-copy-16 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .create-new-button-35 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .search-wrapper-47 {
    display: block;
  }

  .search-wrapper-47.library {
    width: 500px;
  }

  .progress-bar-volume-wrapper-17 {
    height: 100px;
  }

  .text-438 {
    display: block;
  }

  .create-new-button-36 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .text-label-set-rep-9 {
    font-size: 2.2em;
  }

  .text-label-medium-9 {
    padding-bottom: 10px;
    font-size: 2.2em;
  }

  .text-label-medium-9.start {
    font-family: Sf ui display, sans-serif;
  }

  .bottom-label-holder-15 {
    bottom: 40px;
  }

  .ribbon-content-8 {
    padding-bottom: 3px;
  }

  .input-component-holder-15 {
    max-height: 520px;
  }

  .paused-button-holder-8 {
    bottom: 190px;
  }

  .text-label-large-9 {
    font-size: 3em;
  }

  .twm-spinner-3 {
    width: 100px;
    height: 100px;
  }

  .progress-bar-volume-wrapper-18 {
    height: 100px;
  }

  .tile-tall-36 {
    width: 32%;
    height: 140px;
  }

  .player-play-pause-button-8 {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .tile-tall-37 {
    width: 32%;
    height: 140px;
  }

  .tile-tall-37.long {
    width: 32%;
  }

  .wide-header-content-9, .wide-header-content-9.left {
    padding-right: 0;
    display: flex;
  }

  .text-label-small-15 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .text-label-countdown-13 {
    font-size: 4em;
  }

  .text-label-countdown-13.small {
    font-size: 3.2em;
  }

  .calendar-wrapper-18 {
    margin-left: 64px;
  }

  .plus-icon-24 {
    width: 18px;
  }

  .paused-layer-8 {
    position: absolute;
    inset: 0%;
  }

  .h3-dark-23.left, .text-444 {
    display: block;
  }

  .h2-white-2 {
    width: 700px;
  }

  .h1-4 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 48px;
  }

  .contentbg-3 {
    background-position: 0 0, 50%;
  }

  .timeline-post-hover {
    width: auto;
  }

  .poppins-label-11 {
    font-size: 16px;
    line-height: 26px;
  }

  .search-wrapper-programs {
    display: block;
  }

  .poppins-label-12 {
    font-size: 16px;
    line-height: 26px;
  }

  .message-search-wrapper-11 {
    width: 100%;
    display: block;
  }

  .image-810 {
    max-width: 100%;
  }

  .timeline-post-21 {
    width: auto;
  }

  .poppins-label-sm-22, .poppins-label-sm-23 {
    padding-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }

  .search-wrapper-48 {
    display: block;
  }

  .image-814 {
    max-width: 100%;
  }

  .poppins-body-text-55, .poppins-body-text-56, .poppins-body-text-57, .poppins-body-text-58 {
    font-size: 16px;
    line-height: 26px;
  }

  .search-wrapper-49 {
    display: block;
  }

  .poppins-label-sm-24 {
    padding-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }

  .poppins-label-15 {
    font-size: 16px;
    line-height: 26px;
  }

  .challenge-page-outerwrapper {
    padding-bottom: 60px;
  }

  .logo-wrapper {
    width: 100%;
    min-width: 0;
  }

  .challenge-info-wrapper {
    width: 100%;
    padding-right: 0;
  }

  .waitlist-form {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    top: 170px;
    right: 10px;
  }

  .header-wrapper-white {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .poppins-22 {
    line-height: 28px;
  }

  .main-content {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field-223 {
    font-size: 16px;
  }

  .submit-button-51 {
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 500;
  }

  .poppins-body-text-60 {
    font-size: 16px;
    line-height: 26px;
  }

  .poppins-body-text-60._16-copy {
    margin-bottom: .125em;
  }

  .text-field-224 {
    font-size: 16px;
  }

  .paragraph-2 {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph-2.smalltext {
    text-align: left;
    line-height: 20px;
  }

  .paragraph-2.smalltext.plan {
    font-size: 13px;
  }

  .h4-2.account.table {
    font-size: 16px;
    line-height: 20px;
  }

  .labelsmall-24.left {
    line-height: 22px;
  }

  .status-cion-6 {
    justify-content: center;
    width: auto;
    padding-left: 5px;
    padding-right: 8px;
  }

  .modal-content-long-4 {
    width: 560px;
  }

  .h3-dark-26.account.centered {
    margin-bottom: 5px;
  }

  .bar-5 {
    justify-content: flex-start;
    padding-left: 60px;
  }

  .modalcontent-40.wide {
    width: 700px;
  }

  .button-tipping-4 {
    margin-top: 0;
  }

  .graylink-4 {
    font-size: 13px;
  }

  .modalcontent-41.wide, .modalcontent-41.stripe {
    width: 700px;
  }

  .alert-img-4 {
    width: 24px;
    height: 24px;
  }

  .submitbutton-38 {
    margin-top: 16px;
  }

  .list-item-19.small {
    padding-bottom: 8px;
    padding-left: 0;
  }

  .submitbutton-39 {
    margin-top: 16px;
  }

  .submitbutton-39.form {
    margin-right: 8px;
  }

  .submitbutton-39.form.cancel.close-modal {
    margin-left: 8px;
    margin-right: 0;
  }

  .submitbutton-39.complete {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    text-shadow: none;
  }

  h2 {
    font-size: 32px;
  }

  h4 {
    font-size: 18px;
    line-height: 22px;
  }

  p {
    text-shadow: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }

  .footer {
    margin-bottom: 20px;
  }

  .footer.reversed.relative {
    position: relative;
  }

  .h1-headline {
    padding-top: 0;
    font-size: 36px;
    line-height: 40px;
  }

  .h1-headline.white {
    line-height: 44px;
  }

  .submitbutton {
    font-size: 16px;
  }

  .submitbutton.small {
    width: auto;
    min-width: 160px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .submitbutton.form {
    width: 200px;
    margin-right: 8px;
  }

  .submitbutton.white.small {
    width: 70px;
  }

  .submitbutton.outline {
    width: 200px;
    height: 46px;
    padding-top: 12px;
    font-size: 16px;
  }

  .submitbutton.form {
    width: 200px;
    margin-right: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-left: 8px;
    margin-right: 0;
  }

  .submitbutton.login-copy {
    font-size: 16px;
  }

  .input {
    width: auto;
    font-size: 16px;
  }

  .headlinesmall {
    color: #000;
    text-align: left;
    padding-top: 0;
    font-size: 22px;
    line-height: 28px;
  }

  .headlinesmall.name {
    font-size: 18px;
    line-height: 22px;
  }

  .paragraph {
    color: #0009;
    text-align: left;
  }

  .paragraph.left {
    font-size: 16px;
  }

  .paragraph.small {
    padding-top: 20px;
  }

  .paragraph.small.center {
    padding-top: 10px;
  }

  .paragraph.supersmall.left {
    font-weight: 300;
  }

  .paragraph.blurb {
    text-align: center;
  }

  .paragraph.white.center {
    font-size: 15px;
  }

  .paragraph.center {
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph.xsmall {
    color: #424242;
  }

  .paragraph.xsmall.red {
    line-height: 18px;
  }

  .paragraph.smalltext.plan {
    align-items: center;
    line-height: 16px;
    display: flex;
  }

  .paragraph.smalltext.payment {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-white {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    line-height: 22px;
  }

  .h2-white.big {
    line-height: 34px;
  }

  .h2-white.alt {
    font-size: 18px;
    line-height: 24px;
  }

  .h2-white.alt.thin {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    line-height: 30px;
  }

  .h2-dark {
    margin-top: 0;
  }

  .h2-dark.small {
    width: 100%;
    margin-top: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .h2-dark.bold {
    font-size: 24px;
    line-height: 30px;
  }

  .twmheader.dash, .twmheader.login, .twmheader.left, .twmheader.login, .twmheader.login {
    height: 66px;
  }

  .checkbox.terms {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contentbg {
    background-image: linear-gradient(#000000b3 14%, #0000008a), url('../images/push-up-blurred.jpg');
    background-position: 0 0, 20%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    padding-bottom: 0;
  }

  .h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 44px;
  }

  .h1.big {
    font-size: 42px;
    line-height: 50px;
    top: 80px;
  }

  .h1._44 {
    font-size: 40px;
  }

  .radio {
    margin-left: 0;
  }

  .radio-choice {
    width: 340px;
  }

  .radio-choice.type {
    align-items: center;
    width: auto;
    height: 50px;
  }

  .textarea {
    width: 400px;
  }

  .textarea.gift, .dropdown.gift {
    width: 100%;
  }

  .twm-logo.email {
    width: 50%;
  }

  .disclaimer {
    width: auto;
  }

  .disclaimertext {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .agreement-label {
    font-size: 16px;
  }

  .connect {
    width: 100%;
  }

  .connect.client-copy {
    max-width: 90%;
    margin-bottom: 40px;
  }

  .h4 {
    font-size: 20px;
  }

  .h4.account {
    font-size: 16px;
  }

  .h4.account.table {
    font-size: 15px;
  }

  .h4.h3-white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h4.payment {
    width: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .payment {
    padding-left: 0;
    padding-right: 0;
  }

  .card-input {
    color: #312b3d;
    width: auto;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
  }

  .error-holder {
    width: auto;
  }

  .login-button {
    border-radius: 4px;
    width: 90px;
    height: 30px;
    font-size: 12px;
    line-height: 12px;
  }

  .login-button._2 {
    width: 60px;
  }

  .login-button.subscribe {
    height: 34px;
    font-size: 14px;
    line-height: 20px;
  }

  .login-label {
    height: 30px;
    padding-top: 0;
    font-size: 12px;
  }

  .loginbackground {
    background-image: linear-gradient(to bottom, null, null), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0, 57%;
  }

  .content-block {
    top: 0;
  }

  .inputfield {
    width: 100%;
    display: inline-block;
  }

  .inputfield.short, .inputfield.disabled {
    display: inline-block;
  }

  .h3-dark.video {
    text-align: center;
  }

  .h3-dark.formtitle {
    font-size: 22px;
  }

  .h3-dark.alt {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
  }

  .h3-dark.left {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    display: flex;
  }

  .h3-dark.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .dash-background {
    background-position: 64% 23%;
    margin-top: 0;
    padding-bottom: 0;
  }

  .dash-background.client, .dash-background.redirect {
    background-image: linear-gradient(to bottom, null, null);
    height: auto;
    margin-top: 0;
  }

  .bank-info.account {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .list {
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-item.small {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .video-holder {
    width: 100%;
  }

  .content-container {
    padding-bottom: 12px;
  }

  .video-text {
    width: 100%;
    padding-top: 18px;
  }

  .modalcontent {
    width: 90%;
    max-width: 560px;
  }

  .modalcontent.wide {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-3 {
    width: auto;
    max-width: 460px;
  }

  .account-dropdown {
    height: 60px;
    position: static;
  }

  .dropdown-toggle {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-toggle.w--open {
    justify-content: flex-end;
  }

  .settings-dropdown {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .dropdown-list.w--open {
    left: 0;
    right: 0;
  }

  .content-wrapper-grey {
    margin-top: 0;
    padding: 26px 20px 0;
  }

  .content-wrapper-grey.img {
    background-image: linear-gradient(#0000006e, #0000006e), url('../images/gymbag.png');
    background-position: 0 0, -234px -267px;
    background-size: auto, 1400px;
  }

  .account-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .account-section.changebank {
    margin-top: 10px;
  }

  .account-section.profile {
    flex-direction: column;
    align-items: center;
    margin-top: 26px;
  }

  .account-section.profile.show-after-initialize {
    flex-direction: row;
    display: flex;
  }

  .account-section.setupbank {
    margin-top: 10px;
  }

  .account-section.show-after-initialize {
    padding-left: 20px;
    padding-right: 20px;
  }

  .account-section.payment-method {
    flex-direction: column;
    align-items: center;
    margin-top: 26px;
  }

  .account-section.payment-method.show-after-initialize {
    flex-direction: row;
    display: flex;
  }

  .account-section.payment-method.show-after-initialize.hidden {
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .account-section.conversion {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fb-photo {
    width: 40px;
    height: 40px;
  }

  .fb-photo.large {
    margin-bottom: 14px;
    padding-bottom: 0;
  }

  .submit-button-holder {
    justify-content: center;
  }

  .individualfields, .companyfields {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav {
    height: 140px;
    position: static;
  }

  .nav.short {
    height: 110px;
  }

  .accountinfowrapper {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-links {
    padding-bottom: 20px;
    display: block;
  }

  .modalcreateaccountemail {
    padding-top: 20px;
  }

  .small-text.red {
    font-size: 12px;
  }

  .small-text.xs {
    font-size: 12px;
    line-height: 16px;
  }

  .trainer-container {
    justify-content: space-around;
    align-items: flex-start;
    padding-top: 10px;
  }

  .trainer {
    justify-content: flex-start;
    margin-left: 15px;
    margin-right: 15px;
  }

  .circle-pic.colin {
    background-size: contain;
    width: 120px;
    height: 120px;
  }

  .circle-pic.mara {
    background-size: cover;
    width: 120px;
    height: 120px;
  }

  .circle-pic.jeremias {
    background-size: 350px;
    width: 120px;
    height: 120px;
  }

  .circle-pic.jason {
    width: 120px;
    height: 120px;
  }

  .trainer-row {
    justify-content: center;
    width: 100%;
    padding-top: 30px;
  }

  .trainer-layout {
    min-width: 140px;
    max-width: 260px;
  }

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

  .heading-help {
    background-position: 36%;
    height: 240px;
    padding-bottom: 0;
    display: flex;
  }

  .nav-container {
    height: 60px;
  }

  .navlink:hover {
    color: #00b2ed;
  }

  .navlink.mobile {
    padding-right: 10px;
  }

  .brand {
    height: auto;
  }

  .brand.w--current {
    align-items: flex-end;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .navheader {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navheader.mobile {
    width: 100%;
    top: 0;
    left: 0;
  }

  .navheader.blog {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu {
    flex: 0 auto;
  }

  .div-block-40 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-block {
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .plan-block {
    flex-direction: column;
    height: auto;
    padding-top: 5px;
  }

  .plan-block.subscription {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }

  .plan-block.payer {
    padding-left: 10px;
  }

  .plan-block.price-billing {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }

  .plan-block.recipient {
    flex-direction: row;
    align-items: flex-end;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 10px;
    display: flex;
  }

  .plan-block.plan-trainer-name {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }

  .plan-block.trial {
    flex-direction: row;
    align-items: flex-end;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 10px;
    display: flex;
  }

  .plan-info {
    padding-left: 20px;
  }

  .plan-info.name {
    width: auto;
    padding-left: 0;
  }

  .plan-info.name.long {
    width: auto;
  }

  .plan-info.edit {
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-info.price, .plan-info.trial {
    width: 320px;
    padding-left: 5px;
  }

  .plan-info.plan, .plan-info.renewal, .plan-info.renewal, .plan-info.plan, .plan-info.plan-name, .plan-info.billed-to, .plan-info.plan, .plan-info.plan {
    width: auto;
    padding-left: 0;
  }

  .modal-content-long {
    width: 480px;
  }

  .outlined-box.trial {
    padding-top: 14px;
  }

  .checkbox-label {
    line-height: 20px;
  }

  .button-small.update-payment-button {
    margin-right: 18px;
  }

  .gift {
    width: 100%;
    margin-top: 20px;
  }

  .form-block-4 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .gift-info {
    width: 100%;
  }

  .form-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .form-block-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-78 {
    justify-content: space-between;
    padding-right: 12px;
  }

  .link-block-6 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .image-19 {
    width: 160px;
  }

  .image-20 {
    width: 180px;
  }

  .image-21 {
    width: 200px;
  }

  .container-7 {
    margin-top: 30px;
  }

  .div-block-81 {
    padding-top: 0;
  }

  .payment-summary {
    flex-direction: row;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 10px;
    display: flex;
  }

  .error-status-holder {
    width: auto;
    padding-left: 5px;
  }

  .payment-expanded {
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .payment-client-heading {
    padding-bottom: 0;
    padding-left: 10px;
  }

  .error-img {
    width: 18px;
    height: 18px;
  }

  .plan-column {
    height: auto;
    min-height: 38px;
    padding-top: 0;
    padding-left: 5px;
    display: flex;
  }

  .amount-column {
    padding-right: 5px;
  }

  .link-block-8 {
    width: 30px;
    height: 24px;
  }

  .image-29 {
    width: 22px;
  }

  .tip-amount {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-refund-button, .div-failed, .div-trial-end-date, .div-refund-note {
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 10px;
  }

  .payment-client-details {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pie-chart {
    justify-content: center;
    padding-left: 10px;
  }

  .div-block-101 {
    padding-top: 5px;
    padding-left: 20px;
  }

  .modal-content-exercises {
    width: auto;
  }

  .tip-payment {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .payment-info-wrapper, .success {
    padding-left: 30px;
    padding-right: 30px;
  }

  .success.hidden {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-164 {
    margin-bottom: 16px;
  }

  .gray-box-modal {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .subscription-header-div {
    align-items: center;
  }

  .subscription-header-div.payment-method {
    justify-content: flex-start;
    width: 100%;
    display: block;
  }

  .div-block-190 {
    width: 100%;
  }

  .div-block-206 {
    justify-content: center;
    position: static;
  }

  .client-payment {
    padding-top: 10px;
  }

  .cc-input {
    padding-top: 12px;
  }

  .menu-button {
    background-color: #ffffff91;
  }

  .text-40 {
    padding-top: 0;
    font-size: 36px;
  }

  .text-40.left {
    line-height: 42px;
  }

  .button-tipping {
    background-size: 22px;
    width: 160px;
    height: 40px;
    padding-top: 10px;
    font-size: 14px;
  }

  .tipping-button-holder {
    width: 100%;
  }

  .div-block-252 {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  .image-52 {
    width: 100%;
  }

  .text-24 {
    line-height: 28px;
  }

  .streak-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
    display: flex;
  }

  .workout-name {
    font-size: 20px;
    line-height: 26px;
  }

  .plan-tile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 47%;
    min-width: 0%;
    display: flex;
  }

  .nav-reset-password {
    height: 80px;
    position: static;
  }

  .text-46.bold {
    line-height: 20px;
  }

  .workout-name-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .modal-content-scheduled, .modal-content {
    width: auto;
  }

  .checkbox-label-14, .checkbox-label-16 {
    line-height: 20px;
  }

  .modal-content-calendar-2 {
    width: auto;
  }

  .text-16-copy.bold {
    line-height: 20px;
  }

  .modal-content-calendar, .tooltip, .modal-content-upload {
    width: auto;
  }

  .modal-content-media-2 {
    width: auto;
    min-height: 440px;
  }

  .calendar-top-bar-2 {
    flex-direction: column;
    align-items: flex-start;
    height: 120px;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
  }

  .plan-tile-preview {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 47%;
    min-width: 0%;
    display: flex;
  }

  .whisper {
    width: auto;
  }

  .client-input-holder {
    margin-left: 0;
  }

  .all-items-2 {
    width: 250px;
  }

  .accountinfowrapper-2 {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .pending-img {
    width: 18px;
    height: 18px;
  }

  .account-section-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .account-section-2.profile {
    flex-direction: column;
    align-items: center;
    margin-top: 26px;
  }

  .account-section-2.setupbank {
    margin-top: 10px;
  }

  .modalcontent-3 {
    width: 90%;
    max-width: 560px;
    display: none;
  }

  .stripe-status-wrapper-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-pro {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .h3-dark-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .verified-img {
    width: 18px;
    height: 18px;
  }

  .modal-content-drawing {
    width: auto;
    min-height: 440px;
  }

  .modal-drawing {
    inset: 0;
  }

  .drawing-toolbar {
    position: static;
  }

  .drawing-content {
    min-height: 300px;
  }

  .content-wrapper-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .div-block-100 {
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .status-label {
    font-size: 11px;
    line-height: 16px;
  }

  .content-pro-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .details-right-div {
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 10px;
  }

  .div-block-378 {
    justify-content: space-between;
    padding-right: 12px;
  }

  .status-column {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }

  .name-column {
    padding-left: 0;
    padding-right: 0;
  }

  .payment-table-recent {
    padding-left: 30px;
    padding-right: 30px;
  }

  .payment-table-recent.show-after-initialize {
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .paymenttablewrapper {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-dark-2 {
    margin-top: 0;
    font-size: 36px;
  }

  .h2-dark-2.left {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }

  .h2-dark-2.bold {
    font-size: 24px;
  }

  .modal-content-groups {
    width: auto;
    max-width: 540px;
  }

  .member-list {
    width: 100%;
    height: auto;
  }

  .client-search-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .group-info {
    width: 100%;
  }

  .member-wrapper {
    padding-right: 4px;
  }

  .group-wrapper {
    display: block;
  }

  .content-pro-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .text-168 {
    line-height: 16px;
  }

  .group-name {
    width: auto;
  }

  .edit-icon-holder {
    padding-right: 8px;
  }

  .modal-content-2 {
    width: 90%;
    max-width: 560px;
  }

  .gear {
    transform: none;
  }

  .group-block {
    width: 100%;
    max-width: none;
    height: auto;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .button-add-2 {
    width: auto;
  }

  .member-count {
    width: 100%;
  }

  .workout-name-3 {
    font-size: 20px;
    line-height: 26px;
  }

  .sidebar-title-font {
    font-size: 16px;
  }

  .tooltip-2 {
    width: auto;
  }

  .modalcontent-4 {
    width: 90%;
    max-width: 560px;
  }

  .action-button-4.outlined {
    width: auto;
    min-width: 200px;
    max-width: 360px;
    font-size: 14px;
  }

  .action-button-4.submit-form {
    width: auto;
    min-width: 0;
  }

  .action-button-4.weblink {
    width: 100%;
  }

  .div-block-433 {
    width: auto;
  }

  .modalcontent-5 {
    width: 90%;
    max-width: 560px;
  }

  .modal-content-username-3 {
    width: auto;
  }

  .image-87 {
    max-width: 100%;
  }

  .submit-button-holder-4 {
    justify-content: center;
  }

  .sort-options-wrapper {
    flex-direction: column;
    display: flex;
  }

  .client-search-add {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buttonlabel-2.white {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    font-weight: 600;
  }

  .get-started-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .modal-content-exercises-2 {
    width: auto;
  }

  .toggle-wrapper-6 {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .toggle-wrapper-6.hidden {
    padding-top: 10px;
    padding-bottom: 0;
    display: flex;
  }

  .modal-content-stats {
    width: auto;
    max-width: 540px;
  }

  .play-icon-2 {
    width: 20px;
  }

  .tip-payment-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-input-3 {
    color: #312b3d;
    width: auto;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
  }

  .cc-descriptor-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tipping-container, .search-wrapper-4, .search-wrapper-5 {
    width: 100%;
  }

  .calendar-top-bar-4 {
    flex-direction: column;
    align-items: flex-start;
    height: 120px;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
  }

  .top-div2 {
    width: auto;
  }

  .plans-timeline-2 {
    flex-direction: row;
  }

  .plan-tile-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .plans-wrapper-2 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .collapse-button {
    display: none;
  }

  .alert-stripe {
    align-items: flex-start;
  }

  .modalcontent-9 {
    width: 90%;
    max-width: 560px;
  }

  .plan-form-wrapper {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-preview-wrapper {
    display: none;
  }

  .workout-mode-wide-copy, .pin-date-calendar {
    width: auto;
  }

  .client-notes, .client-account-creation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-wrapper-8, .search-wrapper-2-copy-2 {
    width: 100%;
  }

  .client-tab {
    align-items: center;
    width: 25%;
    padding: 6px 14px;
    display: flex;
  }

  .tab-label {
    font-size: 14px;
    line-height: 16px;
  }

  .content-pro-5 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .search-wrapper-9 {
    width: 100%;
  }

  .modal-content-media-copy-2 {
    width: auto;
    min-height: 440px;
  }

  .special-request-tooltip {
    width: auto;
  }

  .landing-item-2 {
    width: 100%;
  }

  .email-header {
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    inset: 0% auto auto 0%;
  }

  .email-content-section {
    z-index: auto;
    padding-top: 0;
  }

  .site-header-3 {
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    inset: 0% auto auto 0%;
  }

  .sf-sub-title {
    font-size: 22px;
    line-height: 28px;
  }

  .tagline-white {
    width: auto;
    font-size: 38px;
  }

  .customer-logo-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .member-login-button-2 {
    margin-top: 0;
  }

  .close-button-holder {
    justify-content: center;
  }

  .tile-tall-3 {
    width: 48%;
    height: 134px;
  }

  .tile-tall-3.long {
    width: 48%;
  }

  .search-wrapper-holder {
    width: 100%;
  }

  .edit-send-time {
    width: auto;
  }

  .logo-header {
    height: 60px;
  }

  .download-page-logo {
    max-height: 60px;
  }

  .div-block-641 {
    padding-bottom: 60px;
  }

  .div-block-642 {
    padding-bottom: 0;
  }

  .div-block-643 {
    padding-bottom: 10px;
  }

  .h3-sf {
    font-size: 20px;
    line-height: 26px;
  }

  .welcome-image {
    background-position: 50% 0;
    width: 200px;
    min-width: 200px;
    margin-right: 30px;
  }

  .image-100 {
    width: 180px;
  }

  .div-block-647.message-holder-3 {
    padding-bottom: 0;
  }

  .lead-gen-toggle-wrapper {
    padding-top: 10px;
    padding-left: 0;
  }

  .get-started-5 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .plan-sort-wrapper-2 {
    padding-left: 20px;
    display: block;
  }

  .timeline-post-5:hover {
    box-shadow: none;
    border-style: solid;
  }

  .social-icon-bar-2 {
    justify-content: center;
  }

  .plans-wrapper-4 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .timeline-post-old-2 {
    width: auto;
  }

  .new-message-button-4 {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .reaction-icon-bar-3 {
    width: 30%;
  }

  .heart-rate-wrapper-3 {
    padding-left: 20px;
  }

  .filter-div-4 {
    margin-right: 10px;
  }

  .social-section-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-copy-2 {
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
    width: auto;
    height: auto;
    padding-right: 10px;
  }

  .save-to-library-2 {
    margin-left: auto;
  }

  .item-button-bar-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-665 {
    display: none;
  }

  .timeline-header-elements-5 {
    margin-top: 0;
  }

  .div-block-666 {
    display: none;
  }

  .audio-bottom-controls-4 {
    padding-left: 0;
    padding-right: 10px;
  }

  .mark-done-icon-2 {
    display: none;
  }

  .workout-item-play-2 {
    opacity: 1;
  }

  .timeline-panel-3, .sent-item-2 {
    display: none;
  }

  .heart-rate-display-3 {
    align-items: center;
    display: flex;
  }

  .workout-container-4 {
    padding-right: 20px;
  }

  .audio-bottom-controls-5 {
    display: flex;
  }

  .timeline-right-2 {
    display: none;
  }

  .modal-content-groups-2 {
    width: auto;
    max-width: 540px;
  }

  .client-search-add-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-library-content-chooser-3 {
    width: auto;
  }

  .search-wrapper-6-copy {
    width: 100%;
  }

  .nav-tab-label-2 {
    text-align: center;
    font-size: 15px;
    line-height: 16px;
  }

  .library-tab-bar {
    justify-content: space-between;
    width: 100%;
  }

  .wide-header-content-3 {
    min-height: 0;
    padding-right: 0;
  }

  .tile-tall-4 {
    width: 48%;
    height: 134px;
  }

  .top-header-tab-3 {
    min-width: 90px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .exercise-library-header {
    min-height: 70px;
    padding-right: 20px;
  }

  .content-wrapper-white {
    margin-top: 0;
    padding: 26px 20px 40px;
  }

  .password-reset-wrapper {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-21 {
    flex-direction: column;
    display: flex;
  }

  .image-93 {
    width: 200px;
  }

  .inputfield-3 {
    width: 100%;
    display: inline-block;
  }

  .login-box-2 {
    margin-top: 40px;
  }

  .footer-links-2 {
    padding-bottom: 20px;
    display: block;
  }

  .footer-3 {
    margin-bottom: 20px;
  }

  .client-account-wrapper {
    background-position: 0 0, 100%;
  }

  .sf-header-white-copy.invite {
    padding-right: 0;
  }

  .dynamic-text-section {
    width: 95%;
  }

  .create-account-bg-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .checkbox-label-15-2 {
    line-height: 20px;
  }

  .rte-toggle {
    padding-top: 10px;
    padding-left: 0;
  }

  .media-library-modal-2 {
    width: auto;
  }

  .library-item-wrapper-2 {
    padding-left: 6px;
  }

  .post-editor-modal-4 {
    width: auto;
  }

  .tile-tall-5 {
    width: 48%;
    height: 134px;
  }

  .audio-bottom-controls-mini {
    padding-left: 0;
    padding-right: 10px;
  }

  .start-button {
    top: -20%;
  }

  .skip-backward {
    width: 30px;
  }

  .progress-volume-wrapper {
    padding-bottom: 10px;
  }

  .ribbon-exercise-detail-2 {
    padding-top: 5px;
  }

  .ribbon-set-number-2 {
    width: 32px;
    height: 24px;
    padding-top: 0%;
    font-size: 14px;
  }

  .player-workoutname-2 {
    display: none;
  }

  .icon-play {
    width: 22px;
    display: inline-block;
  }

  .paused-button-holder-2 {
    padding-bottom: 10px;
    display: none;
    bottom: 44%;
    right: 0;
  }

  .modal-player-content-2 {
    width: auto;
    margin-top: 0%;
    padding-top: 0;
  }

  .exercise-ribbon-wrapper-2 {
    height: 42%;
    min-height: 140px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
  }

  .workout-duration-label {
    font-size: 14px;
    line-height: 20px;
  }

  .video-volume-control-2 {
    display: none;
  }

  .close-player-modal {
    filter: none;
    width: 18px;
    padding-top: 0;
  }

  .text-label-large-2 {
    font-size: 2.2em;
  }

  .text-label-medium-2 {
    padding-bottom: 10px;
    font-size: 1.5em;
  }

  .text-label-medium-2.start {
    font-size: 2em;
  }

  .text-label-countdown-2 {
    font-size: 3em;
  }

  .text-label-countdown-2.small {
    font-size: 2.4em;
  }

  .text-label-set-rep-2 {
    font-size: 1.2em;
  }

  .countdown-wrapper-2 {
    padding-top: 20px;
  }

  .in-progress-display {
    display: block;
  }

  .overlay-cover {
    z-index: 3;
  }

  .skip-forward {
    width: 30px;
  }

  .ribbon-exercise-label-2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
  }

  .skip-button {
    opacity: 1;
  }

  .exercise-info-wrapper-2 {
    padding-top: 20px;
    padding-left: 40px;
  }

  .time-label-2 {
    font-size: 14px;
  }

  .modal-close-player {
    z-index: 5;
    opacity: .8;
    justify-content: center;
    width: 42px;
    padding: 8px 0 5px;
    position: absolute;
  }

  .player-play-pause-button {
    border-width: 3px;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }

  .player-modal-top-bar-3 {
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: absolute;
  }

  .ribbon-exercise-wrapper-2 {
    width: 22%;
    min-width: 22%;
    margin-left: 0;
    margin-right: 0;
  }

  .text-label-small-2 {
    font-size: 1.2em;
  }

  .icon-pause {
    display: inline-block;
  }

  .start-play-button-2 {
    border-width: 2px;
    width: 54px;
    min-width: 54px;
    height: 54px;
    min-height: 54px;
    margin-right: 12px;
  }

  .player-wrapper-2 {
    margin-top: 0;
    position: relative;
  }

  .exercise-info-display-wrapper {
    height: 20%;
    padding-bottom: 0;
    display: block;
    top: 0;
  }

  .control-buttons {
    top: -20%;
  }

  .get-ready-display {
    display: block;
  }

  .label-player-workout-name-2 {
    font-size: 18px;
    line-height: 20px;
  }

  .preview-countdown-wrapper {
    padding-top: 20px;
  }

  .feedback-container-2 {
    height: auto;
    margin-top: 42px;
    padding-top: 0;
    position: relative;
    overflow: auto;
  }

  .modal-close-feedback {
    z-index: 5;
    justify-content: center;
    width: 42px;
    padding: 8px 0 5px;
  }

  .modal-feedback {
    position: static;
  }

  .image-113 {
    width: 20px;
  }

  .feedback-modal-top-bar {
    z-index: 6;
    background-color: #fff;
    justify-content: flex-start;
    width: 100%;
    height: 42px;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 10px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .workout-feedback-section {
    background-color: #0000;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .feedback-title {
    padding-left: 0;
  }

  .player-post-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .modal-player-content-3 {
    width: auto;
    margin-top: 0%;
    padding-top: 0;
  }

  .timeline-compose-section-7 {
    background-color: #0000;
    width: 100%;
    max-width: none;
    display: flex;
    position: relative;
  }

  .title-label {
    font-size: 20px;
    line-height: 24px;
    display: none;
  }

  .post-feedback-embed-2 {
    max-width: none;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .feedback-submit-bar-2 {
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .exericse-info-wrapper {
    border-top-color: #eff2f5;
  }

  .exercise-feedback-container-2 {
    background-color: #0000;
    border-left-style: none;
    width: 100%;
    min-width: 0;
    height: auto;
    padding-top: 10px;
    display: block;
    overflow: visible;
  }

  .input-component-holder-3 {
    background-color: #0000;
    max-height: none;
  }

  .workout-feedback-area {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .owner-autocomplete-wrapper-2 {
    width: 100%;
  }

  .reload-floating-button {
    left: 40%;
  }

  .streak-wrapper-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
    display: flex;
  }

  .alert-program-assign-validation {
    align-items: flex-start;
  }

  .new-option {
    flex-direction: column;
  }

  .side-client-wrapper {
    width: 24%;
  }

  .option-text {
    width: auto;
    padding-right: 0;
  }

  .assigned-empty-2, .loading-more-assignments-2 {
    width: 24%;
  }

  .timeline-wrapper-2-copy-3 {
    padding-left: 0;
    display: block;
  }

  .item-empty-unread-2 {
    width: auto;
  }

  .action-button-9.submit-form {
    width: 100%;
    min-width: 0;
  }

  .reminder-content {
    padding-right: 0;
  }

  .library-item-wrapper-3 {
    padding-left: 6px;
  }

  .timeline-post-7:hover {
    box-shadow: none;
    border-style: solid;
  }

  .text-label-small-3 {
    font-size: 1.2em;
  }

  .text-label-large-3 {
    font-size: 2.2em;
  }

  .feedback-input-section {
    background-color: #0000;
    width: 100%;
    max-width: none;
    display: flex;
    position: relative;
  }

  .video-section-3 {
    margin-top: 0;
    position: relative;
  }

  .text-label-countdown-3 {
    font-size: 4em;
  }

  .modal-player-content-4 {
    width: auto;
    margin-top: 0%;
    padding-top: 0;
  }

  .text-label-set-rep-3 {
    font-size: 1.2em;
  }

  .text-label-medium-3 {
    padding-bottom: 10px;
    font-size: 1.5em;
  }

  .text-label-medium-3.start {
    font-size: 2em;
  }

  .control-buttons-2 {
    top: -20%;
  }

  .modal-close-player-2 {
    z-index: 6;
    justify-content: center;
    width: 42px;
    margin-right: 10px;
    padding: 8px 0 5px;
  }

  .text-label-countdown-4 {
    font-size: 3em;
  }

  .text-label-countdown-4.small {
    font-size: 2.4em;
  }

  .get-ready-display-copy {
    display: block;
  }

  .player-modal-top-bar-4 {
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 10px;
    display: flex;
  }

  .feedback-container-3 {
    height: auto;
    padding-top: 0;
    position: relative;
    overflow: auto;
  }

  .exercise-info-wrapper-3 {
    padding-top: 20px;
    padding-left: 14px;
  }

  .bottom-label-holder-2 {
    bottom: 30px;
  }

  .player-play-pause-button-2 {
    border-width: 3px;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }

  .start-button-2 {
    top: -20%;
  }

  .countdown-wrapper-3 {
    padding-top: 20px;
  }

  .preview-countdown-wrapper-2 {
    padding-top: 20px;
    padding-right: 14px;
  }

  .start-play-button-3 {
    border-width: 2px;
    width: 54px;
    min-width: 54px;
    height: 54px;
    min-height: 54px;
    margin-right: 12px;
  }

  .close-player-modal-2 {
    width: 20px;
    padding-top: 0;
  }

  .feedback-title-2 {
    padding-left: 0;
  }

  .get-ready-display-2 {
    display: block;
  }

  .skip-button-2 {
    opacity: 1;
  }

  .video-section-4 {
    height: 100%;
    margin-top: 0;
    position: relative;
  }

  .video-section-4.vertical {
    height: 100vh;
  }

  .player-workoutname-4 {
    flex: 1;
    display: none;
  }

  .bottom-label-holder-3 {
    bottom: 30px;
  }

  .bottom-label-holder-3.vertical {
    position: absolute;
    bottom: 100px;
  }

  .exercise-ribbon-wrapper-5 {
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .exercise-layer-2 {
    display: none;
  }

  .action-button-10.player-form {
    width: 100%;
    min-width: 0;
  }

  .lead-form {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .feedback-flex-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .input-component-holder-7 {
    background-color: #0000;
    max-height: none;
  }

  .start-control-wrapper-3 {
    padding-top: 62px;
  }

  .progress-bar-volume-wrapper-5 {
    background-image: linear-gradient(to top, #0009 20%, #0000);
    padding-bottom: 10px;
  }

  .progress-bar-volume-wrapper-4 {
    padding-bottom: 10px;
  }

  .text-label-small-4 {
    font-size: 1.2em;
    position: relative;
  }

  .text-label-small-4.vertical {
    padding-bottom: 0;
  }

  .confirmation-player {
    display: block;
  }

  .progress-bar-volume-wrapper-3 {
    padding-bottom: 10px;
  }

  .progress-bar-volume-wrapper-3.vertical {
    background-image: linear-gradient(to top, #0009 20%, #0000);
    height: 140px;
    padding-bottom: 60px;
    inset: auto 0% 0;
  }

  .control-buttons-3 {
    top: -20%;
  }

  .group-message-content {
    padding-right: 0;
  }

  .all-items-3 {
    width: 250px;
  }

  .library-tag {
    flex: none;
    display: inline-block;
  }

  .wide-header-content-2-copy-2 {
    min-height: 0;
    padding-right: 0;
  }

  .content-library-modal {
    width: auto;
  }

  .contacts-autocomplete-search-wrapper {
    width: 100%;
  }

  .modal-content-leads {
    width: auto;
    max-width: 540px;
  }

  .category-holder {
    width: 196px;
  }

  .message-search-wrapper {
    width: 100%;
  }

  .sent-item-holder {
    display: none;
  }

  .reload-floating-button-2 {
    left: 40%;
  }

  .timeline-post-9:hover {
    box-shadow: none;
    border-style: solid;
  }

  .nothing-to-load-2 {
    width: auto;
  }

  .fc-header {
    margin-bottom: 0;
  }

  .fc-bg {
    background-position: 0 0;
    background-attachment: scroll;
  }

  .h3-dark-copy {
    line-height: 24px;
  }

  .tag-ac-wrapper {
    width: 100%;
  }

  .upgrade-card-input {
    color: #312b3d;
    width: auto;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
  }

  .modal-content-upgrade {
    width: auto;
  }

  .div-block-979 {
    margin-top: 4px;
  }

  .bar-chart-segment {
    min-width: 60px;
    max-width: none;
  }

  .bar-chart-segment.long {
    min-width: 300px;
    max-width: none;
  }

  .modal-content-leads-2 {
    width: auto;
    max-width: 540px;
  }

  .site-section-contest {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
  }

  .site-section-contest.tracking {
    padding-top: 20px;
  }

  .site-section-contest.header {
    background-image: url('../images/url.png');
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: 76px;
    justify-content: flex-start;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .div-block-865 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .textlink-5 {
    font-size: 16px;
    line-height: 22px;
  }

  .text-24 {
    font-size: 22px;
    line-height: 28px;
  }

  .tracking-form-input {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .image-131 {
    width: 120px;
  }

  .tracking-link-form {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .header-image {
    width: 140px;
    min-width: 140px;
    margin-left: 20px;
    display: none;
  }

  .contest-form {
    height: auto;
    padding-bottom: 40px;
  }

  .action-button-11 {
    margin-left: 6px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    line-height: 15px;
  }

  .action-button-11.xl {
    min-width: 180px;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 500;
  }

  .title-22 {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
  }

  .div-block-871 {
    max-width: none;
  }

  .div-block-867 {
    width: 100%;
    margin-top: 0;
  }

  .title-h1 {
    text-align: center;
    width: auto;
    font-size: 42px;
    line-height: 48px;
  }

  .title-h1.header {
    text-align: left;
    font-size: 42px;
    line-height: 52px;
  }

  .div-block-1050 {
    flex-direction: column;
  }

  .post-editor-modal-7 {
    width: auto;
  }

  .footer-links-5 {
    padding-bottom: 20px;
    display: block;
  }

  .div-block-1059 {
    width: auto;
    max-width: 460px;
  }

  .create-account-wrapper {
    margin-top: 0;
    padding: 26px 20px 0;
  }

  .lead-gen-toggle-wrapper2 {
    padding-top: 10px;
    padding-left: 0;
  }

  .simple-right-click {
    width: auto;
  }

  .pending-client-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .video-toggle-wrapper {
    padding-top: 10px;
    padding-left: 0;
  }

  .library-tab-bar-2 {
    justify-content: space-between;
    width: 100%;
  }

  .column-block-horiz {
    flex-direction: row;
    width: auto;
    padding-bottom: 20px;
  }

  .media-library-modal-3 {
    width: auto;
  }

  .large-tile {
    width: 48%;
    height: 134px;
  }

  .share-group, .client-search-add-2-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-library-modal-2 {
    width: auto;
  }

  .sharing-toggle-wrapper {
    padding-top: 10px;
    padding-left: 0;
  }

  .modal-content-new-group {
    width: auto;
    max-width: 540px;
  }

  .redirect-text-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .info-wrapper {
    flex-direction: column;
  }

  .prospect-image {
    background-position: 50% 0;
    width: 90%;
    max-width: 440px;
    height: 360px;
    margin-right: 0;
  }

  .prospect-image._2 {
    background-position: 50% 0;
  }

  .bold-text-3 {
    font-size: 22px;
    line-height: 30px;
  }

  .close-modal-icon {
    width: 46px;
  }

  .message-search-wrapper-2 {
    width: 100%;
  }

  .div-block-1167 {
    padding-right: 0;
  }

  .button-survey-red {
    min-width: 180px;
  }

  .radio-button-field-8 {
    margin-bottom: 10px;
  }

  .survey-modal {
    padding-top: 0;
    overflow: auto;
  }

  .question-inner-wrapper-3 {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .question-wrapper-2-copy-2 {
    height: auto;
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow: visible;
  }

  .textarea-10 {
    width: auto;
  }

  .div-block-1190 {
    flex-direction: column;
    width: 26px;
    min-width: 26px;
    display: flex;
  }

  .quiz-answer-wrapper-3 {
    width: 100%;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 20px;
  }

  .title-h4-21.bold {
    font-size: 18px;
    line-height: 22px;
  }

  .div-block-1191 {
    position: sticky;
    bottom: 0;
  }

  .quiz-question-3 {
    width: 100%;
    min-width: 0;
    padding-right: 0;
  }

  .text-field-16 {
    width: auto;
    min-width: 0;
  }

  .top-bg-img {
    padding-right: 0;
  }

  .modal-content-quiz-2 {
    justify-content: space-between;
    width: auto;
    max-width: 100%;
    min-height: 0;
    padding-top: 10px;
  }

  .lead-form-copy {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .question-wrapper-2-copy-3 {
    min-height: 0;
    overflow: visible;
  }

  .hero-form-button-holder-3 {
    align-items: stretch;
  }

  .survey-contact-info-modal, .survey-confirmation-modal {
    z-index: 25;
    padding-top: 20px;
  }

  .div-block-1197 {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .question-header {
    flex: none;
    padding: 20px 60px;
  }

  .body-text-small {
    font-size: 16px;
    line-height: 24px;
  }

  .title-h3 {
    text-align: left;
    font-size: 22px;
    line-height: 30px;
  }

  .quiz-answer-wrapper-4 {
    width: auto;
    padding-top: 20px;
    padding-left: 20px;
  }

  .quiz-question-4 {
    width: 100%;
    min-width: 0;
    padding-right: 0;
  }

  .question-inner-wrapper-4 {
    flex-direction: column;
    align-items: flex-start;
  }

  .category-holder-2 {
    width: 196px;
  }

  .modal-wrapper-goal-wizard {
    width: auto;
  }

  .image-146 {
    width: 170px;
  }

  .hero-element-wrapper {
    align-items: flex-end;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .div-block-1439 {
    width: auto;
  }

  .section-column-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .h3-dark-5 {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark-5.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .interior-page-banner-content {
    z-index: 9;
    flex-direction: column;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 30px;
    display: block;
  }

  .div-block-913-copy {
    margin-top: 30px;
  }

  .heading-4 {
    font-size: 40px;
    line-height: 50px;
  }

  .heading-4.xl-bold-white {
    font-size: 42px;
    line-height: 52px;
  }

  .heading-4.xl-bold-white.center {
    font-size: 32px;
    line-height: 38px;
  }

  .how-it-works {
    width: auto;
    padding-right: 0;
  }

  .site-header-nav {
    align-items: center;
    padding-bottom: 0;
  }

  .landing-content-section {
    padding: 30px 30px 60px;
  }

  .disclaimertext-2 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-intereior {
    height: auto;
    min-height: 240px;
  }

  .footer-text-2 {
    display: inline-block;
  }

  .footer-links-7 {
    flex-direction: column;
    display: flex;
  }

  .div-block-1447 {
    width: 100%;
  }

  .modalcontent-12 {
    width: 90%;
    max-width: 560px;
  }

  .div-block-1450 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-1451 {
    justify-content: center;
    display: none;
  }

  .image-252 {
    width: 300px;
  }

  .top-bg-img-2 {
    padding-right: 0;
  }

  .how-it-works-2 {
    border-top-style: none;
  }

  .div-block-1575 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }

  .div-block-1576 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .image-252-copy {
    width: 280px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .shirami-logo {
    width: 170px;
  }

  .sf-notice-text {
    font-size: 14px;
    line-height: 18px;
  }

  .top-header-tab-5 {
    min-width: 90px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .menu-item-7.open-editor {
    display: none;
  }

  .modal-content-6 {
    width: auto;
  }

  .timeline-post-10:hover {
    box-shadow: none;
    border-style: solid;
  }

  .modal-content-media-copy-10 {
    width: auto;
    min-height: 440px;
  }

  .toggle-option-3 {
    width: 124px;
    font-size: 12px;
  }

  .h3-dark-6 {
    line-height: 24px;
  }

  .h3-dark-6.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .compliance-toggle {
    padding-top: 10px;
    padding-left: 0;
  }

  .calendar-top-bar-6 {
    flex-direction: column;
    align-items: flex-start;
    height: 120px;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
  }

  .plan-tile-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .feedback-flex-wrapper-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .modal-content-exercises-7 {
    width: auto;
  }

  .close-player-modal-3 {
    width: 20px;
    padding-top: 0;
  }

  .label-player-workout-name-3 {
    font-size: 18px;
    line-height: 20px;
  }

  .plans-wrapper-6 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .modal-content-groups-4 {
    width: auto;
    max-width: 540px;
  }

  .client-input-holder-5 {
    margin-left: 0;
  }

  .client-search-add-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .library-tag-6 {
    flex: none;
    display: inline-block;
  }

  .wide-header-content-2-copy-6 {
    min-height: 0;
    padding-right: 0;
  }

  .video-volume-control-4 {
    display: none;
  }

  .start-play-button-5 {
    border-width: 2px;
    width: 54px;
    min-width: 54px;
    height: 54px;
    min-height: 54px;
    margin-right: 12px;
  }

  .skip-button-5 {
    opacity: 1;
  }

  .ribbon-set-number-4 {
    width: 32px;
    height: 24px;
    padding-top: 0%;
    font-size: 14px;
  }

  .modal-content-media-9 {
    width: auto;
    min-height: 440px;
  }

  .poppins-32 {
    text-align: center;
    font-size: 32px;
  }

  .dash-toggle-option {
    width: 124px;
    font-size: 12px;
  }

  .title-h2-poppin {
    text-align: center;
    font-size: 32px;
  }

  .loader-3 {
    width: auto;
  }

  .challenge-user-view-toggle {
    width: 124px;
    font-size: 12px;
  }

  .modal-content-leads-9 {
    width: auto;
    max-width: 540px;
  }

  .item-button-bar-9 {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-content-leads-15, .modal-content-leads-16, .modal-content-leads-17, .modal-content-leads-18 {
    width: auto;
    max-width: 540px;
  }

  .personal-summary-wrapper-2 {
    width: 90%;
  }

  .legend-color-3 {
    min-width: 12px;
    min-height: 12px;
    margin-top: 2px;
    margin-right: 8px;
  }

  .wheel-section-wrapper-5 {
    order: -1;
    width: 400px;
    min-width: 400px;
    height: 480px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .label-3 {
    top: 15px;
    left: 79px;
  }

  .label-3._10 {
    left: -28px;
  }

  .label-3._5 {
    top: 355px;
    left: 363px;
  }

  .label-3._3 {
    left: 354px;
  }

  .label-3._6 {
    top: 435px;
    left: 230px;
  }

  .label-3._8 {
    top: 351px;
    left: -43px;
  }

  .label-3._9 {
    top: 230px;
    left: -63px;
  }

  .label-3._7 {
    top: 428px;
    left: 55px;
  }

  .label-3._4 {
    top: 230px;
    left: 385px;
  }

  .label-3._2 {
    top: 14px;
    left: 239px;
  }

  .wheel-holder-5 {
    width: 390px;
    min-width: 390px;
    height: 390px;
    min-height: 390px;
  }

  .heart-rate-wrapper-4 {
    padding-left: 20px;
  }

  .reaction-icon-bar-5 {
    width: 30%;
  }

  .social-section-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .audio-bottom-controls-12 {
    padding-left: 0;
    padding-right: 10px;
  }

  .workout-item-play-3 {
    opacity: 1;
  }

  .timeline-post-11:hover {
    box-shadow: none;
    border-style: solid;
  }

  .heart-rate-display-4 {
    align-items: center;
    display: flex;
  }

  .message-search-wrapper-5 {
    width: 100%;
  }

  .action-button-40.submit-form {
    width: 100%;
    min-width: 0;
  }

  .social-icon-bar-3 {
    justify-content: center;
  }

  .message-search-wrapper-2-copy {
    width: 100%;
  }

  .image-535 {
    max-width: 100%;
  }

  .workout-container-5 {
    padding-right: 20px;
  }

  .ribbon-exercise-label-5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
  }

  .countdown-wrapper-6 {
    padding-top: 20px;
  }

  .text-label-countdown-9 {
    font-size: 4em;
  }

  .player-workoutname-7 {
    flex: 1;
    display: none;
  }

  .reaction-icon-bar-6 {
    width: 30%;
  }

  .social-section-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .workout-item-play-5 {
    opacity: 1;
  }

  .image-563 {
    max-width: 100%;
  }

  .message-search-wrapper-6 {
    width: 100%;
  }

  .timeline-post-14:hover {
    box-shadow: none;
    border-style: solid;
  }

  .audio-bottom-controls-16 {
    padding-left: 0;
    padding-right: 10px;
  }

  .action-button-49.submit-form {
    width: 100%;
    min-width: 0;
  }

  .workout-container-7 {
    padding-right: 20px;
  }

  .tile-tall-24 {
    width: 48%;
    height: 134px;
  }

  .modal-content-leads-20, .modal-content-leads-21, .modal-content-leads-22, .modal-content-leads-23 {
    width: auto;
    max-width: 540px;
  }

  .inputfield-13 {
    width: 100%;
    display: inline-block;
  }

  .search-wrapper-add-users {
    width: 100%;
  }

  .modal-content-leads-37 {
    width: auto;
    max-width: 540px;
  }

  .contentbg-2 {
    background-position: 0 0, 19%;
  }

  .plan-edit-section-5 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modalcontent-24 {
    width: 90%;
    max-width: 560px;
  }

  .status-cion-5 {
    width: auto;
    padding-left: 5px;
  }

  .wide-header-content-6 {
    min-height: 0;
    padding-right: 0;
  }

  .lead-owner-ac-wrapper {
    width: 100%;
  }

  .modal-content-leads-27-copy, .modal-content-leads-39 {
    width: auto;
    max-width: 540px;
  }

  .audio-bottom-controls-19 {
    padding-left: 0;
    padding-right: 10px;
  }

  .image-603 {
    max-width: 100%;
  }

  .scoreboard-row-3 {
    width: 100%;
  }

  .modal-content-wide {
    width: auto;
    max-width: 540px;
  }

  .image-609 {
    max-width: 100%;
  }

  .tile-tall-25 {
    width: 48%;
    height: 134px;
  }

  .search-wrapper-28 {
    width: 100%;
  }

  .play-video-modal {
    width: auto;
  }

  .library-item-wrapper-12 {
    padding-left: 6px;
  }

  .search-wrapper-30 {
    width: 100%;
  }

  .pin-date-calendar-copy, .modal-content-15 {
    width: auto;
  }

  .audio-bottom-controls-21 {
    padding-left: 0;
    padding-right: 10px;
  }

  .all-items-15 {
    width: 250px;
  }

  .modal-content-username-copy-2 {
    width: auto;
  }

  .h3-dark-18 {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark-18.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .modal-content-exercises-15 {
    width: auto;
  }

  .send-copy-inner-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modalcontent-28 {
    width: 90%;
    max-width: 560px;
  }

  .image-633 {
    max-width: 100%;
  }

  .workout-name-15 {
    font-size: 20px;
    line-height: 26px;
  }

  .search-wrapper-32 {
    width: 100%;
  }

  .client-input-holder-12 {
    margin-left: 0;
  }

  .modal-content-leads-40 {
    width: auto;
    max-width: 540px;
  }

  .search-wrapper-group {
    width: 100%;
  }

  .modal-content-full {
    width: auto;
    max-width: 540px;
  }

  .plans-main-section-6 {
    width: 100%;
    margin-right: 0;
  }

  .header-wide-6 {
    min-height: 70px;
    padding-right: 20px;
  }

  .modalcontent-30 {
    width: 94%;
    max-width: 580px;
  }

  .content-pro-9 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .plan-edit-section-8 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modalcontent-31 {
    width: 90%;
    max-width: 560px;
    display: none;
  }

  .h3-dark-20 {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark-20.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .modalcontent-32 {
    width: 94%;
    max-width: 580px;
  }

  .inputfield-22 {
    width: 100%;
    display: inline-block;
  }

  .inputfield-22.short {
    display: inline-block;
  }

  .inputfield-23 {
    width: 100%;
    display: inline-block;
  }

  .div-block-3848 {
    display: block;
  }

  .search-wrapper-34 {
    width: 100%;
  }

  .modal-content-invite-to-plan-6 {
    width: 540px;
  }

  .challenge-title2-6 {
    width: 480px;
  }

  .inputfield-24 {
    width: 100%;
    display: inline-block;
  }

  .modal-content-leads-41, .modal-content-leads-42, .modal-content-leads-43, .modal-content-leads-44, .modal-content-leads-45, .modal-content-leads-46 {
    width: auto;
    max-width: 540px;
  }

  .points-label-3 {
    font-size: 24px;
  }

  .challenge-title2-7 {
    width: 480px;
  }

  .poppins-24-2 {
    text-align: center;
    font-size: 32px;
  }

  .modal-content-leads-47 {
    width: auto;
    max-width: 540px;
  }

  .label-participant-name-3 {
    font-size: 17px;
  }

  .search-wrapper-36 {
    width: 100%;
  }

  .scoreboard-table-wrapper-4 {
    width: 90%;
  }

  .inputfield-25 {
    width: 100%;
    display: inline-block;
  }

  .inputfield-25.short {
    display: inline-block;
  }

  .modalcontent-33 {
    width: 90%;
    max-width: 560px;
  }

  .div-block-3915 {
    width: auto;
  }

  .modalcontent-34 {
    width: 90%;
    max-width: 560px;
  }

  .div-block-3917 {
    width: auto;
  }

  .modalcontent-35 {
    width: 90%;
    max-width: 560px;
  }

  .div-block-3919 {
    width: auto;
  }

  .modalcontent-36 {
    width: 90%;
    max-width: 560px;
  }

  .submitbutton-34.small {
    width: auto;
    min-width: 160px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .modalcontent-signup {
    width: 90%;
    max-width: 560px;
  }

  .modal-email-matches {
    padding-top: 40px;
  }

  .email-holder {
    padding-top: 10px;
  }

  .footer-5 {
    margin-bottom: 15px;
  }

  .form-102 {
    margin-left: 0;
    margin-right: 0;
  }

  .card-input-6 {
    color: #312b3d;
    width: auto;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
  }

  .form-block-120 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .error-holder-4 {
    width: auto;
  }

  .inputfield-26 {
    width: 100%;
    display: inline-block;
  }

  .checkbox-33.terms {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    margin-right: 0;
    display: flex;
  }

  .h1-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 44px;
  }

  .footer-links-9 {
    padding-bottom: 20px;
    display: block;
  }

  .form-block-121 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .textlink-18 {
    text-align: center;
  }

  .image-665 {
    max-width: 100%;
  }

  .tile-tall-30 {
    width: 48%;
    height: 134px;
  }

  .search-wrapper-37 {
    width: 100%;
  }

  .library-item-wrapper-14 {
    padding-left: 6px;
  }

  .simple-right-click-menu {
    width: auto;
  }

  .action-button-59.weblink, .search-wrapper-41 {
    width: 100%;
  }

  .library-tag-9 {
    flex: none;
    display: inline-block;
  }

  .paragraph-ac-wrapper, .search-wrapper-42 {
    width: 100%;
  }

  .label-participant-name-5 {
    font-size: 17px;
  }

  .modal-team-inner-wrapper-2 {
    width: auto;
    max-width: 540px;
  }

  .points-label-4 {
    font-size: 24px;
  }

  .challenge-title2-9 {
    width: 480px;
  }

  .form-header {
    padding: 30px 22px 10px;
  }

  .submitted {
    padding-left: 40px;
    padding-right: 40px;
  }

  .whisper-5 {
    width: auto;
  }

  .form-element-div {
    margin-top: 20px;
    padding-left: 26px;
    padding-right: 26px;
  }

  .radio-button-3 {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }

  .text-element-2 {
    font-size: 16px;
    line-height: 26px;
  }

  .form-h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .header-wrapper {
    justify-content: flex-start;
    position: sticky;
    inset: 0 0% auto;
  }

  .header-wrapper.questionnaire {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .div-block-4687 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .radio-button-field-24 {
    display: flex;
  }

  .form-120 {
    padding-bottom: 40px;
  }

  .image-743 {
    width: 170px;
  }

  .hidden-2 {
    margin-top: -10px;
  }

  .div-block-4692 {
    min-width: 20px;
  }

  .loader-8 {
    width: auto;
  }

  .checkbox-38 {
    margin-left: 0;
    margin-right: 10px;
  }

  .section-content-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .div-block-5470 {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .overview-block-2 {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .list-section {
    width: 100%;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-section.white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-header-wrapper-w {
    justify-content: flex-start;
    position: sticky;
    inset: 0 0% auto;
  }

  .page-element-block-landing {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section-2 {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section-2.lite-blue {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .list-med {
    font-size: 18px;
    line-height: 28px;
  }

  .hero-form-button-holder-5 {
    align-items: stretch;
  }

  .footer-links-3 {
    flex-direction: column;
    display: flex;
  }

  .screenshot-holder {
    background-size: 50%;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    padding-top: 80%;
  }

  .column-wide-landing {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .social-icon-holder {
    margin-right: 20px;
  }

  .image-745 {
    width: 90%;
    max-width: none;
    margin-top: 20px;
  }

  .footer-text-3 {
    display: inline-block;
  }

  .text-element {
    font-size: 16px;
    line-height: 26px;
  }

  .div-block-4662-copy {
    padding-left: 30px;
  }

  .div-block-5469 {
    padding-right: 20px;
  }

  .sign-up-form {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .image-746 {
    width: 170px;
  }

  .challenge-landing {
    padding: 40px 20px 60px;
  }

  .div-block-5472 {
    width: auto;
  }

  .list-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modalcontent-37 {
    width: 90%;
    max-width: 560px;
  }

  .heading-27 {
    font-size: 38px;
    line-height: 44px;
  }

  .text-block-501 {
    font-size: 20px;
    line-height: 30px;
  }

  .h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .heading-9 {
    font-size: 32px;
    line-height: 40px;
  }

  .search-wrapper-6-copy-copy {
    width: 100%;
  }

  .modal-content-wide-programs {
    width: auto;
    max-width: 540px;
  }

  .loader-9 {
    width: auto;
  }

  .text-label-small-13 {
    font-size: 1.2em;
    position: relative;
  }

  .text-label-small-13.vertical {
    padding-bottom: 0;
  }

  .library-tab-bar-7 {
    justify-content: space-between;
    width: 100%;
  }

  .start-button-9 {
    top: -20%;
  }

  .image-772 {
    max-width: 100%;
  }

  .player-modal-top-bar-10 {
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 10px;
    display: flex;
  }

  .video-section-14 {
    margin-top: 0;
    position: relative;
  }

  .inputfield-31 {
    width: 100%;
    display: inline-block;
  }

  .exercise-layer-8 {
    display: none;
  }

  .time-label-8 {
    font-size: 14px;
  }

  .inputfield-32 {
    width: 100%;
    display: inline-block;
  }

  .action-button-65.player-form {
    width: 100%;
    min-width: 0;
  }

  .control-buttons-9 {
    top: -20%;
  }

  .modal-content-calendar-14 {
    width: auto;
  }

  .image-776 {
    max-width: 100%;
  }

  .bottom-label-holder-14 {
    bottom: 30px;
  }

  .bottom-label-holder-14.vertical {
    position: absolute;
    bottom: 100px;
  }

  .modal-player-content-10 {
    width: auto;
    margin-top: 0%;
    padding-top: 0;
  }

  .modal-content-media-copy-16 {
    width: auto;
    min-height: 440px;
  }

  .plans-wrapper-11 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .search-wrapper-47 {
    width: 100%;
  }

  .progress-bar-volume-wrapper-17 {
    padding-bottom: 10px;
  }

  .control-buttons-10 {
    top: -20%;
  }

  .text-label-set-rep-9 {
    font-size: 1.2em;
  }

  .text-label-medium-9 {
    padding-bottom: 10px;
    font-size: 1.5em;
  }

  .text-label-medium-9.start {
    font-size: 2em;
  }

  .bottom-label-holder-15 {
    bottom: 30px;
  }

  .calendar-top-bar-18 {
    flex-direction: column;
    align-items: flex-start;
    height: 120px;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
  }

  .input-component-holder-15 {
    background-color: #0000;
    max-height: none;
  }

  .workout-name-19 {
    font-size: 20px;
    line-height: 26px;
  }

  .paused-button-holder-8 {
    padding-bottom: 10px;
    display: none;
    bottom: 44%;
    right: 0;
  }

  .post-editor-modal-12 {
    width: auto;
  }

  .text-label-large-9 {
    font-size: 2.2em;
  }

  .media-library-modal-9 {
    width: auto;
  }

  .progress-bar-volume-wrapper-18 {
    background-image: linear-gradient(to top, #0009 20%, #0000);
    padding-bottom: 10px;
  }

  .tile-tall-36 {
    width: 48%;
    height: 134px;
  }

  .all-items-19 {
    width: 250px;
  }

  .exercise-info-wrapper-9 {
    padding-top: 20px;
    padding-left: 14px;
  }

  .modal-close-player-8 {
    z-index: 6;
    justify-content: center;
    width: 42px;
    margin-right: 10px;
    padding: 8px 0 5px;
  }

  .feedback-container-9 {
    height: auto;
    padding-top: 0;
    position: relative;
    overflow: auto;
  }

  .player-play-pause-button-8 {
    border-width: 3px;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }

  .tile-tall-37 {
    width: 48%;
    height: 134px;
  }

  .tile-tall-37.long {
    width: 48%;
  }

  .wide-header-content-9 {
    min-height: 0;
    padding-right: 0;
  }

  .text-label-small-15 {
    font-size: 1.2em;
  }

  .text-label-countdown-13 {
    font-size: 3em;
  }

  .text-label-countdown-13.small {
    font-size: 2.4em;
  }

  .action-button-67.weblink {
    width: 100%;
  }

  .action-button-67.submit-form {
    width: auto;
  }

  .audio-bottom-controls-35 {
    padding-left: 0;
    padding-right: 10px;
  }

  .library-item-wrapper-18 {
    padding-left: 6px;
  }

  .h3-dark-23 {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark-23.left {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    display: flex;
  }

  .div-block-4708 {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .h2-white-2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
  }

  .h1-4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 44px;
  }

  .div-block-5754 {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .contentbg-3 {
    background-position: 0 0, 30%;
    padding-bottom: 0;
  }

  .timeline-item-hover {
    width: auto;
  }

  .timeline-post-hover:hover {
    box-shadow: none;
    border-style: solid;
  }

  .label-participant-name-6 {
    font-size: 17px;
  }

  .points-label-5 {
    font-size: 24px;
  }

  .search-wrapper-programs, .message-search-wrapper-11 {
    width: 100%;
  }

  .poppins-24-8 {
    text-align: center;
    font-size: 32px;
  }

  .image-810 {
    max-width: 100%;
  }

  .challenge-title2-14 {
    width: 480px;
  }

  .modal-content-leads-67, .modal-content-leads-68 {
    width: auto;
    max-width: 540px;
  }

  .timeline-post-21:hover {
    box-shadow: none;
    border-style: solid;
  }

  .modal-edit-team-4 {
    width: auto;
  }

  .search-wrapper-48 {
    width: 100%;
  }

  .image-814 {
    max-width: 100%;
  }

  .social-icon-bar-10 {
    justify-content: center;
  }

  .social-section-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .audio-bottom-controls-39 {
    padding-left: 0;
    padding-right: 10px;
  }

  .scoreboard-table-wrapper-11 {
    width: 90%;
  }

  .modal-content-leads-69, .modal-content-leads-70 {
    width: auto;
    max-width: 540px;
  }

  .search-wrapper-49 {
    width: 100%;
  }

  .modal-content-wide-4 {
    width: auto;
    max-width: 540px;
  }

  .audio-bottom-controls-40 {
    padding-left: 0;
    padding-right: 10px;
  }

  .header-image-2 {
    height: auto;
    min-height: 200px;
    padding-top: 56.25%;
  }

  .header-image-2.cienna {
    background-position: 50%, 50%;
    background-size: contain, cover;
  }

  .div-block-4699 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .logo-wrapper {
    justify-content: center;
    padding: 10px;
    position: relative;
  }

  .challenge-title-2 {
    text-align: center;
  }

  .poppins-34 {
    font-size: 28px;
    line-height: 36px;
  }

  .waitlist-form {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .header-wrapper-white {
    justify-content: flex-start;
    height: 60px;
  }

  .poppins-22 {
    font-size: 18px;
    font-weight: 400;
  }

  .logo-2 {
    width: 170px;
  }

  .submit-button-51 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    display: flex;
  }

  .poppins-body-text-60._16-copy {
    text-align: left;
    font-size: 15px;
  }

  .hero-form-button-holder-7 {
    align-items: stretch;
  }

  .paragraph-2 {
    color: #0009;
    text-align: left;
  }

  .paragraph-2.supersmall.left {
    font-weight: 300;
  }

  .paragraph-2.smalltext.plan {
    align-items: center;
    line-height: 16px;
    display: flex;
  }

  .tip-amount-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h4-2.account {
    font-size: 16px;
  }

  .h4-2.account.table {
    font-size: 15px;
  }

  .status-cion-6 {
    width: auto;
    padding-left: 5px;
  }

  .modal-content-long-4 {
    width: 480px;
  }

  .submit-button-holder-10 {
    justify-content: center;
  }

  .div-block-5877, .error-holder-6 {
    width: auto;
  }

  .h3-dark-26 {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark-26.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .h3-dark-26.account.centered {
    text-align: center;
    margin-bottom: 5px;
  }

  .bar-5 {
    padding-left: 20px;
  }

  .card-input-8 {
    color: #312b3d;
    width: auto;
    font-family: Work Sans, sans-serif;
    font-size: 16px;
  }

  .modalcontent-40 {
    width: 90%;
    max-width: 560px;
  }

  .modalcontent-40.wide {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .h3-dark-27 {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark-27.formtitle {
    font-size: 22px;
  }

  .stripe-status-wrapper-4 {
    padding-left: 10px;
    padding-right: 30px;
  }

  .stripe-status-wrapper-4.new {
    padding-left: 20px;
  }

  .submit-button-holder-12 {
    justify-content: center;
  }

  .inputfield-34 {
    width: 100%;
    display: inline-block;
  }

  .inputfield-34.short {
    display: inline-block;
  }

  .button-tipping-4 {
    background-size: 22px;
    width: 180px;
    height: 40px;
    padding-top: 10px;
    font-size: 14px;
  }

  .modalcontent-41 {
    width: 90%;
    max-width: 560px;
    display: block;
  }

  .modalcontent-41.wide, .modalcontent-41.stripe {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .alert-img-4 {
    width: 18px;
    height: 18px;
  }

  .submitbutton-38 {
    font-size: 16px;
  }

  .list-item-19.small {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .submitbutton-39.form {
    width: 200px;
    margin-right: 8px;
  }

  .submitbutton-39.form {
    width: 200px;
    margin-right: 8px;
  }

  .submitbutton-39.form.cancel.close-modal {
    margin-left: 8px;
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    text-shadow: none;
    font-size: 36px;
    line-height: 46px;
  }

  h2 {
    text-shadow: none;
    font-size: 26px;
    line-height: 31px;
  }

  h4 {
    font-size: 16px;
    line-height: 20px;
  }

  p {
    text-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .footer {
    color: #b4b4b4;
    margin-bottom: 20px;
    font-size: 13px;
  }

  .h1-headline {
    padding-top: 0;
    font-size: 32px;
    line-height: 36px;
  }

  .h1-headline.white {
    line-height: 40px;
  }

  .submitbutton {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton.complete {
    width: 100%;
  }

  .submitbutton.grey {
    width: 220px;
  }

  .submitbutton.grey.close-modal {
    display: block;
  }

  .submitbutton.small {
    width: 220px;
  }

  .submitbutton.small.short {
    width: 180px;
  }

  .submitbutton.form {
    width: 220px;
    margin-right: 0;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-right: 0;
  }

  .submitbutton.login {
    width: 90%;
  }

  .submitbutton.white {
    width: 300px;
  }

  .submitbutton.outline {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .submitbutton.supersmall {
    min-width: 90px;
  }

  .submitbutton.form {
    width: 220px;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .submitbutton.form {
    width: 220px;
    margin-left: 0;
    margin-right: 0;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .input {
    width: 200px;
    height: 30px;
    font-size: 15px;
    line-height: 25px;
  }

  .headlinesmall {
    text-align: center;
    background-color: #0000;
    padding: 14px 0;
    font-size: 18px;
    line-height: 25px;
  }

  .headlinesmall.light {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    font-size: 22px;
  }

  .paragraph {
    text-align: center;
    background-color: #fffc;
    width: 100%;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph.left {
    text-align: center;
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .paragraph.small {
    text-align: center;
    background-color: #0000;
    padding: 14px 0;
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph.supersmall {
    background-color: #0000;
  }

  .paragraph.supersmall.left {
    text-align: left;
  }

  .paragraph.blurb {
    background-color: #0000;
    padding-bottom: 8px;
  }

  .paragraph.video {
    text-align: left;
    padding-left: 0;
  }

  .paragraph.white {
    background-color: #0000;
    padding: 0;
    font-weight: 400;
  }

  .paragraph.center {
    font-size: 13px;
    line-height: 20px;
  }

  .paragraph.alt {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .paragraph.xsmall {
    text-align: left;
    background-color: #0000;
    padding-bottom: 0;
    padding-left: 0;
  }

  .paragraph.smalltext {
    text-align: left;
    background-color: #0000;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .paragraph.smalltext.plan {
    font-size: 12px;
    line-height: 15px;
  }

  .paragraph.smalltext.payment {
    font-size: 12px;
    line-height: 14px;
  }

  .paragraph.smalltext-copy {
    text-align: left;
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .h2-white {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 18px;
    line-height: 20px;
  }

  .h2-white.big {
    padding-top: 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .h2-white.alt.thin {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .h3-white {
    padding-bottom: 0;
    padding-left: 0;
  }

  .h3-white.login {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
  }

  .h3-white.alt {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .h2-dark {
    width: auto;
    font-size: 30px;
    line-height: 36px;
  }

  .h2-dark.small {
    width: 100%;
    font-size: 24px;
    line-height: 30px;
  }

  .h2-dark.bold {
    font-size: 20px;
    line-height: 26px;
  }

  .twmheader.login {
    display: block;
    position: static;
  }

  .twmbranding {
    flex-direction: row;
    justify-content: center;
    display: flex;
  }

  .contentheaderarea {
    padding-top: 40px;
  }

  .checkbox.terms {
    justify-content: center;
    width: auto;
    margin-left: auto;
    display: flex;
  }

  .contentbg {
    overflow: visible;
  }

  .h1 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .h1.big {
    font-size: 32px;
    line-height: 38px;
    top: 66px;
  }

  .h1._44 {
    font-size: 32px;
    line-height: 40px;
  }

  .radio.type {
    width: 25px;
  }

  .radio-choice {
    justify-content: center;
    align-self: flex-start;
    width: 280px;
    display: block;
  }

  .radio-choice.type {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100px;
    margin-left: 15px;
    margin-right: 0;
    display: flex;
  }

  .textarea {
    width: 100%;
  }

  .labelsmall {
    line-height: 20px;
  }

  .dropdown.gift {
    width: 100%;
  }

  .twm-logo.email {
    width: 56%;
  }

  .disclaimer {
    align-self: center;
    width: auto;
  }

  .agreement-label {
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    width: 94%;
    padding-left: 10px;
    display: block;
  }

  .connect {
    width: 100%;
    margin-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h4 {
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 24px;
  }

  .h4.login {
    padding-top: 16px;
    font-size: 16px;
    line-height: 20px;
  }

  .h4.account {
    font-size: 16px;
    line-height: 20px;
  }

  .h4.account.bold, .h4.account.table {
    line-height: 20px;
  }

  .h4.account {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: block;
  }

  .h4.account.table {
    line-height: 20px;
  }

  .h4.h3-white {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .h4.payment {
    margin-top: 8px;
  }

  .h4.h3-white {
    padding-top: 20px;
    font-size: 18px;
    line-height: 18px;
  }

  .payment {
    padding-left: 0;
    padding-right: 0;
  }

  .payment.fc {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-input, .error-holder {
    width: auto;
  }

  .login-button {
    margin-right: 10px;
  }

  .login-button._2 {
    width: 60px;
  }

  .login-button.subscribe {
    height: 34px;
  }

  .login-label {
    padding-top: 0;
    font-size: 12px;
    line-height: 14px;
  }

  .loginbackground {
    background-image: linear-gradient(to bottom, null, null), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0, 63%;
  }

  .loginheader {
    padding-top: 44px;
  }

  .content-block {
    width: 100%;
    height: auto;
    padding-top: 16px;
    top: 0;
    left: 0;
    right: 0;
  }

  .inputfield {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield.short.edit-plan-name {
    display: inline-block;
  }

  .inputfield.short, .inputfield.disabled {
    width: 100%;
  }

  .h3-dark {
    font-size: 18px;
    line-height: 20px;
  }

  .h3-dark.video {
    justify-content: center;
  }

  .h3-dark.thin {
    font-size: 18px;
    line-height: 22px;
  }

  .h3-dark.formtitle {
    font-size: 18px;
  }

  .h3-dark.alt {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .h3-dark.left {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .h3-dark.thin {
    font-size: 18px;
    line-height: 22px;
    display: block;
  }

  .dash-background {
    background-position: 66% 41%;
    background-size: 1600px;
    margin-top: 0;
    padding-top: 0;
  }

  .dash-background.client {
    margin-top: 0;
  }

  .dash-background.redirect {
    margin-top: 0;
    padding-top: 0;
  }

  .tips {
    padding-top: 20px;
    padding-left: 0;
  }

  .tips.troubleshoot {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bank-info.account {
    align-items: center;
    display: flex;
  }

  .list {
    padding-left: 20px;
  }

  .list.error, .list.error-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-item {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .list-item.small {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
  }

  .video-holder {
    width: 100%;
  }

  .video-holder.upload-exercise {
    min-height: 180px;
  }

  .content-container.white {
    padding-left: 10px;
    padding-right: 10px;
  }

  .video-text {
    padding-top: 14px;
    padding-bottom: 21px;
  }

  .modalcontent {
    width: 100%;
    overflow: visible;
  }

  .modalcontent.wide {
    width: 100%;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modalclosediv {
    padding-left: 0;
  }

  .div-block-3 {
    flex-direction: column;
    align-items: center;
    width: 90%;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .textlink.show-if-trainer {
    padding-left: 15px;
  }

  .div-block-4 {
    flex-direction: column;
    width: 240px;
  }

  .text-block {
    font-size: 14px;
  }

  .modalfailedfblogin {
    display: none;
  }

  .account-dropdown, .account-dropdown.show-after-initialize {
    height: 60px;
  }

  .dropdown-toggle {
    padding-bottom: 0;
  }

  .content-wrapper-grey {
    padding: 26px 0 0;
  }

  .account-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .account-section.show-after-initialize {
    padding-left: 14px;
    padding-right: 14px;
  }

  .account-section.payment-method.show-after-initialize.hidden {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .fb-photo.large {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }

  .submit-button-holder {
    flex-direction: column;
    align-items: center;
  }

  .individualfields, .companyfields {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav {
    height: 140px;
    position: static;
  }

  .footer-links {
    flex-direction: column;
    padding-top: 18px;
  }

  .create-account {
    max-width: 86%;
  }

  .modalcreateaccountemail {
    padding-top: 20px;
  }

  .small-text {
    padding-right: 5px;
    line-height: 16px;
  }

  .small-text.red {
    font-size: 12px;
  }

  .featured-trainers {
    padding-bottom: 30px;
  }

  .trainer-container {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
  }

  .trainer {
    width: auto;
    margin-top: 35px;
    display: flex;
  }

  .circle-pic.colin {
    background-size: 130px;
    width: 120px;
    height: 120px;
  }

  .circle-pic.mara {
    background-size: 130px;
    width: 130px;
    height: 130px;
  }

  .circle-pic.jeremias {
    background-size: 350px;
    width: 120px;
    height: 120px;
  }

  .div-block-29 {
    padding-top: 20px;
  }

  .trainer-row {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 0;
  }

  .trainer-layout {
    min-width: 160px;
    max-width: 340px;
  }

  .signup-blocks {
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .heading-help {
    align-items: center;
    height: 180px;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .heading-help.client {
    align-items: center;
    padding-top: 30px;
  }

  .nav-home {
    width: 60px;
  }

  .nav-container {
    flex: 0 auto;
    width: auto;
    display: flex;
  }

  .navlink.mobile:hover {
    background-color: #fff0;
  }

  .navlink.mobile.w--current {
    color: #00528c;
    background-color: #fff;
  }

  .brand {
    flex-direction: row;
    padding-left: 0;
  }

  .brand.w--current {
    padding-top: 16px;
  }

  .navheader {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navheader.mobile {
    z-index: 9999;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .navheader.blog {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 98px;
    padding-top: 20px;
  }

  .navbutton {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 48px;
    display: flex;
    position: relative;
  }

  .nav-menu {
    border: 1px solid #c7c7c7;
    width: auto;
    display: block;
    position: fixed;
  }

  .image-11 {
    width: 166px;
  }

  .loginbutton {
    width: 60px;
  }

  .div-block-40 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cta-block {
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .plan-block {
    margin-top: 5px;
    padding-top: 10px;
  }

  .plan-block.subscription {
    padding-left: 0;
  }

  .plan-block.recipient {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-left: -10px;
  }

  .plan-block.payer, .plan-block.price-billing {
    padding-left: 0;
  }

  .plan-block.recipient {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-right: 10px;
  }

  .plan-block.plan-trainer-name {
    padding-left: 0;
  }

  .plan-block.trial {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-right: 10px;
  }

  .plan-info {
    align-items: flex-start;
    padding-left: 10px;
  }

  .plan-info.name {
    width: 100%;
  }

  .plan-info.name.long {
    width: auto;
    padding-right: 10px;
  }

  .plan-info.price, .plan-info.trial, .plan-info.plan, .plan-info.renewal {
    width: 100%;
  }

  .plan-info.renewal, .plan-info.plan, .plan-info.plan-name, .plan-info.billed-to, .plan-info.plan, .plan-info.plan {
    width: 100%;
    padding-left: 10px;
  }

  .modalnewplan {
    display: none;
    overflow: auto;
  }

  .modal-content-long {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .outlined-box {
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .outlined-box.trial {
    padding-top: 10px;
    padding-right: 10px;
  }

  .checkbox-label {
    font-size: 14px;
    line-height: 18px;
  }

  .checkbox-label.small {
    margin-bottom: 0;
    padding-top: 4px;
    font-size: 14px;
    line-height: 18px;
  }

  .button-small.update-payment-button {
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
  }

  .button-small.update-plan-button {
    margin-bottom: 0;
  }

  .gift {
    margin-top: 20px;
  }

  .form-block-4 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-3 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .checkbox-field {
    align-items: center;
    padding-left: 10px;
  }

  .gift-info {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .form-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .form-block-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-block-5.fc {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-logo {
    width: 240px;
  }

  .div-block-78 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    margin-top: 20px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    display: flex;
  }

  .link-block-6 {
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .image-21 {
    width: 55%;
    min-width: 100px;
  }

  .sign-up-banner {
    padding-top: 80px;
    padding-bottom: 20px;
  }

  .container-7 {
    margin-top: 20px;
  }

  .div-block-81 {
    margin-top: 0;
    padding-top: 0;
  }

  .div-block-82 {
    margin-top: 0;
  }

  .button-group-training {
    width: 300px;
    margin: 0 auto 10px;
    padding-top: 18px;
    font-size: 18px;
    display: block;
  }

  .group-training {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/plank-blurred.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    padding-top: 0;
    padding-bottom: 27px;
  }

  .payment-summary {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 14px;
    padding-right: 10px;
    display: block;
  }

  .error-status-holder {
    padding-left: 5px;
  }

  .payment-expanded {
    padding-bottom: 14px;
    padding-left: 14px;
    display: flex;
  }

  .payment-client-heading {
    padding-bottom: 0;
  }

  .plan-column {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .amount-column {
    padding-left: 0;
    padding-right: 0;
  }

  .day {
    font-size: 18px;
    line-height: 18px;
  }

  .message-holder {
    height: auto;
    padding-top: 20px;
    padding-bottom: 44px;
  }

  .link-block-8 {
    height: 24px;
  }

  .tip-amount {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-refund-button, .div-failed, .div-trial-end-date, .div-refund-note {
    justify-content: flex-start;
  }

  .month {
    font-size: 14px;
    line-height: 14px;
  }

  .payment-client-details {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pie-chart {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-101 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
  }

  .plan-details, .exercise-row {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .exercise-holder {
    padding-left: 0;
  }

  .modal-content-exercises {
    width: 100%;
  }

  .navbar {
    background-color: #0000;
  }

  .form-9 {
    flex-direction: column;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .subscription-button-holder {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 10px;
  }

  .modal-tip {
    padding-top: 20px;
  }

  .cc-exists, .enter-cc {
    margin-top: 20px;
  }

  .tip-payment {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .next-button-holder {
    flex-direction: column;
  }

  .payment-info-wrapper, .success, .success.hidden {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modaleditplan {
    padding-top: 0;
    display: none;
    overflow: auto;
  }

  .modalchangedefault {
    display: none;
  }

  .gray-box-modal {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .subscription-header-div {
    align-items: center;
  }

  .div-block-190 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 0;
    display: flex;
  }

  .cc-input {
    padding-top: 12px;
  }

  .menu-button {
    background-color: #ffffff8f;
    margin-top: 12px;
    margin-left: 12px;
    padding: 10px;
    display: block;
  }

  .text-40 {
    padding-top: 0;
    font-size: 32px;
    line-height: 36px;
  }

  .text-40.left {
    font-size: 28px;
    line-height: 34px;
  }

  .payment-label {
    font-size: 14px;
    line-height: 20px;
  }

  .button-tipping {
    background-size: 22px;
    width: 160px;
    height: 40px;
    margin-top: 14px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    font-size: 14px;
    display: block;
  }

  .tipping-button-holder {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
  }

  .tipmodallabelsmall {
    font-size: 14px;
    line-height: 20px;
  }

  .tipmodallabelsmall.bold {
    font-size: 15px;
  }

  .form-13 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .form-block-6 {
    width: 100%;
    margin-bottom: 5px;
  }

  .div-block-231 {
    width: auto;
  }

  .text-24 {
    font-size: 18px;
    line-height: 22px;
  }

  .leaderboard-row {
    background-color: #ffffff40;
    border-radius: 6px;
    width: 100%;
    min-height: 60px;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
    position: relative;
  }

  .leader-row-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .sf-15 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-15.semi {
    font-family: Sf ui text, sans-serif;
    font-weight: 600;
  }

  .sf-15.semi.white {
    display: block;
  }

  .sf-15.white {
    color: #fff;
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
    line-height: 22px;
  }

  .rank {
    justify-content: center;
    align-items: flex-start;
    width: 30px;
    padding-top: 10px;
    display: flex;
  }

  .sf-18 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .sf-18.white {
    color: #fff;
    font-family: Sf ui text, sans-serif;
  }

  .sf-18.white.opacity {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
  }

  .sf-18.bold {
    font-weight: 700;
  }

  .sf-18.bold.blue {
    color: #00528c;
  }

  .leaderboard-profile {
    width: 46px;
    height: 46px;
  }

  .leaderboard-profile.initials {
    background-color: #1668a3;
  }

  .leader-profile {
    justify-content: center;
    align-items: flex-start;
    padding-top: 8px;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
  }

  .leader-name {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
  }

  .points {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 136px;
    margin-left: 4px;
    padding-top: 0;
    padding-right: 12px;
    display: flex;
    position: absolute;
    top: 8px;
    right: 0;
    overflow: visible;
  }

  .sf-22 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 28px;
  }

  .sf-22.white {
    color: #fff;
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
  }

  .leaderboard {
    background-color: #eef5fa;
    background-image: linear-gradient(315deg, #00528c 36%, #00b2ed);
    height: 468px;
    min-height: 468px;
    padding: 14px;
    transition: opacity 1s;
    position: relative;
  }

  .sf-12 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-12.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-12.white.label {
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
  }

  .sf-12.white.hide {
    display: none;
  }

  .sf-12.white-right {
    color: #ffffffd6;
    text-align: right;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .daily-score {
    opacity: 1;
    background-color: #fff;
    border-top: 1px solid #cdd5da;
    border-bottom: 1px solid #cdd5da;
    height: 270px;
    padding: 0 0 14px;
    transition: opacity 1s;
    position: relative;
  }

  .score-row {
    background-color: #f4f4f4;
    border-radius: 6px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    margin: 6px 0 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    position: static;
  }

  .sf-28 {
    font-family: Sf ui text, sans-serif;
    font-size: 28px;
    line-height: 34px;
  }

  .sf-28.blue {
    color: #00528c;
  }

  .sf-28.blue.semi, .sf-28.semi {
    font-weight: 600;
  }

  .text-points {
    font-size: 11px;
  }

  .daily-score-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .total-points {
    background-color: #fff;
    border-radius: 6px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    position: static;
  }

  .score-breakdown-activity {
    align-items: center;
    display: flex;
  }

  .score-img {
    background-color: #4e9dd3;
    border-style: none;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }

  .score-img.workout {
    background-color: #2196f3;
    background-image: url('../images/icon-dumbbell_1icon-dumbbell.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
  }

  .score-img.steps {
    background-color: #ec407a;
    background-image: url('../images/icon-walk_1icon-walk.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28px;
  }

  .score-img.miles {
    background-color: #00acc1;
    background-image: url('../images/icon-distance_1icon-distance.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28px;
  }

  .sf-16 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-16.white {
    color: #fff;
  }

  .sf-16.semi {
    font-weight: 600;
  }

  .sf-16.semi.white.center {
    text-align: center;
  }

  .dailyscore-header {
    background-color: #2278b3;
    background-image: linear-gradient(270deg, #5c6bc0, #7e57c2);
    align-items: center;
    height: 42px;
    padding-left: 14px;
    padding-right: 0;
    display: flex;
  }

  .heart-rate-wrapper {
    opacity: 1;
    background-color: #494949;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    height: 126px;
    padding: 0 0 14px;
    transition: opacity 1s;
    position: relative;
  }

  .heart-rate-display {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 8px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    position: static;
  }

  .sf-34 {
    font-family: Sf ui text, sans-serif;
    font-size: 34px;
    line-height: 34px;
  }

  .sf-34.white {
    color: #fff;
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
  }

  .sf-34.semi {
    font-weight: 600;
    line-height: 40px;
  }

  .sf-34.semi.white {
    font-size: 34px;
    line-height: 40px;
  }

  .heart-rate-header {
    background-color: #0000;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 14px 0 4px 14px;
    display: flex;
  }

  .heart {
    margin-right: 12px;
  }

  .text-span-24 {
    padding-left: 6px;
  }

  .streak-wrapper {
    background-color: #4a148c;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-style: none;
    border-top-width: 0;
    border-top-color: #0000;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    transition: background-color .2s;
    display: flex;
  }

  .streak-content {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .streak-number {
    background-color: #dd2c00;
    border: 8px solid #ff5722;
    border-radius: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 106px;
    margin-top: 12px;
    margin-bottom: 28px;
    padding-top: 8px;
    transition: background-color 1s;
    display: flex;
    position: relative;
  }

  .div-block-260 {
    background-color: #fff;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 21px;
    padding-top: 2px;
    display: flex;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
  }

  .text-span-25 {
    font-weight: 700;
  }

  .sf-11 {
    font-family: Sf ui text, sans-serif;
    font-size: 11px;
    line-height: 14px;
  }

  .text-26, .text-year {
    font-size: 18px;
    line-height: 22px;
  }

  .workout-name {
    font-size: 18px;
    line-height: 20px;
  }

  .edit-button-holder {
    flex-direction: column;
    align-items: center;
  }

  .div-block-197 {
    min-height: 46px;
  }

  .text-date.grey, .text-duration {
    font-size: 14px;
    line-height: 20px;
  }

  .date-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .calories, .duration {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 24px;
    position: static;
  }

  .sf-13, .sf-52 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-52.dark-blue {
    font-size: 16px;
  }

  .sf-52.white {
    font-size: 14px;
  }

  .sf-19, .sf-55 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-55.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-55.center {
    font-size: 18px;
  }

  .sf-15-med {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-57 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-57.center {
    font-size: 15px;
    line-height: 20px;
  }

  .plan-tile {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    max-width: 400px;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .button-select-plan {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-title.semi-center {
    font-size: 20px;
    line-height: 26px;
  }

  .nav-reset-password {
    position: static;
  }

  .text-21 {
    font-size: 18px;
    line-height: 26px;
  }

  .delete-client {
    position: relative;
  }

  .sf-51 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-51.white {
    color: #ffffffd6;
    display: block;
  }

  .submit-save-button-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-3.cancel {
    text-align: center;
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .sf-58 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-58.light-center {
    font-size: 14px;
    line-height: 20px;
  }

  .workout-name-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .client-row {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-content-scheduled, .modal-content {
    width: 100%;
  }

  .quote-wrapper {
    border-top: 1px solid #cdd5da;
    border-bottom: 1px solid #cdd5da;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 320px;
    display: block;
  }

  .continue-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-14 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .twm-spinner {
    width: 80px;
    height: 80px;
  }

  .sf-15-med-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .button-holder {
    flex-direction: column;
    width: auto;
  }

  .small-text-2 {
    padding-right: 5px;
    line-height: 16px;
  }

  .checkbox-label-14, .checkbox-label-16 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-60 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-calendar-2 {
    width: 100%;
  }

  .sf-49 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-49.white.center.shadow {
    text-shadow: 1px 1px 2px #000, 1px 1px 6px #000;
  }

  .button-today-3 {
    width: 64px;
    margin-left: 5px;
  }

  .sf-19-copy {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .by-line {
    margin-top: 20px;
  }

  .sf-26 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-26.white.light {
    font-size: 22px;
  }

  .edit-add-tag {
    font-size: 12px;
    line-height: 18px;
  }

  .quote-text-wrapper {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .empty-client-list {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-50 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .sf-50.white {
    color: #fff;
    font-family: Sf ui text, sans-serif;
  }

  .sf-50.white.center.shadow {
    text-shadow: 1px 1px 2px #000, 1px 0 6px #000;
  }

  .sf-61 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .submit-button-small {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .client-name-div {
    width: auto;
  }

  .modal-content-calendar {
    width: 100%;
  }

  .submit-save-button-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-2.cancel {
    text-align: center;
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .submit-button-small-5 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-55 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-55.light {
    font-size: 22px;
    line-height: 26px;
  }

  .tooltip, .modal-content-upload {
    width: 100%;
  }

  .modal-content-media-2 {
    width: 100%;
    min-height: 350px;
  }

  .calendar-top-bar-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .text-34 {
    font-size: 18px;
    line-height: 22px;
  }

  .empty-preview-message {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-62 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-62.white {
    color: #ffffffd6;
    display: block;
  }

  .text-tooltip {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .plan-tile-preview {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    max-width: 400px;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .whisper {
    width: 100%;
  }

  .button-today-2 {
    width: 64px;
    margin-left: 5px;
  }

  .client-input-holder {
    width: 100%;
  }

  .all-items-2 {
    width: 250px;
    position: fixed;
    top: 66px;
    right: 0;
  }

  .submit-button-holder-2 {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .ambassadee-name {
    width: auto;
  }

  .account-section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accoun-button-holder {
    flex-direction: column;
  }

  .modalcontent-3 {
    width: 100%;
    display: block;
  }

  .stripe-status-wrapper-copy {
    padding-left: 14px;
    padding-right: 14px;
  }

  .content-pro {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h3-dark-2 {
    font-size: 18px;
    line-height: 20px;
  }

  .modal-invite-to-plan {
    display: none;
  }

  .modal-content-drawing {
    width: 100%;
    min-height: 350px;
  }

  .modal-drawing {
    display: none;
    inset: 0;
  }

  .tabs-payment {
    padding-bottom: 10px;
  }

  .content-wrapper-3 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-2 {
    margin-top: 14px;
  }

  .div-block-100 {
    justify-content: flex-end;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 5px;
  }

  .content-pro-2 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .payment-tab-2 {
    align-items: center;
    width: 50%;
    display: flex;
  }

  .payment-tab-2.w--current {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .details-right-div {
    justify-content: flex-start;
  }

  .div-block-378 {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-top: 20px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .status-column {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .name-column {
    padding-left: 0;
  }

  .payment-table-recent {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paymenttablewrapper {
    padding-top: 6px;
  }

  .tab-label-2 {
    text-align: center;
    align-items: center;
    line-height: 16px;
    display: block;
  }

  .h2-dark-2 {
    font-size: 30px;
    line-height: 36px;
  }

  .h2-dark-2.left {
    font-size: 18px;
  }

  .h2-dark-2.bold {
    font-size: 20px;
  }

  .modal-content-groups {
    width: 90%;
    max-width: 540px;
  }

  .client-row-no-hover {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .create-new-button-2 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .modal-delete-confiirmation {
    display: none;
  }

  .default-group-img {
    min-width: 80px;
  }

  .empty-state-2 {
    height: 40px;
  }

  .client-search-2 {
    padding-right: 20px;
  }

  .member-wrapper {
    width: auto;
    padding-top: 8px;
    display: block;
    position: static;
  }

  .group-wrapper {
    width: 100%;
  }

  .content-pro-3 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-challenge-turn-off, .modal-challenge-turn-on {
    display: none;
  }

  .group-name {
    width: 300px;
  }

  .edit-icon-holder {
    padding-right: 8px;
  }

  .name {
    width: auto;
  }

  .modal-content-2 {
    width: 100%;
  }

  .blue-header-content-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .client-name-div-2 {
    width: auto;
  }

  .group-image {
    min-width: 80px;
  }

  .group-block {
    height: auto;
    display: block;
    position: static;
  }

  .button-add-2 {
    width: auto;
    font-size: 12px;
  }

  .calendr-item-font {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .calendr-item-font.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .text-year-2 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-date-2.grey {
    font-size: 14px;
    line-height: 20px;
  }

  .workout-name-3 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-duration-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-381 {
    min-height: 46px;
  }

  .action-button-2 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .item-header {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .sf-68 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-68.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .post-message {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-15-med-3 {
    font-size: 15px;
  }

  .timeline-content-wrapper {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .sf-69 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-69.center {
    font-size: 15px;
    line-height: 20px;
  }

  .action-button-3 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .empty-page-text {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .tooltip-2 {
    width: 100%;
  }

  .sf-66, .sf-65 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-65.light.center {
    font-size: 18px;
  }

  .sf-51-copy {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-51-copy.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-70 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modalcontent-4 {
    width: 100%;
  }

  .sf-small-label {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-small-label.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-71 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-4 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .action-button-4.outlined {
    font-size: 13px;
  }

  .submit-button-xs {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-72 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-434 {
    width: 300px;
  }

  .submitbutton-2 {
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .submitbutton-2.complete {
    margin-top: 10px;
  }

  .div-block-433 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .modalcontent-5 {
    width: 100%;
    overflow: visible;
  }

  .modal-content-username-3 {
    width: 100%;
  }

  .sf-55-copy {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .button-move {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .button-move.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .intro-3 {
    padding-top: 60px;
  }

  .by-line-2 {
    margin-top: 16px;
  }

  .submit-button-holder-4 {
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .quote-title-2 {
    max-width: 220px;
    font-size: 16px;
  }

  .quote-text-2 {
    max-width: 400px;
    font-size: 26px;
    line-height: 32px;
  }

  .quote-name-2 {
    font-size: 20px;
    line-height: 22px;
  }

  .time-elasped._2, .time-elasped.small, .time-elasped._2, .time-elasped._2, .time-elasped._2, .time-elasped._2, .time-elasped._2, .time-elasped._2, .time-elasped._2, .time-elasped._2 {
    width: 100px;
  }

  .text-172.light-grey {
    font-size: 14px;
    line-height: 20px;
  }

  .small-text-3 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sort-option {
    font-size: 13px;
  }

  .sf-75 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sort-options-wrapper {
    align-items: flex-start;
    margin-top: 0;
    padding-left: 0;
    padding-right: 16px;
    display: flex;
  }

  .sf-74 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .client-search-add {
    padding-right: 20px;
  }

  .buttonlabel-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .buttonlabel-2.white {
    text-align: left;
    text-align: left;
    color: #fff;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    font-weight: 500;
    line-height: 14px;
  }

  .search-input-2 {
    width: 300px;
  }

  .get-started-3 {
    align-items: center;
    margin-top: 0;
    padding: 20px 16px;
    display: flex;
  }

  .modal-content-exercises-2 {
    width: 100%;
  }

  .unmatched, .matched {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .result-row {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-78 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-78.blue {
    font-size: 14px;
  }

  .sf-78.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-78.white {
    font-size: 15px;
  }

  .sf-78.grey {
    font-size: 13px;
  }

  .toggle-wrapper-6.hidden {
    display: flex;
  }

  .sf-76-copy, .sf-76-copy-copy {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .apply-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-79 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .modal-content-stats {
    width: 90%;
    max-width: 540px;
  }

  .sf-54 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .play-icon-2 {
    width: 20px;
  }

  .sf-80 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-81 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-81.exercise-label {
    display: inline-block;
  }

  .sf-82 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-83 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-83.semi {
    font-weight: 600;
  }

  .sf-83.semi.white.center.shadow {
    text-shadow: 1px 1px 2px #000, 1px 0 6px #000;
  }

  .sf-83.white {
    font-weight: 500;
    line-height: 26px;
  }

  .quote-text-wrapper-2 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .quote-mark {
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0;
    display: flex;
  }

  .item-header-copy {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .social-label {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .reply-input {
    padding-left: 5px;
  }

  .post-header-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .workout-item-icon.complete {
    margin-right: 4px;
  }

  .assigned-topbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tip-payment-2 {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .no-subscription {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .cc-info {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100px;
    padding-bottom: 10px;
  }

  .card-input-3 {
    width: auto;
  }

  .subscription-container {
    padding-bottom: 10px;
  }

  .descriptor-edit {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .cc-descriptor-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .subscription-button-holder-2 {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 10px 0;
  }

  .tipping-container {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
  }

  .loading-sub-indicator {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .search-wrapper-4 {
    display: block;
  }

  .sf-87 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-87.semi {
    font-weight: 400;
  }

  .autocomplete-input-2-program {
    border-style: solid;
    border-color: #cfcfcf45;
    border-radius: 0;
  }

  .edit-exercise-4 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-88 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .exercise-row-3 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-77-copy-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .edit-button-holder-3 {
    flex-direction: column;
    align-items: center;
  }

  .calendar-top-bar-4 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-90 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .edit-button-holder-4 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-549 {
    background-size: 60px;
    height: 80px;
    margin-bottom: 0;
  }

  .div-block-550 {
    background-size: contain;
    width: 300px;
    height: 300px;
  }

  .container-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-19 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-base {
    width: 90%;
  }

  .deltoids {
    width: 90%;
    display: none;
  }

  .neck {
    width: 90%;
  }

  .pectorals {
    width: 90%;
    display: none;
  }

  .bicep {
    width: 90%;
  }

  .tricep {
    width: 90%;
    display: none;
  }

  .forearm, .upper-abs {
    width: 90%;
  }

  .lower-abs {
    width: 90%;
    display: none;
  }

  .oblique, .core, .lower-back, .gluteus, .quadriceps {
    width: 90%;
  }

  .hamstrings {
    width: 90%;
    display: none;
  }

  .lower-legs, .feet {
    width: 90%;
  }

  .back-full {
    width: 90%;
    display: none;
  }

  .submitbutton-4 {
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    display: block;
  }

  .submitbutton-4.login {
    width: 100%;
    font-size: 16px;
  }

  .top-div2 {
    padding-bottom: 0;
  }

  .hip {
    width: 90%;
  }

  .sf-91 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-91.white, .sf-91.white-tran {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-91.center {
    font-size: 14px;
  }

  .result-row-2 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-92 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-92.white {
    line-height: 22px;
  }

  .sf-93 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-93.semi {
    font-weight: 600;
  }

  .sf-94 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-5 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .result-row-4 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .button-hover-modal, .button-settings-modal-content {
    display: none;
  }

  .unmatched-2 {
    font-size: 15px;
  }

  .submit-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-95 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-95.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-96 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-96.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .plan-tile-3 {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .plans-wrapper-2 {
    align-items: center;
    display: flex;
  }

  .button-select-plan-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .collapse-button {
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 13px;
    display: none;
  }

  .new-account-settings {
    width: 100%;
  }

  .alert-stripe {
    justify-content: space-between;
    padding-left: 14px;
    padding-right: 14px;
  }

  .div-block-596 {
    display: none;
  }

  .modalcontent-9 {
    width: 100%;
    display: block;
  }

  .alert-text {
    flex-direction: column;
    align-items: center;
  }

  .alert-text.details {
    padding-left: 0;
  }

  .revenue-share-settings {
    width: 100%;
  }

  .plan-template-holder.hidden {
    overflow: auto;
  }

  .plan-summary {
    flex-wrap: wrap;
    padding-top: 6px;
  }

  .plan-summary.hidden {
    display: flex;
  }

  .plan-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-form-wrapper {
    flex-direction: column;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .button-holder-2 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .dot {
    padding-left: 4px;
    padding-right: 4px;
  }

  .page-preview-wrapper {
    display: none;
  }

  .plan-button-holder {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
  }

  .submit-save-button-5 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-5.cancel {
    text-align: center;
    text-align: center;
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .text-email {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .workout-mode-wide-copy {
    width: 100%;
  }

  .mini-calendar {
    padding-right: 10px;
  }

  .pin-date-calendar {
    width: 100%;
  }

  .sf-97 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .hover-menu-modal {
    display: none;
  }

  .empty-preview-message-2, .sf-98 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-98.white.center {
    font-size: 16px;
  }

  .sf-99 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .post-header-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .post-message-2 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .request-response-bar {
    width: 100%;
  }

  .item-header-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .top-tab-wrapper.client-group {
    margin-bottom: 16px;
  }

  .nav-tab-label {
    font-size: 15px;
  }

  .client-notes {
    padding-right: 20px;
  }

  .sf-100 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .client-account-creation {
    padding-right: 20px;
  }

  .search-wrapper-8, .search-wrapper-2-copy-2 {
    display: block;
  }

  .client-name-label {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .client-tab {
    align-items: center;
    width: 25%;
    padding: 8px 12px;
    display: flex;
  }

  .client-tab.w--current {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-label {
    text-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    display: block;
  }

  .content-pro-5 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sf-14-cell-label {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .search-wrapper-9 {
    display: block;
  }

  .modal-content-media-copy-2 {
    width: 100%;
    min-height: 350px;
  }

  .special-request-tooltip {
    width: 100%;
  }

  .unsubscribe-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .list-fine-print {
    padding-left: 20px;
  }

  .intro-5-copy {
    padding-top: 60px;
  }

  .post-header-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .post-container-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .email-header {
    background-color: #fff;
    min-height: 0;
    position: sticky;
    inset: 0% auto auto 0%;
  }

  .item-sender-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .email-content-section {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .twm-logo2 {
    width: 172px;
    max-width: none;
  }

  .site-header-3 {
    background-color: #fff;
    justify-content: flex-start;
    min-height: 0;
    padding-bottom: 10px;
    position: sticky;
    inset: 0% auto auto 0%;
  }

  .content-div {
    align-items: center;
    width: auto;
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-sub-title {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 24px;
  }

  .tagline-white {
    font-family: Sf ui text, sans-serif;
    font-size: 26px;
    line-height: 30px;
  }

  .header-elements-3 {
    padding-left: 0;
  }

  .customer-logo-4 {
    justify-content: center;
  }

  .member-login-button-2 {
    align-items: center;
    min-width: 100px;
    height: 30px;
    min-height: 30px;
    padding-top: 4px;
    font-size: 10px;
    line-height: 12px;
    display: flex;
  }

  .member-login-button-2:hover {
    font-size: 10px;
  }

  .edit-button {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .close-button-holder {
    flex-direction: column;
    align-items: center;
  }

  .tile-tall-3.long {
    width: 98%;
  }

  .modal-title {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .search-wrapper-holder {
    display: block;
  }

  .edit-send-time {
    width: 100%;
  }

  .header-dark-blue-6 {
    align-items: center;
    padding-top: 8px;
  }

  .top-header-tab-2 {
    min-width: 60px;
    height: 28px;
  }

  .logo-header {
    height: 60px;
  }

  .download-page-logo {
    width: 200px;
  }

  .div-block-641 {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-642 {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 15px 0;
  }

  .h3-sf {
    text-align: center;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 24px;
  }

  .welcome-image {
    background-size: cover;
    width: 65%;
    min-width: 200px;
    min-height: 360px;
    margin-right: 0;
  }

  .welcome-text-area {
    text-align: center;
    align-items: center;
    width: 100%;
    padding: 20px 10px 30px;
  }

  .sf-101 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-101.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-101.grey {
    display: inline-block;
  }

  .category-labels-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .div-block-647.message-holder-3 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    display: block;
  }

  .lead-gen-toggle-wrapper {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .get-started-5 {
    align-items: center;
    padding: 16px;
    display: flex;
  }

  .plan-sort-wrapper-2 {
    padding-bottom: 8px;
    padding-left: 0;
  }

  .plan-landing-url-2 {
    flex-wrap: wrap;
    padding-top: 2px;
  }

  .plan-price-trial-2 {
    flex-wrap: wrap;
    padding-top: 2px;
    padding-bottom: 4px;
  }

  .copy-url {
    padding-top: 3px;
  }

  .item-header-copy-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .timeline-content-wrapper-2 {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .social-icon-bar-2 {
    justify-content: space-between;
    display: flex;
  }

  .plans-wrapper-4 {
    align-items: center;
    display: flex;
  }

  .timeline-action-bar-6 {
    padding-left: 10px;
  }

  .app-workout-container-5 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    height: 218px;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
  }

  .time-bar-2 {
    width: 80%;
  }

  .text-block-40 {
    font-size: 14px;
  }

  .pace-2 {
    margin-left: 0;
  }

  .heart-rate-wrapper-3 {
    opacity: 1;
    background-color: #494949;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    transition: opacity 1s;
  }

  .filter-div-4 {
    margin-right: 0;
  }

  .feedback-workout-exercise-2 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
  }

  .heart-rate-header-3 {
    background-color: #0000;
  }

  .distance-pace-2 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 24px;
    position: static;
  }

  .orignal-message-2 {
    font-size: 15px;
    line-height: 20px;
  }

  .program-alert-content-2 {
    padding-top: 14px;
  }

  .social-icon-2 {
    background-size: 28px;
    width: 28px;
    height: 28px;
  }

  .message-holder-4 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .completed-workout-wrapper-3 {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .quote-container-4 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: center;
    padding: 14px 0;
    display: flex;
  }

  .workout-label-holder-3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .social-label-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
  }

  .heart-rate-display-3 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 8px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .workout-container-4 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    min-height: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .audio-bottom-controls-5 {
    padding-left: 0;
    display: flex;
  }

  .workout-name-div-6 {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-right: 0;
    position: static;
  }

  .completd-topbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-save-2 {
    background-size: 20px;
    width: 32px;
    height: 32px;
  }

  .post-header-6 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .submit-save-button-6 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-6.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .small-text-4 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-14-grey-label {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .add-content-button-2 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .modal-content-groups-2 {
    width: 90%;
    max-width: 540px;
  }

  .client-search-add-2 {
    padding-right: 20px;
  }

  .sf-102 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .modal-library-content-chooser-3 {
    width: 100%;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .gradient-overlay-3 {
    background-image: linear-gradient(#000000b3, #0000 81%, #0000);
  }

  .app-workout-container-6 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    height: 300px;
    position: relative;
  }

  .nav-tab-label-2 {
    font-size: 14px;
    line-height: 14px;
  }

  .library-tab-bar {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
  }

  .sort-wrapper-3 {
    justify-content: space-around;
    width: 320px;
  }

  .wide-header-content-3 {
    padding-right: 0;
  }

  .top-header-tab-3 {
    min-width: 60px;
    height: 24px;
  }

  .top-header-tab-3.selected {
    border-bottom-width: 3px;
  }

  .label-tile-2 {
    font-size: 12px;
  }

  .exercise-library-header {
    min-height: 56px;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .landing-nav {
    height: 60px;
  }

  .content-wrapper-white {
    padding: 26px 0 0;
  }

  .image-105 {
    width: 160px;
  }

  .password-reset-wrapper {
    padding-top: 10px;
  }

  .form-block-9 {
    width: 100%;
  }

  .submitbutton-5 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .form-22 {
    flex-direction: column;
    display: flex;
  }

  .form-block-15 {
    width: 100%;
  }

  .button-holder2 {
    flex-direction: column;
    width: 200px;
    margin-left: 0;
    margin-right: 0;
  }

  .form-block-16 {
    width: 100%;
  }

  .form-19 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .login-outer-wrapper-2 {
    background-position: 50%;
  }

  .fb-button-login {
    width: 100%;
    margin-top: 20px;
  }

  .inputfield-3 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .label-field {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
    line-height: 22px;
  }

  .fb-button-2 {
    width: 230px;
  }

  .login-box-2 {
    width: auto;
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-block-17 {
    width: 100%;
  }

  .sf-103 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-103.center {
    text-align: center;
    text-align: center;
  }

  .footer-links-2 {
    flex-direction: column;
    padding-top: 10px;
  }

  .footer-3 {
    color: #b4b4b4;
    margin-bottom: 10px;
    font-size: 12px;
  }

  .client-account-wrapper {
    height: auto;
  }

  .twmbranding-3 {
    flex-direction: row;
    justify-content: center;
    height: 66px;
    display: flex;
    position: relative;
  }

  .sf-header-white-copy {
    font-size: 24px;
  }

  .sf-header-white-copy.invite {
    text-align: center;
    padding-right: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .reverse-footer {
    inset: auto 0% 0%;
  }

  .create-account-bg-copy {
    padding-bottom: 10px;
    overflow: visible;
  }

  .sf-104 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .checkbox-label-15-2 {
    line-height: 18px;
  }

  .action-button-7, .action-button-8 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .rte-toggle {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .media-library-modal-2 {
    width: 100%;
  }

  .sort-option-7 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .post-editor-modal-4 {
    width: 100%;
  }

  .submit-button-small-7 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .time-bar-thumb {
    width: 80%;
  }

  .video-player {
    height: auto;
  }

  .bottom-label-holder {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    bottom: 6%;
  }

  .start-button {
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    margin-top: 100px;
    display: flex;
    inset: 0%;
  }

  .skip-backward {
    width: 30px;
  }

  .progress-volume-wrapper {
    background-image: none;
    height: auto;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    inset: auto 0% 14px;
  }

  .ribbon-exercise-detail-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .ribbon-exercise-detail-2.time {
    height: auto;
    min-height: 0;
    max-height: none;
    padding-bottom: 5px;
  }

  .player-workoutname-2 {
    flex-direction: row;
    flex: 1;
    align-items: flex-end;
    display: none;
  }

  .icon-play {
    width: 18px;
  }

  .paused-button-holder-2 {
    display: none;
  }

  .progress-elapse-2 {
    background-color: #00528c;
  }

  .progress-elapse-2.vertical {
    background-color: #2196f3;
  }

  .modal-player-content-2 {
    width: 100%;
    height: 100vh;
    min-height: 0;
  }

  .exercise-ribbon-wrapper-2 {
    height: 190px;
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    inset: auto 0% 0%;
  }

  .workout-duration-label {
    flex: none;
    font-family: Sf ui text, sans-serif;
    font-size: 11px;
    line-height: 14px;
  }

  .close-player-modal {
    filter: invert();
  }

  .workout-progress-bar-2 {
    background-color: #2196f3;
  }

  .workout-progress-bar-2.vertical {
    background-color: #ffffffbf;
  }

  .text-label-large-2 {
    color: #4a4a4a;
    text-shadow: none;
    font-size: 2.2em;
  }

  .text-label-medium-2 {
    color: #4a4a4a;
    text-align: center;
    text-shadow: none;
    font-size: 1.7em;
  }

  .text-label-medium-2.start {
    color: #fff;
    font-size: 1.6em;
  }

  .text-label-countdown-2 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
    position: relative;
  }

  .text-label-countdown-2.small {
    text-align: center;
    font-size: 4.2em;
  }

  .text-label-set-rep-2 {
    color: #4a4a4a;
    text-shadow: none;
    margin-right: 14px;
    font-size: 1.3em;
    font-weight: 400;
    display: block;
  }

  .countdown-wrapper-2 {
    display: block;
    position: relative;
    top: 50px;
  }

  .in-progress-display {
    display: block;
  }

  .overlay-cover {
    background-color: #0000004d;
    display: flex;
    position: absolute;
  }

  .skip-forward {
    width: 30px;
  }

  .top-display-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
  }

  .ribbon-exercise-label-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
  }

  .skip-button {
    width: 50px;
  }

  .exercise-info-wrapper-2 {
    padding-left: 0;
  }

  .time-label-2 {
    color: #032944;
    font-size: 13px;
  }

  .time-label-2.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    padding-left: 10px;
  }

  .modal-close-player {
    opacity: .5;
    padding: 3px 5px;
    position: relative;
  }

  .player-play-pause-button {
    border-width: 3px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .player-modal-top-bar-3 {
    justify-content: flex-start;
    height: 34px;
    padding-top: 0;
    padding-left: 4px;
    position: static;
  }

  .ribbon-exercise-wrapper-2 {
    width: 25%;
    min-width: 110px;
  }

  .text-label-small-2 {
    color: #4a4a4a;
    text-shadow: none;
    display: block;
    bottom: 6%;
  }

  .modal-webplayer-3 {
    background-color: #fff;
  }

  .icon-pause {
    width: 21px;
  }

  .start-play-button-2 {
    align-items: center;
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .ribbon-content-2 {
    border-top: 1px solid #c4c4c4;
    height: 100%;
    padding-bottom: 14px;
  }

  .div-block-589 {
    justify-content: center;
  }

  .player-wrapper-2 {
    margin-top: 0;
  }

  .exercise-info-display-wrapper {
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    inset: 0% 0% auto;
  }

  .control-buttons {
    align-items: baseline;
    margin-top: 100px;
    inset: 0%;
  }

  .get-ready-display {
    display: block;
  }

  .label-player-workout-name-2 {
    flex: none;
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
  }

  .preview-countdown-wrapper {
    display: block;
    position: relative;
    top: 34px;
  }

  .feedback-container-2 {
    height: auto;
    margin-top: 34px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .modal-close-feedback {
    opacity: .5;
    padding: 3px 5px;
    position: relative;
  }

  .modal-feedback {
    background-color: #fff;
  }

  .image-113 {
    width: 18px;
  }

  .feedback-modal-top-bar {
    justify-content: flex-start;
    height: 34px;
    padding-top: 0;
  }

  .player-post-wrapper-2 {
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-player-content-3 {
    width: 100%;
    height: 100vh;
    min-height: 0;
  }

  .timeline-compose-section-7 {
    min-width: 0;
    margin-right: 0;
  }

  .title-label {
    color: #313131;
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 30px;
  }

  .post-feedback-embed-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .exericse-info-wrapper {
    width: 100%;
    position: relative;
  }

  .exercise-feedback-container-2 {
    border-bottom: 2px solid #efeeee;
    padding-bottom: 0;
  }

  .audio-component-8 {
    display: flex;
  }

  .sf-105 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-105.grey {
    display: inline-block;
  }

  .sf-106 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .exercise-feedback-2 {
    width: 100%;
  }

  .exercise-feedback-2.liked {
    min-width: 0;
  }

  .sf-14-name {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-15-med-4 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .item-side-layout-3 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    position: relative;
  }

  .completed-greenbar-2, .replied-indicator-bar-2 {
    width: 100%;
  }

  .replied-indicator-bar-2.hidden {
    padding-left: 5px;
  }

  .result-row-6 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-107 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-107.grey {
    display: inline-block;
  }

  .sf-108 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-108.semi {
    font-weight: 400;
  }

  .owner-autocomplete-wrapper-2 {
    display: block;
  }

  .bodyevolver-indicator {
    width: 100%;
  }

  .bodycomp-measurements-section {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reload-floating-button {
    z-index: 25;
    top: 116px;
  }

  .post-header-4-copy {
    padding-left: 14px;
    padding-right: 14px;
  }

  .post-container-timeline-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .streak-wrapper-4 {
    background-color: #4a148c;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-style: none;
    border-top-width: 0;
    border-top-color: #0000;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    transition: background-color .2s;
    display: flex;
  }

  .sf-109 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-109.semi {
    font-weight: 600;
  }

  .sf-109.semi.white.center {
    text-align: center;
  }

  .item-header-copy-3 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .client-assign-holder {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .alert-program-assign-validation {
    justify-content: space-between;
    padding-left: 14px;
    padding-right: 14px;
  }

  .grey-label-15 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .side-client-wrapper {
    width: 33%;
  }

  .lets-go-button {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .assigned-empty-2, .loading-more-assignments-2 {
    width: 33%;
  }

  .sf-110 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .request-declined-bar, .special-request-bar, .response-bar {
    width: 100%;
  }

  .sf-14-grey-label-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .indicator-label {
    font-family: Sf ui text, sans-serif;
    font-size: 11px;
    line-height: 14px;
  }

  .sf-111 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .bodycomp-request-input-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .request-response-bar-2 {
    width: 100%;
  }

  .action-button-9 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .owner-name-label {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-14-grey-label-copy {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .reminder-message {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .reminder-done-bar {
    width: 100%;
  }

  .reminder-content {
    background-color: #0000;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .matched-2, .unmatched-3 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-14-regular {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .text-label-small-3 {
    color: #4a4a4a;
    text-shadow: none;
    line-height: 1.1em;
    display: block;
    bottom: 6%;
  }

  .text-label-large-3 {
    color: #4a4a4a;
    text-shadow: none;
    font-size: 2.2em;
  }

  .text-label-large-3.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    padding-bottom: 10px;
    font-size: 1.8em;
  }

  .play-icon-holder {
    display: block;
  }

  .feedback-input-section {
    min-width: 0;
    margin-right: 0;
  }

  .video-section-3 {
    height: 240px;
    margin-top: 0;
  }

  .text-label-countdown-3 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
  }

  .text-label-countdown-3.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    font-size: 3.6em;
  }

  .top-display-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .top-display-3.vertical {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-player-content-4 {
    width: 100%;
    height: 100vh;
    min-height: 0;
  }

  .text-label-set-rep-3 {
    color: #4a4a4a;
    text-shadow: none;
    margin-right: 14px;
    font-size: 1.3em;
    font-weight: 400;
    display: block;
  }

  .text-label-set-rep-3.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
  }

  .text-label-medium-3 {
    color: #4a4a4a;
    text-align: center;
    text-shadow: none;
    font-size: 1.7em;
    line-height: 1.2em;
  }

  .text-label-medium-3.start {
    color: #fff;
    font-size: 1.6em;
  }

  .text-label-medium-3.vertical {
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 6px #0006;
    font-size: 1.5em;
    line-height: 1em;
  }

  .control-buttons-2 {
    inset: 0%;
  }

  .modal-close-player-2 {
    opacity: .5;
    padding: 3px 5px;
    position: relative;
  }

  .text-label-countdown-4 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
    position: relative;
  }

  .text-label-countdown-4.small {
    text-align: center;
    font-size: 4.2em;
  }

  .text-label-countdown-4.small.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    font-size: 2.4em;
  }

  .get-ready-display-copy {
    background-image: none;
    display: block;
    position: relative;
  }

  .player-modal-top-bar-4 {
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-left: 4px;
    position: static;
  }

  .feedback-container-3 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .exercise-info-wrapper-3 {
    padding-left: 0;
    display: block;
  }

  .exercise-info-wrapper-3.vertical {
    padding-top: 0;
    padding-right: 5px;
  }

  .bottom-label-holder-2 {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    inset: auto 0% 80px;
  }

  .player-play-pause-button-2 {
    border-width: 3px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .start-button-2 {
    display: flex;
    inset: 0%;
  }

  .countdown-wrapper-3 {
    padding-right: 0%;
    display: block;
    position: relative;
    top: 50px;
  }

  .countdown-wrapper-3.vertical {
    padding-top: 0;
    top: 0;
  }

  .preview-countdown-wrapper-2 {
    padding-right: 0%;
    display: block;
    position: relative;
    top: 34px;
  }

  .preview-countdown-wrapper-2.vertical {
    padding-top: 0;
    top: 0;
  }

  .start-play-button-3 {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .close-player-modal-2 {
    filter: invert();
  }

  .rep-set-warpper {
    justify-content: center;
  }

  .rep-set-warpper.vertical {
    justify-content: flex-start;
  }

  .get-ready-display-2 {
    background-image: none;
    display: block;
    position: relative;
  }

  .get-ready-display-2.vertical {
    background-image: linear-gradient(#0009 20%, #0000);
    position: absolute;
  }

  .library-media-content-view-2 {
    top: 0;
  }

  .skip-button-2 {
    width: 50px;
  }

  .modal-webplayer-5 {
    background-color: #fff;
  }

  .exercise-rest-phase-layer-2 {
    height: 100vh;
  }

  .video-section-4 {
    height: 240px;
    margin-top: 0;
  }

  .video-section-4.vertical {
    height: 100vh;
    position: relative;
  }

  .player-workoutname-4 {
    flex-direction: row;
    flex: 1;
    align-items: flex-end;
  }

  .bottom-label-holder-3 {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    inset: auto 0% 80px;
  }

  .bottom-label-holder-3.hidden {
    display: block;
  }

  .exercise-ribbon-wrapper-5 {
    z-index: 12;
    height: 190px;
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: absolute;
  }

  .player-leadgen-text {
    font-family: Sf ui text, sans-serif;
    line-height: 18px;
  }

  .rep-set-wrapper {
    justify-content: center;
  }

  .rep-set-wrapper.vertical {
    justify-content: flex-start;
  }

  .exercise-layer-2 {
    height: 100vh;
  }

  .action-button-10 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .lead-form {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paused-layer-2 {
    height: 100vh;
  }

  .feedback-flex-wrapper-2 {
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .exercise-rest-phase-layer-vertical, .paused-layer-vertical {
    height: 100vh;
  }

  .div-block-807 {
    position: relative;
  }

  .start-control-wrapper-3 {
    justify-content: center;
    padding-top: 0;
  }

  .progress-bar-volume-wrapper-5 {
    background-image: none;
    min-height: 40px;
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    inset: auto 0% 0%;
  }

  .progress-bar-volume-wrapper-4 {
    background-image: none;
    height: auto;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    inset: auto 0% 20px;
  }

  .controls-button-holder-3.vertical {
    justify-content: flex-start;
    padding-top: 260px;
  }

  .text-label-small-4 {
    color: #4a4a4a;
    text-shadow: none;
    line-height: 1.1em;
    display: block;
    bottom: 6%;
  }

  .text-label-small-4.vertical {
    color: #fff;
  }

  .exercise-layer-vertical {
    height: 100vh;
  }

  .player-leadgen-modal {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%;
    box-shadow: 4px 4px 9px 4px #0003;
  }

  .progress-bar-volume-wrapper-3 {
    background-image: none;
    height: auto;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    inset: auto 0% 20px;
  }

  .progress-bar-volume-wrapper-3.vertical {
    display: flex;
  }

  .control-buttons-3 {
    inset: 0%;
  }

  .player-leadgen-title {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .group-workout-wrapper, .group-cardio-item-wrapper {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-span-58 {
    font-size: 12px;
  }

  .group-timeline-message, .cardio-workout-display {
    margin-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .group-message-content {
    background-color: #0000;
    justify-content: flex-start;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .cardio-small-label {
    width: 90px;
  }

  .feedback-layer-holder-2 {
    height: 100vh;
  }

  .all-items-3 {
    width: 250px;
    position: fixed;
    top: 66px;
    right: 0;
  }

  .sf-113 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .item-text-mini, .preview-notes {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .library-tag {
    display: inline-block;
  }

  .library-tag-wrapper {
    justify-content: space-around;
    width: 320px;
  }

  .item-header-mini {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .sort-option-9 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .wide-header-content-2-copy-2 {
    padding-right: 0;
  }

  .mini-post-content-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .content-library-modal {
    width: 100%;
  }

  .intro-11 {
    padding-top: 60px;
  }

  .label-header-name {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-13-grey-label {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .notes-input {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .result-row-5-copy {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sort-option-10 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .name-label {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .contacts-autocomplete-search-wrapper {
    display: block;
  }

  .sf-118 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads {
    width: 90%;
    max-width: 540px;
  }

  .sf-12-label {
    font-size: 12px;
    line-height: 18px;
  }

  .loading-indicator-view {
    padding-top: 60px;
  }

  .labelsmall-6 {
    font-size: 14px;
    line-height: 20px;
  }

  .sf-14-regular-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .condensed-body-text {
    font-family: Sf ui text, sans-serif;
  }

  .message-search-wrapper {
    display: block;
  }

  .sf-119 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .app-workout-container-7 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    height: 300px;
    position: relative;
  }

  .reload-floating-button-2 {
    z-index: 25;
    top: 116px;
  }

  .empty-page-text-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .form-input-wrapper-bnmcopy {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0;
  }

  .form-input-wrapper-bnmcopy.name {
    width: auto;
  }

  .label-sender-name-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .message-holder-5 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .sf-120 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-120.center {
    font-size: 15px;
    line-height: 20px;
  }

  .notes-title {
    padding-left: 14px;
    padding-right: 14px;
  }

  .item-header-18 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .notes-text {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .fc-header {
    padding-top: 10px;
  }

  .fc-bg {
    background-image: url('../images/clouds.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    overflow: visible;
  }

  .h3-dark-copy {
    line-height: 20px;
  }

  .tag-ac-wrapper {
    display: block;
  }

  .upgrade-card-input {
    width: auto;
  }

  .unmatched-4 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-upgrade {
    width: 100%;
  }

  .import-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-977 {
    max-width: none;
  }

  .bar-chart-segment {
    min-width: 45px;
  }

  .bar-chart-segment.long {
    min-width: 225px;
  }

  .sf-123 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .modal-content-leads-2 {
    width: 90%;
    max-width: 540px;
  }

  .loading-row {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-15-med-6 {
    font-size: 15px;
  }

  .site-section-contest {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px 60px;
  }

  .site-section-contest.header {
    background-size: 60px;
    flex-direction: row;
  }

  .div-block-866 {
    padding: 40px 10px 20px;
  }

  .small-text-5 {
    padding-right: 5px;
    line-height: 16px;
  }

  .button-2 {
    width: 80px;
    min-width: 80px;
    padding-top: 14px;
    font-size: 15px;
  }

  .text-24 {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }

  .tracking-form-input {
    font-size: 18px;
  }

  .link-display {
    padding-top: 14px;
    font-size: 18px;
  }

  .image-131 {
    width: 120px;
  }

  .div-block-868 {
    height: 52px;
  }

  .text-tooltip-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .header-image {
    margin-top: 40px;
    margin-left: 0;
  }

  .contest-form {
    margin-top: 30px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-button-11 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .action-button-11.xl {
    width: 100%;
  }

  .title-h1 {
    font-size: 30px;
    line-height: 34px;
  }

  .title-h1.header {
    text-align: left;
    font-size: 36px;
    line-height: 40px;
  }

  .post-editor-modal-7 {
    width: 100%;
  }

  .footer-links-5 {
    flex-direction: column;
    padding-top: 10px;
  }

  .div-block-1059 {
    flex-direction: column;
    align-items: center;
    width: 90%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .create-account-wrapper {
    padding: 26px 0 0;
  }

  .sf-15-med-7 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .lead-gen-toggle-wrapper2 {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .simple-right-click {
    width: 100%;
  }

  .pending-client-wrapper-2 {
    padding-right: 20px;
  }

  .sf-124 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-125 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .icon-label {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 15px;
  }

  .video-toggle-wrapper {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .library-tab-bar-2 {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
  }

  .mini-site-title {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .column-block-horiz {
    flex-direction: column;
  }

  .media-library-modal-3 {
    width: 100%;
  }

  .mini-layout {
    padding-left: 14px;
    padding-right: 14px;
  }

  .site-mini-body {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .share-group, .client-search-add-2-copy {
    padding-right: 20px;
  }

  .library-media-content-view-3 {
    top: 0;
  }

  .content-library-modal-2 {
    width: 100%;
  }

  .sharing-toggle-wrapper {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .modal-content-new-group {
    width: 90%;
    max-width: 540px;
  }

  .redirect-text-wrapper {
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .info-wrapper {
    background-color: #fffffff5;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .prospect-image {
    background-position: 60%;
    background-size: cover;
    height: 300px;
    margin-right: 0;
  }

  .submit-save-button-9 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-9.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .matched-l {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .result-row-message-search {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-l {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .message-search-wrapper-2 {
    display: block;
  }

  .modal-close-search {
    z-index: 3;
    background-color: #fff;
    position: fixed;
    inset: 0% 0% auto;
  }

  .arial-12, .arial-13, .arial-16, .arial-14 {
    font-size: 16px;
    line-height: 22px;
  }

  .modal-close-3 {
    z-index: 3;
    background-color: #fff;
  }

  .button-survey-red {
    min-width: 0;
    line-height: 18px;
  }

  .radio-button-label-18 {
    font-size: 16px;
  }

  .survey-modal {
    padding-top: 0;
  }

  .question-inner-wrapper-3 {
    padding: 12px 0;
  }

  .question-wrapper-2-copy-2 {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-1190 {
    text-align: right;
    align-items: flex-end;
    padding-right: 6px;
  }

  .quiz-answer-wrapper-3 {
    padding-left: 28px;
    padding-right: 0;
  }

  .title-h4-21 {
    font-size: 18px;
    line-height: 22px;
  }

  .title-h4-21.bold {
    font-size: 16px;
    line-height: 20px;
  }

  .text-field-16 {
    font-size: 15px;
  }

  .modal-content-quiz-2 {
    background-color: #fff;
    border-radius: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: none;
    padding-top: 0;
  }

  .lead-form-copy {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .question-wrapper-2-copy-3 {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .survey-contact-info-modal {
    padding-top: 0;
  }

  .wilson-form-field-label {
    text-align: left;
  }

  .survey-confirmation-modal {
    padding-top: 0;
  }

  .div-block-1197 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-1138 {
    padding-top: 45px;
  }

  .question-header {
    margin-top: 36px;
    padding: 15px 20px 20px;
  }

  .title-h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .mini-layout-copy, .mini-layout-sample {
    padding-left: 14px;
    padding-right: 14px;
  }

  .quiz-answer-wrapper-4 {
    padding-left: 10px;
  }

  .arial-22 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .category-labels-5 {
    font-size: 12px;
    line-height: 18px;
  }

  .add-content-button-4 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-170 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-199 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-67, .sf-200 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-201 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15-med-5 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-wrapper-goal-wizard {
    width: 100%;
  }

  .div-block-1437 {
    flex-direction: column;
    width: auto;
  }

  .hero-element-wrapper {
    align-items: flex-start;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .poppins-label {
    text-align: left;
  }

  .poppins-label.white {
    text-align: center;
  }

  .submitbutton-6 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-6.grey {
    width: 220px;
  }

  .submitbutton-6.grey.close-modal-copy, .submitbutton-6.grey.close-modal {
    display: block;
  }

  .link-block-14 {
    width: 120px;
    margin-top: 0;
  }

  .div-block-1439 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .section-column-wrapper {
    flex-direction: column;
  }

  .h3-dark-5 {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark-5.thin {
    font-size: 18px;
    line-height: 22px;
  }

  .div-block-1441 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .interior-page-banner-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-103 {
    font-size: 14px;
  }

  .heading-4.xl-bold-white {
    font-size: 38px;
    line-height: 48px;
  }

  .how-it-works {
    margin-bottom: 0;
  }

  .brand-link-block-landing {
    padding-left: 0;
  }

  .landing-content-section {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-intereior {
    background-image: linear-gradient(to bottom, null, null), url('../images/pushup.jpg');
    background-position: 0 0, 50%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-text-2 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .footer-links-7 {
    padding-top: 30px;
  }

  .modalcontent-12 {
    width: 100%;
    overflow: visible;
  }

  .poppins-paragraph {
    text-align: left;
  }

  .image-252 {
    width: 200px;
  }

  .roboto14, .roboto16, .roboto13, .roboto15, .roboto12, .arial-25 {
    font-size: 16px;
    line-height: 22px;
  }

  .form-block-46 {
    width: 100%;
  }

  .text-menu-option-sm {
    flex: 0 auto;
  }

  .top-header-tab-5 {
    min-width: 60px;
    height: 24px;
  }

  .top-header-tab-5.selected {
    border-bottom-width: 3px;
  }

  .menu-item-7 {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .points-3 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
    padding-right: 6px;
    display: flex;
  }

  .modal-content-6 {
    width: 100%;
  }

  .modal-content-media-copy-10 {
    width: 100%;
    min-height: 350px;
  }

  .label-data {
    font-size: 18px;
    line-height: 20px;
  }

  .label-data.white {
    text-align: right;
    flex-direction: column;
  }

  .div-block-1771 {
    align-items: flex-end;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
  }

  .div-block-1772 {
    width: 38px;
  }

  .sf-14-challenge-label-red {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .h3-dark-6 {
    font-size: 18px;
    line-height: 20px;
  }

  .h3-dark-6.thin {
    font-size: 18px;
    line-height: 22px;
    display: block;
  }

  .compliance-toggle {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .calendar-top-bar-6 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .plan-tile-5 {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .sf-77-copy-3 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .small-text-10 {
    padding-right: 5px;
    line-height: 16px;
  }

  .edit-exercise-5 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feedback-flex-wrapper-3 {
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-date-4.grey {
    font-size: 14px;
    line-height: 20px;
  }

  .modal-content-exercises-7 {
    width: 100%;
  }

  .sf-19-copy-4 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .workout-progress-bar-3 {
    background-color: #2196f3;
  }

  .workout-progress-bar-3.vertical {
    background-color: #ffffffbf;
  }

  .close-player-modal-3 {
    filter: invert();
  }

  .label-player-workout-name-3 {
    flex: none;
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
  }

  .exercise-holder-5 {
    padding-left: 0;
  }

  .plans-wrapper-6 {
    align-items: center;
    display: flex;
  }

  .exercise-row-8 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-content-groups-4 {
    width: 90%;
    max-width: 540px;
  }

  .item-header-copy-7 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .unmatched-43 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sort-option-16 {
    width: 32%;
    height: 38px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .client-input-holder-5 {
    width: 100%;
  }

  .text-duration-6 {
    font-size: 14px;
    line-height: 20px;
  }

  .label-tile-8 {
    font-size: 12px;
    line-height: 18px;
  }

  .apply-button-holder-6 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .client-search-add-6 {
    padding-right: 20px;
  }

  .library-tag-6 {
    display: inline-block;
  }

  .wide-header-content-2-copy-6 {
    padding-right: 0;
  }

  .start-play-button-5 {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .feedback-layer-holder-4 {
    height: 100vh;
  }

  .skip-button-5 {
    width: 50px;
  }

  .quote-title-9 {
    max-width: 220px;
    font-size: 16px;
  }

  .modal-content-media-9 {
    width: 100%;
    min-height: 350px;
  }

  .div-block-2376 {
    justify-content: center;
  }

  .sf-593 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .poppins-32 {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-594 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-15-med-52 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .title-h2-poppin {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-12-challenge-label-red {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .loader-3 {
    width: 100%;
  }

  .submit-button-small-25 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-content-leads-9 {
    width: 90%;
    max-width: 540px;
  }

  .name-label-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .action-icon {
    padding-top: 3px;
  }

  .sf-14-regular-18 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sort-wrapper-8 {
    justify-content: space-around;
    width: 320px;
  }

  .button-today-12 {
    width: 64px;
    margin-left: 5px;
  }

  .result-row-43 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-content-leads-15 {
    width: 90%;
    max-width: 540px;
  }

  .sf-681 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-682 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-683 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .submit-button-34 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-684 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-leads-16 {
    width: 90%;
    max-width: 540px;
  }

  .plan-options-menu-8 {
    flex-direction: column;
    width: 200px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .sf-685 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-686, .sf-687 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-688 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-689 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-14-regular-20 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-690 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-62 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads-17 {
    width: 90%;
    max-width: 540px;
  }

  .sf-14-grey-label-15 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-15-med-63 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-691, .sf-692 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-15-med-64 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-693 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-694 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-694.semi {
    font-size: 15px;
    font-weight: 500;
  }

  .sf-695 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-696 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .small-text-20 {
    padding-right: 5px;
    line-height: 16px;
  }

  .modal-content-leads-18 {
    width: 90%;
    max-width: 540px;
  }

  .sf-697 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-698 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-699 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-700 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-701 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-702 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15-med-65 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-703 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .poppins-body-text-22, .poppins-body-text {
    text-align: left;
  }

  .personal-summary-wrapper-2 {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .poppins-label-2 {
    text-align: left;
  }

  .poppins-label-sm-6 {
    font-size: 12px;
  }

  .loading-row-11 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .legend-color-3 {
    min-width: 13px;
    min-height: 13px;
    margin-right: 7px;
  }

  .wheel-section-wrapper-5 {
    width: 280px;
    min-width: 0;
    height: 340px;
  }

  .label-3 {
    font-size: 12px;
    line-height: 13px;
    top: 11px;
    left: 30px;
  }

  .label-3._10 {
    top: 63px;
    left: -34px;
  }

  .label-3._5 {
    top: 253px;
    left: 248px;
  }

  .label-3._3 {
    top: 77px;
    left: 243px;
  }

  .label-3._6 {
    top: 307px;
    left: 154px;
  }

  .label-3._8 {
    top: 254px;
    left: -43px;
  }

  .label-3._9 {
    top: 163px;
    left: -55px;
  }

  .label-3._7 {
    top: 305px;
    left: 23px;
  }

  .label-3._4 {
    top: 163px;
    left: 262px;
  }

  .label-3._2 {
    top: 8px;
    left: 157px;
  }

  .wheel-holder-5 {
    width: 268px;
    min-width: 268px;
    height: 268px;
    min-height: 268px;
  }

  .sf-15-med-66 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .submit-button-36 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .replied-indicator-bar-3 {
    width: 100%;
  }

  .replied-indicator-bar-3.hidden {
    padding-left: 5px;
  }

  .sf-772 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-772.white {
    font-size: 14px;
  }

  .pace-3 {
    margin-left: 0;
  }

  .heart-rate-wrapper-4 {
    opacity: 1;
    background-color: #494949;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    transition: opacity 1s;
  }

  .text-span-219 {
    font-size: 12px;
  }

  .heart-rate-header-4 {
    background-color: #0000;
  }

  .social-label-6 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
  }

  .sf-773 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-773.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-774 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-775 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-775.white {
    line-height: 22px;
  }

  .sf-776 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-777 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-777.semi {
    font-weight: 600;
  }

  .sf-777.semi.white.center {
    text-align: center;
  }

  .gradient-overlay-4 {
    background-image: linear-gradient(#000000b3, #0000 81%, #0000);
  }

  .sf-778 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .item-header-copy-9 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .program-alert-content-3 {
    padding-top: 14px;
  }

  .workout-name-div-8 {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-right: 0;
    position: static;
  }

  .item-header-copy-10 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .feedback-workout-exercise-3 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
  }

  .app-workout-container-8 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    height: 300px;
    position: relative;
  }

  .post-header-31 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-779 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-780 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-780.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-781 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-781.white {
    font-weight: 500;
    line-height: 26px;
  }

  .icon-save-3 {
    background-size: 20px;
    width: 32px;
    height: 32px;
  }

  .sf-782 {
    font-family: Sf ui text, sans-serif;
    font-size: 34px;
    line-height: 34px;
  }

  .sf-782.semi {
    font-weight: 600;
    line-height: 40px;
  }

  .sf-782.semi.white {
    font-size: 34px;
    line-height: 40px;
  }

  .message-holder-14 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .sf-783 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-783.white {
    font-size: 15px;
  }

  .sf-784 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .request-response-bar-3 {
    width: 100%;
  }

  .heart-rate-display-4 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 8px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .sf-785 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-785.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-785.white.label {
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
  }

  .sf-786 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .post-header-32 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-787 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-787.white {
    color: #ffffffd6;
    display: block;
  }

  .message-search-wrapper-5 {
    display: block;
  }

  .sf-15-med-70 {
    font-size: 15px;
  }

  .action-button-40 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-788 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-788.exercise-label {
    display: inline-block;
  }

  .distance-pace-3 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 24px;
    position: static;
  }

  .bodycomp-request-input-wrapper-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .completed-workout-wrapper-4 {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .social-icon-3 {
    background-size: 28px;
    width: 28px;
    height: 28px;
  }

  .sf-15-med-71 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-789 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .sf-789.white {
    color: #fff;
    font-family: Sf ui text, sans-serif;
  }

  .sf-789.white.opacity {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
  }

  .time-bar-16 {
    width: 80%;
  }

  .social-icon-bar-3 {
    justify-content: space-between;
    display: flex;
  }

  .message-search-wrapper-2-copy {
    display: block;
  }

  .timeline-action-bar-10 {
    padding-left: 10px;
  }

  .sf-14-regular-23 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-790 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .action-button-41 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .bodycomp-measurements-section-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-791 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .workout-container-5 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    min-height: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .sf-792 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-792.grey {
    display: inline-block;
  }

  .item-side-layout-4 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    position: relative;
  }

  .sf-15-med-72 {
    font-size: 15px;
  }

  .ribbon-exercise-label-5 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
  }

  .countdown-wrapper-6 {
    padding-right: 0%;
    display: block;
    position: relative;
    top: 50px;
  }

  .countdown-wrapper-6.vertical {
    padding-top: 0;
    top: 0;
  }

  .submit-button-small-30 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-label-countdown-9 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
  }

  .text-label-countdown-9.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    font-size: 3.6em;
  }

  .social-label-7 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .player-workoutname-7 {
    flex-direction: row;
    flex: 1;
    align-items: flex-end;
  }

  .sf-15-med-76 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .social-icon-4 {
    background-size: 28px;
    width: 28px;
    height: 28px;
  }

  .sf-14-regular-24 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-857 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-857.grey {
    display: inline-block;
  }

  .sf-858 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-859 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-860 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-860.white {
    font-weight: 500;
    line-height: 26px;
  }

  .social-label-10 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
  }

  .sf-14-regular-26 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-861 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-861.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-861.white.label {
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
  }

  .workout-name-div-10 {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-right: 0;
    position: static;
  }

  .sf-862 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-863 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-863.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-864 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .item-header-copy-14 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .timeline-action-bar-14 {
    padding-left: 10px;
  }

  .message-holder-17 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .sf-15-med-79, .sf-15-med-80 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-865 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-866 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .pace-5 {
    margin-left: 0;
  }

  .post-header-37 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-867 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-867.semi {
    font-weight: 600;
  }

  .sf-867.semi.white.center {
    text-align: center;
  }

  .message-search-wrapper-6 {
    display: block;
  }

  .sf-868 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-869 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-869.exercise-label {
    display: inline-block;
  }

  .time-bar-20 {
    width: 80%;
  }

  .completed-workout-wrapper-6 {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .sf-870 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-870.center {
    font-size: 15px;
    line-height: 20px;
  }

  .icon-save-6 {
    background-size: 20px;
    width: 32px;
    height: 32px;
  }

  .sf-871 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-872 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-872.white {
    font-size: 15px;
  }

  .text-span-233 {
    font-size: 12px;
  }

  .action-button-49 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-873 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .action-button-50 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-874 {
    font-size: 12px;
    line-height: 18px;
  }

  .workout-container-7 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    min-height: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .gradient-overlay-6 {
    background-image: linear-gradient(#000000b3, #0000 81%, #0000);
  }

  .sf-875 {
    font-family: Sf ui text, sans-serif;
    font-size: 34px;
    line-height: 34px;
  }

  .sf-875.semi {
    font-weight: 600;
    line-height: 40px;
  }

  .sf-875.semi.white {
    font-size: 34px;
    line-height: 40px;
  }

  .sf-876 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-876.white {
    line-height: 22px;
  }

  .message-holder-18 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .team-name {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
  }

  .sf-14-regular-28 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .rank-3 {
    justify-content: center;
    align-items: center;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 6px;
    display: flex;
  }

  .scoreboard-header-row-2 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .sf-906 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-907 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-leads-20, .modal-content-leads-21 {
    width: 90%;
    max-width: 540px;
  }

  .sf-908 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-909 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .small-text-24 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-910 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-911 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-912 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-14-grey-label-19 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .modal-content-leads-22 {
    width: 90%;
    max-width: 540px;
  }

  .sf-913 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-83 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .submit-button-small-34 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-914 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-915 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .modal-content-leads-23 {
    width: 90%;
    max-width: 540px;
  }

  .sf-916 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15-med-84 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .poppins-label-3 {
    text-align: left;
  }

  .sf-15-med-85 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-917 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-918 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .poppins-body-text-23 {
    text-align: left;
  }

  .sf-919 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .inputfield-13 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .loading-indicator-3 {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .search-wrapper-add-users {
    display: block;
  }

  .poppins-label-5, .poppins-body-text-26 {
    text-align: left;
  }

  .tag-failed {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .apply-button-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .load-more-wrapper, .no-payments-found {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .tag-refunded, .tag-paid {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .matched-52 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-993 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-leads-37 {
    width: 90%;
    max-width: 540px;
  }

  .sf-994 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .contentbg-2 {
    overflow: visible;
  }

  .alert-img-3 {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    margin-bottom: 8px;
  }

  .plan-edit-section-5 {
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .autopayment-5 {
    padding-bottom: 12px;
  }

  .modalcontent-24 {
    width: 100%;
    display: block;
  }

  .status-cion-5 {
    padding-left: 5px;
  }

  .wide-header-content-6 {
    padding-right: 0;
  }

  .plan-section-title-4 {
    padding-left: 10px;
  }

  .unmatched-67 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1018 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .matched-55 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .result-row-57 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1019 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .lead-owner-ac-wrapper {
    display: block;
  }

  .small-text-29 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-15-med-96 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .tag-active {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .message-text-holder-narrow {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .tag-inactive-2 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .post-header-narrow {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reply-message-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-content-leads-27-copy {
    width: 90%;
    max-width: 540px;
  }

  .sf-1028 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .tag-active-3 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15-med-101 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads-39 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1029 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-102 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1030 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1031 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1032 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .name-label-4 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-15-med-103, .sf-15-med-104, .sf-1033 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .time-bar-23 {
    width: 80%;
  }

  .small-text-31 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-1034 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .tag-inactive-3 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1035 {
    font-size: 12px;
    line-height: 18px;
  }

  .time-bar-24 {
    width: 80%;
  }

  .poppins-label-3-larger {
    text-align: left;
  }

  .modal-content-wide {
    width: 90%;
    max-width: 540px;
  }

  .sf-1042 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1043 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1043.grey {
    display: inline-block;
  }

  .sf-1044 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1045 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1045.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .post-header-39 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sort-option-25 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .sf-1046 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .label-tile-18 {
    font-size: 12px;
  }

  .sf-1047 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1048 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .apply-button-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .matched-56 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1049 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1049.white {
    font-size: 15px;
  }

  .search-wrapper-28 {
    display: block;
  }

  .play-video-modal {
    width: 100%;
  }

  .sf-1050 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1050.grey {
    display: inline-block;
  }

  .apply-button-4 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .menu-item-10 {
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .search-wrapper-30 {
    display: block;
  }

  .pin-date-calendar-copy {
    width: 100%;
  }

  .modalnewplan-8 {
    padding-top: 0;
    display: none;
  }

  .plan-edit-row-5 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input-wrapper-8 {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0;
  }

  .form-input-wrapper-8.medium {
    padding-right: 0;
  }

  .form-input-wrapper-8.short {
    padding-bottom: 6px;
  }

  .div-block-3680 {
    justify-content: flex-start;
  }

  .sf-14-regular-29 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1076 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .labelsmall-19 {
    font-size: 14px;
    line-height: 20px;
  }

  .edit-button-holder-16 {
    flex-direction: column;
    align-items: center;
  }

  .submit-save-button-73, .submit-button-small-37 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1077 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1078 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1078.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-1079 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-15-med-107 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .post-header-41 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-1080 {
    font-size: 12px;
    line-height: 18px;
  }

  .submit-save-button-74 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-74.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .modal-content-15 {
    width: 100%;
  }

  .all-items-15 {
    width: 250px;
    position: fixed;
    top: 66px;
    right: 0;
  }

  .sf-1081 {
    font-size: 12px;
    line-height: 18px;
  }

  .small-text-33 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-1082 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modalclosediv-58 {
    justify-content: flex-start;
    padding-left: 0;
  }

  .sf-1083 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .text-376, .text-377 {
    font-size: 18px;
    line-height: 22px;
  }

  .submit-save-button-75 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-75.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .action-button-52 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .modal-content-username-copy-2 {
    width: 100%;
  }

  .sf-1084 {
    font-size: 12px;
    line-height: 18px;
  }

  .text-379 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-379.light {
    font-size: 22px;
    line-height: 26px;
  }

  .sf-1085 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1085.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .h3-dark-18 {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark-18.thin {
    font-size: 18px;
    line-height: 22px;
  }

  .text-382.center {
    font-size: 14px;
  }

  .div-block-3715 {
    min-height: 46px;
  }

  .sf-1086 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1086.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .intro-23 {
    padding-top: 60px;
  }

  .modal-content-exercises-15 {
    width: 100%;
  }

  .modal-confiirmation-4 {
    display: none;
  }

  .exercise-row-17 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .send-copy-inner-wrapper {
    padding-right: 20px;
  }

  .label-tile-20 {
    font-size: 12px;
  }

  .submit-save-button-76 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1087 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .edit-exercise-13 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modalcontent-28 {
    width: 100%;
  }

  .quote-name-14 {
    font-size: 20px;
    line-height: 22px;
  }

  .sf-1088 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15-med-108 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1089 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1090 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1090.center {
    font-size: 18px;
  }

  .sf-1091 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1091.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-1092 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1093 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1093.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-1094 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .button-today-16 {
    width: 64px;
    margin-left: 5px;
  }

  .workout-name-15 {
    font-size: 18px;
    line-height: 20px;
  }

  .apply-button-holder-13 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .sf-1095 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .result-row-58 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .search-wrapper-32 {
    display: block;
  }

  .sf-14-grey-label-22 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .client-input-holder-12 {
    width: 100%;
  }

  .sf-1096 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .sf-1097 {
    font-size: 12px;
    line-height: 18px;
  }

  .submit-button-small-38 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1098 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1099 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1099.white {
    color: #ffffffd6;
    display: block;
  }

  .submit-button-41 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1100 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .submitbutton-27 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-27.grey {
    width: 220px;
  }

  .submitbutton-27.grey.close-modal {
    display: block;
  }

  .sf-1101 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1128 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .text-link-12-2 {
    font-weight: 500;
    line-height: 18px;
  }

  .load-more-wrapper-copy {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1129 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .submit-button-43 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-content-leads-40 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1130 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-226-copy {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .result-row-60 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1131 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .search-wrapper-group {
    display: block;
  }

  .name-label-5 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-15-med-111 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-full {
    width: 90%;
    max-width: 540px;
  }

  .sf-1132 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .tag-active-5 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1133 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .auto-billing-input-8 {
    align-items: flex-end;
    padding-bottom: 20px;
    padding-right: 10px;
    display: block;
  }

  .plans-main-section-6 {
    width: 100%;
  }

  .submitbutton-29 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .labelsmall-21 {
    font-size: 14px;
    line-height: 20px;
  }

  .header-wide-6 {
    min-height: 56px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sf-1134 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .free-trial-input-wrapper-9 {
    padding-left: 15px;
  }

  .sf-1135, .sf-1136 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modalcontent-30 {
    width: 100%;
  }

  .unmatched-69 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .button-holder-6 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .select-field-32.trial.edit-trial-days {
    font-size: 15px;
  }

  .content-pro-9 {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .content-pro-9.plans {
    padding-left: 10px;
  }

  .small-text-35 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-1137 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .plan-edit-section-8 {
    flex-direction: column;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .modaleditplan-7 {
    padding-top: 0;
    display: none;
  }

  .sf-1138 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1138.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-1139 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1139.semi {
    font-size: 15px;
    font-weight: 500;
  }

  .plan-item-6 {
    padding-bottom: 0;
  }

  .submit-save-button-80 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-80.cancel {
    text-align: center;
    margin-right: 7px;
    font-size: 14px;
  }

  .sf-1140 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1140.semi {
    font-size: 15px;
    font-weight: 500;
  }

  .create-new-button-28 {
    min-width: 90px;
  }

  .sf-13-grey-label-36, .sf-1141 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1141.semi {
    font-weight: 400;
  }

  .form-input-wrapper-10 {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0;
  }

  .modalcontent-31 {
    width: 100%;
    display: block;
  }

  .div-block-3842 {
    flex-direction: column-reverse;
  }

  .div-block-3843 {
    width: 100%;
  }

  .div-block-3844 {
    padding-left: 15px;
  }

  .h3-dark-20 {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark-20.thin {
    font-size: 20px;
    line-height: 22px;
    display: block;
  }

  .sort-wrapper-12 {
    justify-content: center;
  }

  .sf-1142 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .div-block-3845 {
    display: none;
  }

  .checkbox-field-79 {
    align-items: flex-start;
    padding-left: 0;
  }

  .modalcontent-32 {
    width: 100%;
  }

  .sf-15-med-112 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1143 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .checkbox-field-80 {
    align-items: center;
    padding-left: 0;
  }

  .div-block-3847 {
    padding-left: 24px;
  }

  .inputfield-22 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-22.short {
    width: 300px;
  }

  .inputfield-22.short.edit-plan-name {
    display: inline-block;
  }

  .form-input-wrapper-11 {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0;
  }

  .sf-1144 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .inputfield-23 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1145.light-center {
    font-size: 16px;
    line-height: 20px;
  }

  .apply-button-holder-15 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .sf-1146 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1146.semi {
    font-size: 15px;
    font-weight: 500;
  }

  .div-block-3848 {
    margin-left: auto;
    padding-bottom: 10px;
  }

  .matched-58 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .search-wrapper-34 {
    display: block;
  }

  .sf-1147 {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
  }

  .plan-edit-row-7 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input-wrapper-12 {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0;
  }

  .form-input-wrapper-12.short {
    padding-bottom: 10px;
  }

  .plan-section-title-6 {
    padding-left: 10px;
  }

  .modal-content-invite-to-plan-6 {
    width: 90%;
  }

  .sf-1148 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1148.dark-blue {
    font-size: 16px;
  }

  .submit-button-44 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sort-option-28 {
    width: 110px;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .submitbutton-30 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-30.grey {
    width: 220px;
  }

  .submitbutton-30.grey.close-modal {
    display: block;
  }

  .sf-1149 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1149.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-1149.grey {
    display: inline-block;
  }

  .challenge-title2-6 {
    width: 100%;
  }

  .poppins-label-sm-14 {
    font-size: 12px;
  }

  .sf-1153 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .small-text-36 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-1154 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1155, .sf-1156, .sf-1157 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1158, .sf-1159 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .inputfield-24 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-15-med-114 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .poppins-body-text-29 {
    text-align: left;
  }

  .sf-1160 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1161 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .modal-content-leads-41 {
    width: 90%;
    max-width: 540px;
  }

  .poppins-body-text-30 {
    text-align: left;
  }

  .modal-content-leads-42 {
    width: 90%;
    max-width: 540px;
  }

  .unmatched-72 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1162 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-leads-43 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1163 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-115 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-14-grey-label-24, .sf-1164 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1165, .sf-1166 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1167 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .submit-button-small-41 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1168, .sf-15-med-116, .sf-15-med-117 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads-44 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1169 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads-45 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1170 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads-46 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1171 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .result-row-62 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1172 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .poppins-label-7 {
    text-align: left;
  }

  .matched-60 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1173 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1174 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1175 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-1176 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1177 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1178 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1179 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .score-inner-row-5 {
    width: 100%;
    min-height: 60px;
    display: flex;
  }

  .poppins-body-text-31 {
    text-align: left;
  }

  .poppins-label-sm-15 {
    font-size: 12px;
  }

  .score-section-4 {
    width: 100%;
    padding: 14px;
  }

  .sf-1180 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1181 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .challenge-title2-7 {
    width: 100%;
  }

  .poppins-24-2 {
    font-size: 24px;
    line-height: 30px;
  }

  .unmatched-73 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1182 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1183, .unmatched-74, .sf-1184 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-leads-47 {
    width: 90%;
    max-width: 540px;
  }

  .label-participant-name-3 {
    font-size: 16px;
  }

  .search-wrapper-36 {
    display: block;
  }

  .result-row-63 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1185 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .matched-61 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1186 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1186.semi {
    font-weight: 400;
  }

  .scoreboard-table-wrapper-4 {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .div-block-3914 {
    flex-direction: column;
    width: auto;
  }

  .inputfield-25 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-25.short {
    width: 300px;
  }

  .modalcontent-33 {
    width: 100%;
    overflow: visible;
  }

  .submitbutton-31 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .labelsmall-22 {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-3915 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .modalcontent-34 {
    width: 100%;
    overflow: visible;
  }

  .div-block-3917 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .submitbutton-32 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-32.grey {
    width: 220px;
  }

  .submitbutton-32.grey.close-modal {
    display: block;
  }

  .modalcontent-35 {
    width: 100%;
    overflow: visible;
  }

  .text-block-209 {
    font-size: 14px;
  }

  .div-block-3919 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .submitbutton-33 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-33.grey {
    width: 220px;
  }

  .submitbutton-33.grey.close-modal {
    display: block;
  }

  .modalcontent-36 {
    width: 100%;
    overflow: visible;
  }

  .div-block-3921 {
    flex-direction: column;
    width: auto;
  }

  .submitbutton-34 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-34.grey {
    width: 220px;
  }

  .submitbutton-34.grey.close-modal {
    display: block;
  }

  .submitbutton-34.small {
    width: 220px;
  }

  .modalcontent-signup {
    width: 100%;
    overflow: visible;
  }

  .sf-1187 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modal-email-matches {
    padding-top: 40px;
  }

  .submit-button-45 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1188 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .footer-5 {
    color: #b4b4b4;
    font-size: 12px;
  }

  .form-102 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .card-input-6 {
    width: auto;
  }

  .form-103 {
    margin-left: 0;
    margin-right: 0;
  }

  .error-holder-4 {
    width: auto;
  }

  .inputfield-26 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .checkbox-33.terms {
    justify-content: center;
    width: auto;
    display: flex;
  }

  .submitbutton-35 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .h1-3 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .agreement-label-4 {
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    font-size: 14px;
    line-height: 18px;
    display: block;
  }

  .footer-links-9 {
    flex-direction: column;
    padding-top: 18px;
  }

  .form-block-121 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-15-med-118, .sf-1189 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1190 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1190.grey {
    display: inline-block;
  }

  .sf-1191 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1192 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1192.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .post-header-43 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sort-option-29 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .sf-1193 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .result-row-64 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .label-tile-22 {
    font-size: 12px;
  }

  .sf-1194 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1195 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1196 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1196.white {
    font-size: 15px;
  }

  .search-wrapper-37 {
    display: block;
  }

  .sf-1197 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1197.grey {
    display: inline-block;
  }

  .simple-right-click-menu {
    width: 100%;
  }

  .matched-64 {
    font-size: 15px;
  }

  .sf-14-regular-31 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .submit-save-button-84 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1287 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1288 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1288.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-1289 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1289.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .unmatched-79 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .action-button-59 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .result-row-72 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1290 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1291 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1291.white.center {
    font-size: 16px;
  }

  .text-422 {
    font-size: 18px;
    line-height: 22px;
  }

  .loading-row-12 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .search-wrapper-41 {
    display: block;
  }

  .sf-13-grey-label-46 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .library-media-content-view-12 {
    top: 0;
  }

  .library-tag-9 {
    display: inline-block;
  }

  .unmatched-80 {
    font-size: 15px;
  }

  .sf-1292 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .unmatched-81 {
    font-size: 15px;
  }

  .loading-row-13 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1293 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1293.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-1294 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-1295 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1296 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .paragraph-ac-wrapper {
    display: block;
  }

  .sf-1297, .sf-15-med-130 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .result-row-73 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1298 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .post-header-47 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-1299 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-1300 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .unmatched-82 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .result-row-74 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1301 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1301.semi {
    font-size: 15px;
    font-weight: 500;
  }

  .sf-1302, .matched-65 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .search-wrapper-42 {
    display: block;
  }

  .sf-1303 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .submit-button-small-43 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1304 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1304.white {
    font-size: 14px;
  }

  .sf-1305 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1306 {
    font-size: 12px;
    line-height: 18px;
  }

  .label-participant-name-5 {
    font-size: 16px;
  }

  .no-scores {
    width: 100%;
    min-height: 60px;
    display: flex;
  }

  .modal-team-inner-wrapper-2 {
    width: 90%;
    max-width: 540px;
  }

  .loading-row-14 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .challenge-title2-9 {
    width: 100%;
  }

  .score-inner-row-7 {
    width: 100%;
    min-height: 60px;
    display: flex;
  }

  .submitted {
    padding-left: 20px;
    padding-right: 20px;
  }

  .whisper-5 {
    width: 100%;
  }

  .radio-button-3 {
    min-width: 20px;
    min-height: 20px;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .form-wrapper-2 {
    width: 95%;
  }

  .form-h2 {
    font-size: 20px;
    line-height: 26px;
  }

  .form-label {
    text-align: left;
  }

  .sf-15-med-136 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .radio-button-field-24 {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .form-120 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .small-text-42 {
    padding-right: 5px;
    line-height: 16px;
  }

  .loader-8 {
    width: 100%;
    height: 180px;
  }

  .div-block-4693 {
    text-align: center;
  }

  .text-field-50 {
    font-size: 16px;
  }

  .section-content-wrapper {
    flex-direction: column;
  }

  .section-content-wrapper.landing-copy {
    display: flex;
  }

  .div-block-5470 {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .overview-block-2 {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-section {
    padding-left: 0;
    padding-right: 0;
  }

  .site-header-wrapper-w {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 15px;
    position: static;
  }

  .page-element-block-landing {
    padding: 10px;
  }

  .content-section-2.lite-blue.vertical-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-903 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .footer-links-3 {
    padding-top: 30px;
  }

  .screenshot-holder {
    background-size: 70%;
    padding-top: 110%;
  }

  .column-wide-landing {
    padding-top: 0;
    padding-bottom: 0;
  }

  .submit-button-48.large {
    font-size: 18px;
  }

  .poppins-label-9 {
    text-align: left;
  }

  .social-icon-holder {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-745 {
    width: 100%;
  }

  .footer-text-3 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .logo-link-block {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-2438-copy {
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .div-block-4662-copy {
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .poppins-label-xs {
    text-align: left;
    font-size: 13px;
  }

  .div-block-5469 {
    flex-flow: column;
    justify-content: flex-start;
    padding-right: 10px;
  }

  .sign-up-form {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .privacy-text {
    line-height: 18px;
  }

  .link-block-33 {
    width: 120px;
    margin-top: 0;
  }

  .heading-centered-wrapper {
    padding: 10px;
  }

  .image-746 {
    width: 200px;
    min-width: 200px;
  }

  .challenge-landing {
    padding: 40px 20px;
  }

  .submitbutton-36 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-36.grey {
    width: 220px;
  }

  .submitbutton-36.grey.close-modal {
    display: block;
  }

  .list-item-17 {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .div-block-5472 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .list-10 {
    padding-left: 20px;
  }

  .list-10.error {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h3-dark-21 {
    font-size: 18px;
    line-height: 20px;
  }

  .modalcontent-37 {
    width: 100%;
    overflow: visible;
  }

  .h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
  }

  .heading-9 {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
  }

  .search-wrapper-6-copy-copy {
    display: block;
  }

  .modal-content-wide-programs {
    width: 90%;
    max-width: 540px;
  }

  .loader-9 {
    width: 100%;
  }

  .score-section-7 {
    width: 100%;
    padding: 14px;
  }

  .text-label-small-13 {
    color: #4a4a4a;
    text-shadow: none;
    line-height: 1.1em;
    display: block;
    bottom: 6%;
  }

  .text-label-small-13.vertical {
    color: #fff;
  }

  .top-display-8 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .top-display-8.vertical {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .library-tab-bar-7 {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
  }

  .sf-1402 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1402.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .audio-component-30 {
    display: flex;
  }

  .start-button-9 {
    display: flex;
    inset: 0%;
  }

  .sf-1403 {
    font-family: Sf ui text, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-1404 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .player-modal-top-bar-10 {
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-left: 4px;
    position: static;
  }

  .sf-1405 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-webplayer-11 {
    background-color: #fff;
  }

  .sf-1406 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1406.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-1407 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1408 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .div-block-5641 {
    position: relative;
  }

  .submit-save-button-88 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-88.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .video-section-14 {
    height: 240px;
    margin-top: 0;
  }

  .sf-1409 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1409.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-1410 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .inputfield-31 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1411 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .exercise-layer-8 {
    height: 100vh;
  }

  .sf-1412 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1412.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .time-label-8 {
    color: #032944;
    font-size: 13px;
  }

  .time-label-8.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    padding-left: 10px;
  }

  .unmatched-91 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1413 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1413.semi {
    font-weight: 400;
  }

  .post-header-54 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .inputfield-32 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .small-text-45 {
    padding-right: 5px;
    line-height: 16px;
  }

  .action-button-65 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .submit-save-button-89 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .control-buttons-9 {
    inset: 0%;
  }

  .item-header-copy-21 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .sf-15-med-142 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .text-435 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-435.light {
    font-size: 22px;
    line-height: 26px;
  }

  .result-row-85 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1414 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modal-content-calendar-14 {
    width: 100%;
  }

  .sf-1415 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1416 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1416.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .bottom-label-holder-14 {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    inset: auto 0% 80px;
  }

  .submit-button-small-45 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-player-content-10 {
    width: 100%;
    height: 100vh;
    min-height: 0;
  }

  .modal-content-media-copy-16 {
    width: 100%;
    min-height: 350px;
  }

  .sf-1417 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .text-436 {
    font-size: 18px;
    line-height: 22px;
  }

  .sf-1418 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .intro-27 {
    padding-top: 60px;
  }

  .sf-1419 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .plans-wrapper-11 {
    align-items: center;
    display: flex;
  }

  .sf-13-grey-label-53, .sf-1420 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .search-wrapper-47 {
    display: block;
  }

  .progress-bar-volume-wrapper-17 {
    background-image: none;
    height: auto;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    inset: auto 0% 20px;
  }

  .exercise-row-21 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-1421, .sf-1422 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1422.center {
    font-size: 15px;
    line-height: 20px;
  }

  .control-buttons-10 {
    inset: 0%;
  }

  .library-media-content-view-14 {
    top: 0;
  }

  .sf-1423 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1423.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-1424 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1424.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .button-select-plan-9 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .controls-button-holder-22.vertical {
    justify-content: flex-start;
    padding-top: 260px;
  }

  .text-label-set-rep-9 {
    color: #4a4a4a;
    text-shadow: none;
    margin-right: 14px;
    font-size: 1.3em;
    font-weight: 400;
    display: block;
  }

  .text-label-set-rep-9.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
  }

  .text-label-medium-9 {
    color: #4a4a4a;
    text-align: center;
    text-shadow: none;
    font-size: 1.7em;
    line-height: 1.2em;
  }

  .text-label-medium-9.start {
    color: #fff;
    font-size: 1.6em;
  }

  .text-label-medium-9.vertical {
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 6px #0006;
    font-size: 1.5em;
    line-height: 1em;
  }

  .sf-1425 {
    font-family: Sf ui text, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .bottom-label-holder-15 {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    inset: auto 0% 80px;
  }

  .ribbon-content-8 {
    border-top: 1px solid #c4c4c4;
    height: 100%;
    padding-bottom: 14px;
  }

  .sf-1426 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .calendar-top-bar-18 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .text-439 {
    font-size: 18px;
    line-height: 22px;
  }

  .workout-name-19 {
    font-size: 18px;
    line-height: 20px;
  }

  .action-button-66 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .label-tile-26 {
    font-size: 12px;
  }

  .sf-1427 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .paused-button-holder-8 {
    display: none;
  }

  .post-editor-modal-12 {
    width: 100%;
  }

  .text-label-large-9 {
    color: #4a4a4a;
    text-shadow: none;
    font-size: 2.2em;
  }

  .text-label-large-9.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    padding-bottom: 10px;
    font-size: 1.8em;
  }

  .sf-1428 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1428.white {
    color: #ffffffd6;
    font-family: Sf ui text, sans-serif;
    display: block;
  }

  .sf-1429 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1430 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .twm-spinner-3 {
    width: 80px;
    height: 80px;
  }

  .media-library-modal-9 {
    width: 100%;
  }

  .sf-1431 {
    font-size: 12px;
    line-height: 18px;
  }

  .progress-bar-volume-wrapper-18 {
    background-image: none;
    min-height: 40px;
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    inset: auto 0% 0%;
  }

  .post-header-55 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .all-items-19 {
    width: 250px;
    position: fixed;
    top: 66px;
    right: 0;
  }

  .sf-1432 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1432.grey {
    display: inline-block;
  }

  .quote-name-18 {
    font-size: 20px;
    line-height: 22px;
  }

  .sf-1433 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .exercise-info-wrapper-9 {
    padding-left: 0;
    display: block;
  }

  .exercise-info-wrapper-9.vertical {
    padding-top: 0;
    padding-right: 5px;
  }

  .modal-close-player-8 {
    opacity: .5;
    padding: 3px 5px;
    position: relative;
  }

  .feedback-container-9 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .player-play-pause-button-8 {
    border-width: 3px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .unmatched-92 {
    font-size: 15px;
  }

  .sf-1434 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .div-block-5723 {
    min-height: 46px;
  }

  .result-row-86 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-header-9 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .sf-1435 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1435.semi {
    font-weight: 400;
  }

  .tile-tall-37.long {
    width: 98%;
  }

  .wide-header-content-9 {
    padding-right: 0;
  }

  .sf-15-med-143 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .empty-preview-message-9 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1436 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1436.white {
    font-size: 15px;
  }

  .matched-70 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1437 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .text-label-small-15 {
    color: #4a4a4a;
    text-shadow: none;
    line-height: 1.1em;
    display: block;
    bottom: 6%;
  }

  .text-label-countdown-13 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
    position: relative;
  }

  .text-label-countdown-13.small {
    text-align: center;
    font-size: 4.2em;
  }

  .text-label-countdown-13.small.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    font-size: 2.4em;
  }

  .action-button-67, .action-button-68 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-14-grey-label-27 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .submit-save-button-90 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .result-row-87 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1438 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1438.grey {
    display: inline-block;
  }

  .sort-option-32 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .div-block-5737 {
    display: none;
  }

  .action-button-69 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-1439 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1439.semi {
    font-weight: 400;
  }

  .sf-1440 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .paused-layer-8 {
    height: 100vh;
  }

  .sf-1441 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1441.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-1442 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1442.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-15-med-144 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1443 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1443.white.center {
    font-size: 16px;
  }

  .h3-dark-23 {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark-23.left {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .sf-1444 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .link-block-36 {
    width: 120px;
    margin-top: 0;
  }

  .div-block-4707 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .div-block-4708 {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .twmbranding-2 {
    flex-direction: row;
    justify-content: center;
    width: 170px;
    display: flex;
  }

  .h2-white-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-5752 {
    padding-bottom: 10px;
  }

  .image-790 {
    width: 36px;
  }

  .h1-4 {
    font-size: 26px;
    line-height: 36px;
  }

  .link-block-37 {
    width: 120px;
    margin-top: 0;
  }

  .div-block-5753 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .div-block-5754 {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .contentbg-3 {
    min-height: 660px;
  }

  .timeline-item-hover {
    width: 100%;
  }

  .summary-row {
    width: 100%;
    min-height: 60px;
    display: flex;
  }

  .poppins-label-11 {
    text-align: left;
  }

  .score-section-copy {
    width: 100%;
    padding: 14px;
  }

  .label-participant-name-6 {
    font-size: 16px;
  }

  .points-copy {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
    padding-right: 6px;
    display: flex;
  }

  .search-wrapper-programs {
    display: block;
  }

  .poppins-label-12 {
    text-align: left;
  }

  .message-search-wrapper-11 {
    display: block;
  }

  .poppins-24-8 {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-1476, .unmatched-93 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1477 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1478 {
    font-size: 12px;
    line-height: 18px;
  }

  .post-header-59 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .challenge-title2-14 {
    width: 100%;
  }

  .timeline-action-bar-22 {
    padding-left: 10px;
  }

  .social-label-19 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
  }

  .result-row-88 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-content-leads-67 {
    width: 90%;
    max-width: 540px;
  }

  .item-header-copy-25 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .matched-71 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1479 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1480 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .message-holder-29 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .sf-1481 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-leads-68 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1482, .sf-1483 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .poppins-label-sm-22 {
    font-size: 12px;
  }

  .modal-edit-team-4 {
    width: 100%;
  }

  .poppins-label-sm-23 {
    font-size: 12px;
  }

  .sf-1484 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .social-label-20 {
    font-family: Sf ui text, sans-serif;
    font-size: 13px;
  }

  .sf-1449 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .submit-button-49 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .search-wrapper-48 {
    display: block;
  }

  .social-icon-bar-10 {
    justify-content: space-between;
    display: flex;
  }

  .sf-1485 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1486 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .item-header-copy-26 {
    font-family: Sf ui text, sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .sf-1487 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1488 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .poppins-body-text-55 {
    text-align: left;
  }

  .sf-1489 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1490 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .poppins-body-text-56, .poppins-body-text-57 {
    text-align: left;
  }

  .scoreboard-table-wrapper-11 {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .modal-content-leads-69 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1491 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15-med-148, .unmatched-94 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1492 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .poppins-body-text-58 {
    text-align: left;
  }

  .sf-1493 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .post-header-60 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .modal-content-leads-70 {
    width: 90%;
    max-width: 540px;
  }

  .search-wrapper-49 {
    display: block;
  }

  .modal-content-wide-4 {
    width: 90%;
    max-width: 540px;
  }

  .sf-1494 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1495 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .poppins-label-sm-24 {
    font-size: 12px;
  }

  .result-row-90 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .poppins-label-15 {
    text-align: left;
  }

  .sf-15-med-149, .sf-1496 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1497 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .small-text-46 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-1498 {
    font-family: Sf ui text, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1499 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1500 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-150 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1501 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-151 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .sf-1502 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .header-image-2 {
    margin-bottom: 10px;
    padding-top: 75%;
  }

  .header-image-2.cienna {
    background-position: 50%, 50%;
    background-size: cover, cover;
  }

  .div-block-4699 {
    padding: 30px 20px 40px;
  }

  .logo-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5864 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .poppins-34 {
    line-height: 34px;
  }

  .link-block-38 {
    width: 120px;
    margin-top: 0;
  }

  .waitlist-form {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-wrapper-white {
    height: 50px;
  }

  .main-content {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-881 {
    padding-left: 0;
  }

  .submit-button-51 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-2 {
    text-align: center;
    background-color: #fffc;
    width: 100%;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph-2.supersmall {
    background-color: #0000;
  }

  .paragraph-2.supersmall.left {
    text-align: left;
  }

  .paragraph-2.smalltext {
    text-align: left;
    background-color: #0000;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .paragraph-2.smalltext.plan {
    font-size: 12px;
    line-height: 15px;
  }

  .modalinvalidpayment-3 {
    display: none;
  }

  .tip-amount-3 {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .h4-2 {
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
  }

  .h4-2.account {
    font-family: Sf ui text, sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: block;
  }

  .h4-2.account.table {
    line-height: 20px;
  }

  .client-row-4 {
    width: auto;
    padding-left: 0;
    padding-right: 20px;
  }

  .labelsmall-24 {
    font-size: 14px;
    line-height: 20px;
  }

  .status-cion-6 {
    padding-left: 5px;
  }

  .textlink-24._20 {
    font-size: 18px;
  }

  .modal-content-long-4 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submit-button-holder-10 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-5877 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .text-field-225 {
    margin-right: 10px;
  }

  .error-holder-6 {
    width: auto;
  }

  .form-135 {
    height: auto;
  }

  .h3-dark-26 {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark-26.thin {
    font-size: 18px;
    line-height: 22px;
    display: block;
  }

  .h3-dark-26.account.centered {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .sf-1513 {
    color: #333;
  }

  .sf-1513.semi {
    font-weight: 600;
  }

  .bar-5 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 78px;
    padding: 14px 12px;
    display: flex;
  }

  .card-input-8 {
    width: auto;
  }

  .text-link-12-3 {
    font-weight: 500;
    line-height: 18px;
  }

  .sf-1514 {
    color: #333;
  }

  .modalcontent-40 {
    width: 100%;
    overflow: visible;
  }

  .modalcontent-40.wide {
    width: 100%;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-5884 {
    flex-direction: column;
    width: auto;
  }

  .h3-dark-27 {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark-27.formtitle {
    font-size: 18px;
  }

  .sf-1515 {
    font-family: Sf ui text, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1515.center {
    font-size: 18px;
  }

  .stripe-status-wrapper-4 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .stripe-status-wrapper-4.missing {
    align-items: center;
  }

  .submit-button-holder-11, .submit-button-holder-12 {
    flex-direction: column;
    align-items: center;
  }

  .inputfield-34 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-34.short {
    width: 300px;
  }

  .button-tipping-4 {
    background-size: 22px;
    width: 200px;
    height: 40px;
    margin-top: 14px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    font-size: 14px;
    display: block;
  }

  .sf-1516 {
    font-family: Sf ui text, sans-serif;
    font-size: 15px;
  }

  .modalcontent-41 {
    width: 100%;
    display: block;
  }

  .modalcontent-41.wide, .modalcontent-41.stripe {
    width: 100%;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .submitbutton-38 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-38.supersmall {
    min-width: 90px;
  }

  .submitbutton-38.update {
    width: auto;
    min-width: 90px;
    margin-top: 10px;
  }

  .text-block-521 {
    font-size: 14px;
  }

  .div-block-5888 {
    width: auto;
  }

  .list-item-19 {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .list-item-19.small {
    font-size: 15px;
    line-height: 18px;
  }

  .submitbutton-39 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-39.round {
    width: auto;
    min-width: 80px;
  }

  .submitbutton-39.form {
    width: 220px;
    margin-right: 0;
  }

  .submitbutton-39.form {
    width: 220px;
  }

  .submitbutton-39.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
  }

  .submitbutton-39.grey {
    width: 220px;
  }

  .submitbutton-39.grey.close-modal {
    display: block;
  }

  .submitbutton-39.form {
    width: 220px;
    margin-left: 0;
    margin-right: 0;
  }

  .submitbutton-39.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .submitbutton-39.supersmall {
    min-width: 90px;
  }
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502181fc-8e7aed0f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502181ff-8e7aed0f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218202-8e7aed0f {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218205-8e7aed0f {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218208-8e7aed0f {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021820b-8e7aed0f {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021820e-8e7aed0f {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218212-8e7aed0f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021821f-8e7aed0f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218228-8e7aed0f {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218236-8e7aed0f {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021823f-8e7aed0f {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021824d-8e7aed0f {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218263-8e7aed0f {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218276-8e7aed0f {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218284-8e7aed0f {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218292-8e7aed0f {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182a5-8e7aed0f {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182b3-8e7aed0f {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182c1-8e7aed0f {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182cf-8e7aed0f {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182dd-8e7aed0f {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182eb-8e7aed0f {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502182f9-8e7aed0f {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218307-8e7aed0f {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218315-8e7aed0f {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021831e-8e7aed0f {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021832c-8e7aed0f {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218344-8e7aed0f {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218348-8e7aed0f {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218356-8e7aed0f {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021836c-8e7aed0f {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021837a-8e7aed0f {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218388-8e7aed0f {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021839b-8e7aed0f {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502183a9-8e7aed0f {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502183b7-8e7aed0f {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502183c5-8e7aed0f {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502183d3-8e7aed0f {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502183e1-8e7aed0f {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c1502183f7-8e7aed0f {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218405-8e7aed0f {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218413-8e7aed0f {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218421-8e7aed0f {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021842f-8e7aed0f {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021843d-8e7aed0f {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021844b-8e7aed0f {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c150218459-8e7aed0f {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_1d22347d-bdf2-42fe-b54c-d6c15021846c-8e7aed0f {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2c1-8e7aed18 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2c4-8e7aed18 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2c7-8e7aed18 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2ca-8e7aed18 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2cd-8e7aed18 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2d0-8e7aed18 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2d3-8e7aed18 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2d7-8e7aed18 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2eb-8e7aed18 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2f4-8e7aed18 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a2fd-8e7aed18 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a306-8e7aed18 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a30a-8e7aed18 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a313-8e7aed18 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a326-8e7aed18 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a334-8e7aed18 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a33d-8e7aed18 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a34b-8e7aed18 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a359-8e7aed18 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a367-8e7aed18 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a375-8e7aed18 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a383-8e7aed18 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a391-8e7aed18 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a39f-8e7aed18 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a3af-8e7aed18 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a3c0-8e7aed18 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a3d3-8e7aed18 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a3e1-8e7aed18 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a3f4-8e7aed18 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a3f8-8e7aed18 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a406-8e7aed18 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a41c-8e7aed18 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a42a-8e7aed18 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a438-8e7aed18 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a447-8e7aed18 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a455-8e7aed18 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a463-8e7aed18 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a471-8e7aed18 {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a47f-8e7aed18 {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a48d-8e7aed18 {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4a3-8e7aed18 {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4b1-8e7aed18 {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4bf-8e7aed18 {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4cd-8e7aed18 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4db-8e7aed18 {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4e9-8e7aed18 {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a4f7-8e7aed18 {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a505-8e7aed18 {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_4b857880-cf8a-590b-62ec-cc53e995a518-8e7aed18 {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-adf4ab4e-e940-59a7-0a85-fb78880f1ab7-8e7aed19, #w-node-adf4ab4e-e940-59a7-0a85-fb78880f1b0a-8e7aed19, #w-node-adf4ab4e-e940-59a7-0a85-fb78880f1b69-8e7aed19, #w-node-adf4ab4e-e940-59a7-0a85-fb78880f1b89-8e7aed19, #w-node-adf4ab4e-e940-59a7-0a85-fb78880f1b9d-8e7aed19, #w-node-adf4ab4e-e940-59a7-0a85-fb78880f1baf-8e7aed19, #w-node-d800ceed-e950-85af-a4d8-f2236194c31d-8e7aed1c, #w-node-d800ceed-e950-85af-a4d8-f2236194c332-8e7aed1c, #w-node-f103c1fb-d59b-de45-e45e-f6b80b2ac0ea-8e7aed1c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_07a7e139-457d-0b3f-797e-e9532a882109-8e7aed7c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_07a7e139-457d-0b3f-797e-e9532a882125-8e7aed7c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3768d-8e7aed8d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37690-8e7aed8d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37693-8e7aed8d {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37696-8e7aed8d {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37699-8e7aed8d {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3769c-8e7aed8d {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3769f-8e7aed8d {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376a3-8e7aed8d {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376b0-8e7aed8d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376b9-8e7aed8d {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376c7-8e7aed8d {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376d0-8e7aed8d {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376de-8e7aed8d {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da376f4-8e7aed8d {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37707-8e7aed8d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37715-8e7aed8d {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37723-8e7aed8d {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37736-8e7aed8d {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37744-8e7aed8d {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37752-8e7aed8d {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37760-8e7aed8d {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3776e-8e7aed8d {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3777c-8e7aed8d {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3778a-8e7aed8d {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37798-8e7aed8d {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377a6-8e7aed8d {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377af-8e7aed8d {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377bd-8e7aed8d {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377d5-8e7aed8d {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377d9-8e7aed8d {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377e7-8e7aed8d {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da377fd-8e7aed8d {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3780b-8e7aed8d {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37819-8e7aed8d {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3782c-8e7aed8d {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da3783a-8e7aed8d {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37848-8e7aed8d {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37856-8e7aed8d {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37864-8e7aed8d {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37872-8e7aed8d {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37888-8e7aed8d {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da37896-8e7aed8d {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378a4-8e7aed8d {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378b2-8e7aed8d {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378c0-8e7aed8d {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378ce-8e7aed8d {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378dc-8e7aed8d {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378ea-8e7aed8d {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da378fd-8e7aed8d {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da384d9-8e7aed8d, #w-node-_20cefbb2-79a3-7b7b-b9a4-8c511da384e9-8e7aed8d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7a2-8e7aed8e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7a5-8e7aed8e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7a8-8e7aed8e {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7ab-8e7aed8e {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7ae-8e7aed8e {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7b1-8e7aed8e {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7b4-8e7aed8e {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7b8-8e7aed8e {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7c5-8e7aed8e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7ce-8e7aed8e {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7dc-8e7aed8e {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7e5-8e7aed8e {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb7f3-8e7aed8e {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb809-8e7aed8e {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb81c-8e7aed8e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb82a-8e7aed8e {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb838-8e7aed8e {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb84b-8e7aed8e {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb859-8e7aed8e {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb867-8e7aed8e {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb875-8e7aed8e {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb883-8e7aed8e {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb891-8e7aed8e {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb89f-8e7aed8e {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8ad-8e7aed8e {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8bb-8e7aed8e {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8c4-8e7aed8e {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8d2-8e7aed8e {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8ea-8e7aed8e {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8ee-8e7aed8e {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb8fc-8e7aed8e {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb912-8e7aed8e {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb920-8e7aed8e {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb92e-8e7aed8e {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb941-8e7aed8e {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb94f-8e7aed8e {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb95d-8e7aed8e {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb96b-8e7aed8e {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb979-8e7aed8e {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb987-8e7aed8e {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb99d-8e7aed8e {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9ab-8e7aed8e {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9b9-8e7aed8e {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9c7-8e7aed8e {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9d5-8e7aed8e {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9e3-8e7aed8e {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9f1-8e7aed8e {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafb9ff-8e7aed8e {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafba12-8e7aed8e {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_1c60604f-1e53-274d-baf8-9d55ddafc5ee-8e7aed8e, #w-node-_1c60604f-1e53-274d-baf8-9d55ddafc5fe-8e7aed8e, #w-node-_19f39a3a-82e6-c3ea-de47-0ece07a69ef2-8e7aed91, #w-node-_19f39a3a-82e6-c3ea-de47-0ece07a69f8f-8e7aed91, #w-node-_19f39a3a-82e6-c3ea-de47-0ece07a69fd4-8e7aed91 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec6fc-8e7aedcb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec6ff-8e7aedcb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec702-8e7aedcb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec705-8e7aedcb {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec708-8e7aedcb {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec70b-8e7aedcb {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec70e-8e7aedcb {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec712-8e7aedcb {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec71f-8e7aedcb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec72d-8e7aedcb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec73b-8e7aedcb {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec749-8e7aedcb {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec75c-8e7aedcb {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec772-8e7aedcb {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec785-8e7aedcb {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec793-8e7aedcb {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7a1-8e7aedcb {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7b4-8e7aedcb {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7c2-8e7aedcb {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7d0-8e7aedcb {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7de-8e7aedcb {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7ec-8e7aedcb {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec7fa-8e7aedcb {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec808-8e7aedcb {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec816-8e7aedcb {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec824-8e7aedcb {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec82d-8e7aedcb {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec83b-8e7aedcb {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec853-8e7aedcb {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec857-8e7aedcb {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec865-8e7aedcb {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec87b-8e7aedcb {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec889-8e7aedcb {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec897-8e7aedcb {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec8aa-8e7aedcb {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec8b8-8e7aedcb {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec8c6-8e7aedcb {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec8d4-8e7aedcb {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec8e2-8e7aedcb {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec8f0-8e7aedcb {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec906-8e7aedcb {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec914-8e7aedcb {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec922-8e7aedcb {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec930-8e7aedcb {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec93e-8e7aedcb {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec94c-8e7aedcb {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec95a-8e7aedcb {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec968-8e7aedcb {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-fbbaeb18-2281-f997-8242-04dc2d8ec97b-8e7aedcb {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-_82020f78-8229-de53-3eb7-4091f43fb638-8e7aedcd, #w-node-_71c09fe1-3091-5280-8ad9-111420a6f165-8e7aedcd, #w-node-_996cede0-dfd5-e449-2800-7dc88e73401d-8e7aedcd, #w-node-_82020f78-8229-de53-3eb7-4091f43fb638-8e7aedce, #w-node-_71c09fe1-3091-5280-8ad9-111420a6f165-8e7aedce, #w-node-_996cede0-dfd5-e449-2800-7dc88e73401d-8e7aedce, #w-node-_658a28a7-fe74-ade7-8226-66035060662f-8e7aede9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a955-8e7aedeb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a958-8e7aedeb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a95b-8e7aedeb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a95e-8e7aedeb {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a961-8e7aedeb {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a964-8e7aedeb {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a967-8e7aedeb {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a96b-8e7aedeb {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a978-8e7aedeb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a981-8e7aedeb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a98f-8e7aedeb {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a998-8e7aedeb {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a9a6-8e7aedeb {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a9bc-8e7aedeb {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a9cf-8e7aedeb {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a9dd-8e7aedeb {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a9eb-8e7aedeb {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552a9fe-8e7aedeb {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa0c-8e7aedeb {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa1a-8e7aedeb {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa28-8e7aedeb {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa36-8e7aedeb {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa44-8e7aedeb {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa52-8e7aedeb {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa60-8e7aedeb {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa6e-8e7aedeb {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa77-8e7aedeb {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa85-8e7aedeb {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aa9d-8e7aedeb {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aaa1-8e7aedeb {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aaaf-8e7aedeb {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aac5-8e7aedeb {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aad3-8e7aedeb {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aae1-8e7aedeb {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aaf4-8e7aedeb {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab02-8e7aedeb {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab10-8e7aedeb {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab1e-8e7aedeb {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab2c-8e7aedeb {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab3a-8e7aedeb {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab50-8e7aedeb {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab5e-8e7aedeb {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab6c-8e7aedeb {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab7a-8e7aedeb {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab88-8e7aedeb {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552ab96-8e7aedeb {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552aba4-8e7aedeb {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552abb2-8e7aedeb {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-ff987102-f2ca-ec02-10a2-51be7552abc5-8e7aedeb {
  grid-area: 6 / 7 / 7 / 8;
}

#w-node-a73e3b2e-ecac-1e5f-5b3f-42311dfa28d6-8e7aee11, #w-node-ca403d28-898e-59b4-de4c-28ea343216d2-8e7aee12, #w-node-ca403d28-898e-59b4-de4c-28ea3432171f-8e7aee12, #w-node-ca403d28-898e-59b4-de4c-28ea3432177d-8e7aee12, #w-node-ca403d28-898e-59b4-de4c-28ea3432179d-8e7aee12, #w-node-ca403d28-898e-59b4-de4c-28ea343217b1-8e7aee12, #w-node-ca403d28-898e-59b4-de4c-28ea343217c3-8e7aee12, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cc66-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cd10-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cd5d-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cd68-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cdc6-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cde6-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924cdfa-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924ce21-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924ce32-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924ce43-8e7aee14, #w-node-fb39ab05-03b0-7af0-2fbe-be348924ce55-8e7aee14, #w-node-b0f0b115-57fb-db5e-de1b-906c72f435d3-8e7aee15, #w-node-_6526f091-19f3-daeb-bf0c-7f65b33a105f-8e7aee17, #w-node-_6526f091-19f3-daeb-bf0c-7f65b33a10a3-8e7aee17, #w-node-_73f8031c-6975-440b-e66e-16ee33de5a1c-8e7aee18, #w-node-_73f8031c-6975-440b-e66e-16ee33de5b82-8e7aee18, #w-node-_73f8031c-6975-440b-e66e-16ee33de5be2-8e7aee18, #w-node-_73f8031c-6975-440b-e66e-16ee33de5c4a-8e7aee18, #w-node-_73f8031c-6975-440b-e66e-16ee33de5c5d-8e7aee18, #w-node-_0ad90086-89a6-8766-205b-9e6262701f82-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e626270220d-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e626270226c-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e62627022e8-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e62627023bf-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e626270241a-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e6262702432-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e6262702443-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e62627024e5-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e62627024fd-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e6262702535-8e7aee1c, #w-node-_0ad90086-89a6-8766-205b-9e6262701f82-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e626270220d-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e626270226c-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e62627022e8-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e62627023bf-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e626270241a-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e6262702432-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e6262702443-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e62627024e5-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e62627024fd-8e7aee1d, #w-node-_0ad90086-89a6-8766-205b-9e6262702535-8e7aee1d {
  grid-area: 1 / 2 / 2 / 3;
}


@font-face {
  font-family: 'Tungsten';
  src: url('../fonts/Tungsten-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}