@media (max-width: 767px) {
  #toggledirection {
    width: 8%;
    font-size: 12px;
  }
  .heading {
    width: 75%;
    margin: 0vh auto 1vh;
    font-size: 14px;
  }
  body {
    padding: 2vw;
    margin: 0vw;
    background-color: var(--lbb);
    width: 96vw;
    overflow: hidden;
  }
  .wrapper {
    height: 96vh;
    width: 96vw;
    margin: 0;
    padding: 0;
  }
  form {
    height: 93vh;
    width: 96vw;
    margin: 0;
    padding: 0;
  }
  #card-3d-wrapper {
    height: 100%;
    width: 96vw;
    display: flex;
    position: relative;
    transform-origin: center;
    transform-style: preserve-3d;
    transition: transform 0.6s 400ms ease-out;
    justify-content: center;
    align-items: center;
    background: transparent;
    perspective: 100px;
  }
  .f-horizontal {
    flex-direction: column;
    gap: 2vw;
  }
  .card-front {
    background-color: var(--light);
    position: absolute;
    height: 85vh;
    width: 90vw;
    display: flex;
    transform-style: preserve-3d;
    transition: opacity 0.6s 1s ease-in-out, all 0.6s 0.4s ease-in-out;
    align-items: center;
    flex-direction: column;
    border-radius: 20px;
    gap: 5vh;
    padding: 2vw;
    perspective: 100px;
    box-shadow: var(--shadow-elevation-high);
  }
  .card-back {
    background-color: var(--light);
    position: absolute;
    display: flex;
    transform-style: preserve-3d;
    justify-content: space-between !important;
    transition: opacity 0.6s 1s ease-in-out, all 0.6s 0.4s ease-in-out;
    align-items: center;
    flex-direction: column;
    border-radius: 20px;
    padding: 0vw;
    perspective: 100px;
    box-shadow: var(--shadow-elevation-high);
    height: 90vh;
    width: 90vw;
    justify-items: center;
  }
  .blockbig1 {
    flex-direction: column;
    gap: 2vw;
  }
  label.goallabel {
    text-align: center;
    scale: 0.9;
    padding: 2vw !important;
    width: 75%;
  }
  .femalelabel, .malelabel {
    height: 10vw !important;
  }
  input[name=gender-select]:checked + .malelabel:before, input[name=gender-select]:checked + .femalelabel:before {
    transform: translate(85%, 10%);
    height: 8vw;
  }
  .radio-input input[type=radio]:checked + .goallabel {
    scale: 1;
  }
  .radio-input-v-g {
    flex-direction: row !important;
    justify-content: center;
    gap: 3vw;
    height: 16vw;
  }
  .headinginner1 {
    height: auto;
    grid-area: 1;
    opacity: 0.5;
    font-size: 12px;
  }
  .tophead {
    font-size: 16px;
  }
  .blockbig2 {
    box-shadow: none;
    border-radius: 0px;
    background: none;
    height: 25vh;
    justify-content: space-evenly;
  }
  .range-value,
  .heval,
  .ageval {
    height: auto;
    grid-area: 2;
  }
  .range-slider {
    grid-area: 3/2/1/3;
    height: 10px;
  }
  .item1 {
    gap: 5vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid var(--white);
  }
  .item2 {
    flex-direction: column;
    padding: 1vw 3vw;
    border: 1px solid var(--primary);
    box-shadow: none;
  }
  .item3, .item4, .item5 {
    box-shadow: none;
    background: none;
    border: none;
  }
  .item3 .radio-input, .item4 .radio-input, .item5 .radio-input {
    display: flex;
    padding: 1vw;
    width: 100%;
    gap: 1vw;
  }
  .item4 .radio-input {
    flex-direction: row-reverse;
  }
  .range-slider::-webkit-slider-runnable-track {
    box-shadow: var(--shadow-elevation-high);
  }
  .activity-input {
    gap: 0 !important;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    justify-content: flex-start;
  }
  .item6 {
    width: 88vw;
    margin: 1vw;
    height: 50vh;
    scale: 0.9;
  }
  .activity-input label {
    width: 35vw;
    text-align: center;
    margin: 1vw;
    display: block;
    padding: 1vw;
    font-size: 12px;
  }
  .actilabel {
    font-size: 12px;
  }
  .actilabel p {
    font-size: 10px;
    margin: 0;
    padding: 1vw;
  }
  input[name=activity-select]:checked + .actilabel {
    width: 35vw;
    text-align: center;
    margin: 0.5vw;
    display: block;
    padding: 0.5vw !important;
    font-size: 12px;
  }
  input[name=activity-select]:checked + .actilabel p {
    font-size: 10px;
    margin: 0 !important;
    padding: 1vw !important;
    width: 45vw !important;
  }
  [dir=ltr] input[name=activity-select]:checked + .actilabel:before {
    transform: translate3d(120%, 0%, -75px) scale(1);
  }
  [dir=rtl] input[name=activity-select]:checked + .actilabel:before {
    transform: translate3d(-120%, 0%, -75px) scale(1);
  }
  .flex1 {
    margin-bottom: 0;
    margin: 0;
  }
  .hidden .cover {
    height: 20vh;
  }
  .hidden {
    height: 21vh;
  }
  .subbut {
    justify-content: center;
    width: 80%;
    gap: 5vw;
    transform: translateY(5vw);
  }
  .btn {
    width: 70%;
    height: -moz-fit-content;
    height: fit-content;
  }
  #printbutton {
    width: 30%;
  }
  .headresult {
    height: 20vh !important;
    scale: 0.9 !important;
    box-shadow: none !important;
    transform: rotateZ(5deg) translateX(0px) translateY(5vw) !important;
  }
  .headresult .inner {
    height: 16vh;
  }
  [dir=ltr] .rangecal {
    scale: 0.9;
    transform: rotateZ(-5deg) translateY(0%) translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(0px);
  }
  [dir=rtl] .rangecal {
    scale: 0.9;
    transform: rotateZ(5deg) translateY(0%) translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(0px);
  }
  [dir=ltr] .headresult .inner {
    scale: 0.9;
    transform: rotateZ(5deg) translateY(0%) translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(0px);
  }
  [dir=rtl] .headresult .inner {
    scale: 0.9;
    transform: rotateZ(-5deg) translateY(0%) translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(0px);
  }
  [dir=ltr] .headresult .cover {
    height: -moz-fit-content;
    height: fit-content;
    transform: rotateZ(-5deg) translateY(0%) translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(0px);
    scale: 0.9;
  }
  [dir=rtl] .headresult .cover {
    height: -moz-fit-content;
    height: fit-content;
    transform: rotateZ(5deg) translateY(0%) translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(0px);
    scale: 0.9;
  }
  .d-block {
    margin: 0;
  }
  .switcher2 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    top: 10px;
    right: 0;
  }
}/*# sourceMappingURL=cube-mobile.css.map */