#__next,body,html{min-height:100vh}


/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, ::before, ::after {
    border-color: var(--chakra-colors-gray-200);
    overflow-wrap: break-word;
}

*, ::before, ::after {
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
}

body {
    font-family: var(--chakra-fonts-body);
    color: var(--chakra-colors-gray-800);
    background: var(--chakra-colors-white);
    transition: background-color 0.2s ease 0s;
    line-height: var(--chakra-lineHeights-base);
}

body, blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0px;
}

body {
    position: relative;
    min-height: 100%;
    font-feature-settings: "kern";
}

@media screen and (min-width: 62em) {
  .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}
@media screen and (min-width: 30em) {
  .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}

.content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: inherit;
    overflow: hidden;
    min-height: 100vh;
    background: rgba(247, 247, 247, 1);
}

.landing-section {
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    margin-bottom: 0px !important;
}

.first-section {    
  margin-bottom: 53px !important;
}

@media screen and (min-width: 30em) {
  .landing-section {
    width: 1280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
  }


  .very_large {
    font-size: 64px !important;  
    line-height: 64px !important;
  }


  .wide {
     width: 750px !important; 
  }

  .top_img {
    margin-top: 81px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    object-fit: cover;
    display: block;
    width: 576px !important; ;
    height: 548px !important; ;
  }


}

.centered {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 62em) {
  .left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}
@media screen and (min-width: 30em) {
  .left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;

    width: 560px;
    text-align: left !important ;
    padding-top: 178px;
    padding-bottom: 178px;
  }
}

.wide {

}

.download_appstore {

}

.left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    text-align: center;
}

@media screen and (min-width: 30em) {
  .right {
      display: block;
  }
}

.right {
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (min-width: 62em) {
  .left_content_smaller {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}

@media screen and (min-width: 30em) {
  .left_content_smaller {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}

.left_content_smaller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 364px;
    height: 212px;
}


@media screen and (min-width: 30em) {
  .container_full {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}

.container_full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

@media screen and (min-width: 62em) {
  .container_center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}

@media screen and (min-width: 30em) {
  .container_center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;

      width: 500px;
      padding-right: 20px;
      padding-left: 20px;
  }

  
}

.container_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
          padding-right: 20px;
      padding-left: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;

    text-align: center;
}

@media screen and (min-width: 62em) {
.content_smaller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 30em) {
  .content_smaller {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 0px !important;
      width: 364px !important;
      padding: 0px !important;
  }
}

.content_smaller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

 @media screen and (min-width: 30em) {
      .landing-section .section_title.large{
          display:initial;
          text-align: start;
          font-size: 56px !important ;
          margin-bottom: -4px;
      }

      .landing-section .section_title.medium {
        font-size: 48px !important ;
      }

  }


.landing-section .section_title.medium {
  font-size: 36px;
  font-family: Inter;
  line-height: 36px;
  font-weight: 900;
  color: rgba(15, 15, 15, 1);
  display: inline;
  white-space: pre-wrap;
}

.landing-section .section_title.large {

  font-size: 48px;
  font-family: Inter;
  line-height: 48px;
  font-weight: 900;
  color: rgba(15, 15, 15, 1);
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  display: initial;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.landing-section .section_title.very_large {

  font-size: 36px;
  font-family: Inter;
  line-height: 36px;
  font-weight: 900;
  color: rgba(15, 15, 15, 1);
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  display: initial;
  -webkit-text-decoration: none;
  text-decoration: none;
}


.landing-section .section_title {
  font-size: 36px;
  font-family: Inter;    
  line-height: 40px;
  font-weight: 900;
  display: inline;
  white-space: pre-wrap;
  text-align: center;
}

@media screen and (min-width: 62em) {
  .landing-section .section_subtitle {
      display: initial;
  }
}

@media screen and (min-width: 30em) { 

  .landing-section .section_subtitle {
      display: initial;
      padding: 0px !important;
  }



}

.landing-section .section_subtitle {
  margin-top: 16px !important;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  margin-bottom: 0px;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  font-size: 20px;
  font-family: Inter;
  line-height: 28px;
  font-weight: 700;
  color: rgba(122, 122, 122, 1);
}

.right img {
  object-fit: cover;
  display: block;
  margin-top:32px;
  width: 420px;
  height: 536px;
}

@media screen and (min-width: 30em) { 
  .right img {
      object-fit: cover;
      display: block;
      width: 720px;
      height: 614px;
  }
}

img, video {
    max-width: 100%;
    height: auto;
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}

img {
    border-style: none;
}

@media screen and (min-width: 30em) { 
  .button_parent {
   
      -webkit-margin-end: 0px;
      margin-inline-end: 0px;
      margin-bottom: 0px;
      -webkit-margin-start: 0px;
      margin-inline-start: 0px;
  }
}

@media screen and (min-width: 62em) {
  .button_parent {
      display: block;
  }
}

@media screen and (min-width: 30em) {
  .button_parent {
      display: block;
  }
}

@media screen and (min-width: 30em) {
  .sign_up_a {
      margin: 0px !important;
  }
}

.sign_up_a {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.display_inline {
  display: inline-block !important;
  width: max-content !important;
}

.button_parent {
 
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    display: block;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 43px;
    overflow: hidden;
    margin: 0 auto !important;
    margin-top: 24px !important;
    padding: 20px;
    width: max-content !important;
    padding-left: 30px;
    padding-right: 30px;

    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.centered-title {
  text-align: center;
}

.sign_up_button {
    font-size: 20px;

    font-family: Inter;
    line-height: 23px;
    font-weight: 700;
    color: rgba(15, 15, 15, 1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    width: 100%;
    -webkit-align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.black {
  color: #000;
}


.logo_img {
   margin-top: 72px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    object-fit: cover;
    display: block;
     width: 152px;
    height: 36px;
}

.top_img {
    margin-top: 48px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    object-fit: cover;
    display: block;
    width: 100%;
}


.easy_gym {
    margin-top: 32px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    object-fit: cover;
    display: block;
    width: 430px;
    height: 644px;
}


.play_workout {
  margin-top: 32px;
  display: block;
  position: relative;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 430px;
  height: 644px;
  object-fit: cover;
}


.records {
  margin-top: 32px;
  display: block;
  position: relative;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 430px;
  height: 644px;
  object-fit: cover;
}

.appstore_button img {
    width: 212px;
}

@media screen and (min-width: 30em) {
  .logo_art {
    width: 648px;
  }
}

.sign_up_form > .field {
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}

.match_field_width {
  width: 348px !important;
}

.gu1de-field {
  width: 348px !important;
  height: 40px !important;
  border-radius: 8px !important;
  border: 2px solid #B8B8B8 !important;
  font-size: 16px !important;
  background-color: #F8F8F8 !important;
  color: #000 !important;
  font-weight: 600 !important;
}

.gu1de-field:active {
  border: 2px solid #545454 !important;
}

.gu1de-field:focus {
  border: 2px solid #545454 !important;
}

.gu1de-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #B8B8B8 !important;
  opacity: 1; /* Firefox */
  font-size: 16px;
  margin-left: 16px;
}

.gu1de-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #B8B8B8 ;
}

.gu1de-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #B8B8B8;
}

#system :first-child {
  color: #B8B8B8;
}

.social_button img {
  width: 32pt;
  height: 32pt;
  float: left;
  margin-left: 32pt;
  margin-right: 32pt;
}

.social_button {
  opacity: 0.5;
}

.social_button:hover {
  opacity: 1.0;
}

.select:not(.is-multiple):not(.is-loading)::after {
   border-color: #B8B8B8;/*change your color here*/
}