.here-you-can {
  align-self: stretch;
  position: relative;
  line-height: 6.17vh;
  font-size: 1.75vw;
}
.checkbox {
  margin: 0;
  position: relative;
  border-radius: var(--corner-radius-s);
  accent-color: var(--colors-darkerblue);
  width: 1.27vw;
  height: 2.82vh;
  mix-blend-mode: normal;
}
.optional1 {
  align-self: stretch;
  position: relative;
  line-height: 5.64vh;
  font-weight: 600;
  word-wrap: break-word;
}
.checkbox-parent, .code {
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.checkbox-parent {
  flex-direction: row;
  align-items: center;
  gap: 0.63vw;
}
.checkbox-parent.aligned {
  display: inline;
  vertical-align: top;
}
.optional-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 0;
}
.optional-inner.moved {
  margin-top:-2.12vh;
}
.optional {
  border-radius: var(--br-5xs);
  background-color: var(--colors-blue-1);
  width: 54.286vw;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  padding: 4.23vh 1.905vw;
  box-sizing: border-box;
}
.cards, .optional, .optional2, .optional6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cards {
  align-self: stretch;
  flex-direction: row;
}
.optional2, .optional6 {
  border-radius: var(--br-5xs);
  background-color: var(--colors-blue-1);
  width: 54.286vw;
  overflow: hidden;
  flex-direction: column;
  padding: 4.23vh 1.905vw;
  box-sizing: border-box;
}
.optional6 {
  width: 26.35vw;
  flex-shrink: 0;
}
.checkbox4 {
  margin: 0;
  position: relative;
  border-radius: var(--corner-radius-s);
  background-color: var(--colors-white);
  border-style: solid;
  border-width: 0.176vh 0.079vw;
  border-color: var(--colors-input-stroke);
  box-sizing: border-box;
  width: 1.35vw;
  height: 3vh;
  mix-blend-mode: normal;
}
.cards1, .required {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.required {
  border-radius: var(--br-5xs);
  background-color: var(--colors-green-light);
  width: 26%;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  padding: 4.23vh 1.905vw;
  box-sizing: border-box;
  line-height: 4.23vh;
  height:14.11vh;
  display: none;
  vertical-align: top;
}
.cards1 {
  flex-direction: row;
  gap: 1.19vw;
}
.questions, .textfieldsmall {
  background-color: var(--colors-white);
}
.questions {
  border-radius: var(--br-5xs);
  width: 20.24vw;
  height: 9.17vh;
}
.textfieldsmall {
  border-style: solid;
  border-width: 0.176vh 0.079vw;
  border-color: var(--colors-input-stroke);
  outline: 0;
  border-radius: var(--corner-radius-m);
  box-sizing: border-box;
  width: 31.75vw;
  height:7.41vh;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.705vh 0.63vw;
  font-size: 1.43vw;
}
.save-session {
  position: relative;
  font-size: 1.43vw;
  line-height: 3.53vh;
  font-weight: 500;
  font-family: var(--body-small);
  color: var(--colors-darkerblue);
  text-align: left;
}
.buttonsecondary:hover {
  background-color: var(--colors-darkerblue);
}
.buttonsecondary:hover >.save-session{color: #FFFFFF;}
.buttonsecondary.active {
  background-color: var(--colors-darkerblue);
  opacity: 0.3;
  cursor: default;
}
.buttonsecondary:hover >.save-session{color: #FFFFFF;}
.buttonsecondary.active >.save-session{color: #ffffff;}
.buttonsecondary {
  cursor: pointer;
  border-style: solid;
  border-width: 0.176vh 0.079vw;
  border-color: var(--colors-darkerblue);
  padding: 0 0.95vw;
  background-color: transparent;
  border-radius: var(--corner-radius-l);
  box-sizing: border-box;
  height: 7.41vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.cards-parent {
  display: flex;
  justify-content: flex-start;
  gap: 2.82vh;
}
.questions-parent {
  display: flex;
  justify-content: flex-start;
  gap: 1.27vw;
}
.questions-parent-text {
  display: inline;
}
.questions-parent {
  width: 54.13vw;
  flex-direction: row;
  align-items: center;
  font-size: 1.43vw;
}
.questions-parent-text {
  width: 54.13vw;
  font-size: 1.05vw;
}
.questions-parent-text a {color: var(--colors-dark-1-text)}
.cards-parent {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
}
.frame-wrapper {
  align-self: stretch;
  font-size: var(--header-header-1-size);
}
.chatcontainer, .frame-wrapper, .here-you-can-practice-the-requ-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.here-you-can-practice-the-requ-parent {
  align-self: stretch;
  gap: 4.23vh;
}
.chatcontainer {
  position: absolute;
  top: 4.23vh;
  left: 20.63vw;
  width: 70vw;
}
.layer-1-icon {
  position: relative;
  width: min(15.87vw, 35.27vh);
  height: min(15.87vw, 35.27vh);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.layer-1-wrapper {
  height: 6.526vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 1.59vw;
  box-sizing: border-box;
}
.navigationmainicon {
  position: relative;
  border-radius: var(--corner-radius-l);
  width: 2.54vw;
  height: 5.64vh;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.study {
  position: relative;
  line-height: 4.23vh;
}
.sidenavigationb {
  align-self: stretch;
  background-color: var(--colors-dark-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3.53vh 1.59vw 3.53vh 1.905vw;
  gap: 0.95vw;
  z-index: 0;
}
.study1 {
  position: relative;
  line-height: 4.23vh;
  opacity: 0.8;
}
.sidenavigationb1, .sidenavigationb2, .sidenavigationb3 {
  align-self: stretch;
  border-radius: var(--br-xl);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3.53vh 1.59vw 3.53vh 1.905vw;
  gap: 0.95vw;
  z-index: 1;
}
.sidenavigationb2, .sidenavigationb3 {
  z-index: 2;
}
.sidenavigationb3 {
  z-index: 3;
}
.frame-child, .frame-inner, .frame-item {
  position: absolute;
  margin: 0 !important;
  top: 12.698vh;
  left: 0;
  width: 18.73vw;
  height: 0;
  object-fit: cover;
  opacity: 0.08;
  z-index: 4;
}
.frame-inner, .frame-item {
  top: 25.397vh;
  z-index: 5;
}
.frame-inner {
  top: 38.095vh;
  z-index: 6;
}
.sidenavigationb-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.d-11h-13m, .guest-countdown-timer {
  position: relative;
  line-height: 3.53vh;
}
.d-11h-13m {
  font-size: var(--body-large-size);
  color: var(--colors-white);
}
.countdown, .frame-group {
  flex-direction: column;
  align-items: center;
}
.countdown {
  border-radius: var(--corner-radius-xl);
  background-color: var(--colors-dark-1);
  width: 15.24vw;
  display: flex;
  justify-content: center;
  padding: 3.53vh 0.63vw;
  box-sizing: border-box;
  gap: 0.705vh;
  text-align: center;
  font-size: var(--body-small-size);
  color: var(--colors-purple-light);
}
.frame-group {
  align-self: stretch;
  display: none;
  justify-content: flex-start;
  gap: 2.12vh;
}
.smallwallet-icon {
  position: relative;
  width: 1.27vw;
  height: 2.82vh;
  object-fit: cover;
}
.left {
  flex-shrink: 0;
  justify-content: center;
  gap: 0.32vw;
}
.amount, .balance, .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.amount {
  flex-shrink: 0;
  justify-content: center;
  gap: 0.16vw;
  color: var(--colors-white);
}
.balance {
  border-radius: var(--corner-radius-round);
  background-color: var(--colors-dark-1);
  width: 15.24vw;
  justify-content: flex-start;
  padding: 2.12vh 1.11vw;
  box-sizing: border-box;
  gap: 0.63vw;
}
.line-icon, .toggle-icon {
  position: relative;
  object-fit: cover;
}
.line-icon {
  align-self: stretch;
  max-width: 100vw;
  overflow: hidden;
  height: 0;
  flex-shrink: 0;
  opacity: 0.08;
}
.toggle-icon {
  border-radius: var(--corner-radius-round);
  width: 2.22vw;
  height: 2.82vh;
}
.additional, .dark-mode {
  display: flex;
  align-items: center;
}
.dark-mode {
  position: relative;
  line-height: 3.53vh;
  width: 4.84vw;
  height: 2.82vh;
  flex-shrink: 0;
}
.additional {
  flex-direction: row;
  justify-content: center;
  padding: 1.06vh 0;
  gap: 0.32vw;
}
.log-out, .smalllogout-icon {
  position: relative;
  height: 2.82vh;
  flex-shrink: 0;
}
.smalllogout-icon {
  width: 1.27vw;
  overflow: hidden;
  object-fit: cover;
}
.log-out {
  line-height: 3.53vh;
  display: flex;
  align-items: center;
  width: 3.65vw;
}
.additional1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.63vw;
}
.vector-parent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.41vh;
}
.additional1 {
  width: 7.14vw;
  flex-direction: row;
  padding: 1.06vh 0.48vw;
  box-sizing: border-box;
}
.vector-parent {
  align-self: stretch;
  flex-direction: column;
  padding: 0 0.32vw;
  opacity: 0.8;
  font-size: var(--body-small-size);
  color: var(--colors-white);
}
.balancesettings, .frame-parent {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
}
.balancesettings {
  display: none;
  justify-content: flex-end;
  padding: 0 1.905vw;
  gap: 2.82vh;
  font-size: var(--body-main-size);
  color: var(--colors-purple-light);
}
.frame-parent {
  height: 160vh;
  display: flex;
  justify-content: space-between;
}
.frame-parent.sform {
  height: 220vh;
  display: flex;
  justify-content: space-between;
}
.balance2, .navigationmainb {
  background-color: var(--colors-dark-1);
  justify-content: flex-start;
  box-sizing: border-box;
}
.navigationmainb {
  position: absolute;
  height: 160vh;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18.73vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.23vh 0;
  font-size: var(--body-large-size);
  color: var(--colors-white);
}
.navigationmainb.sform {
  position: absolute;
  height: 220vh;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18.73vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.23vh 0;
  font-size: var(--body-large-size);
  color: var(--colors-white);
}
.balance2 {
  border-radius: var(--corner-radius-round);
  width: 15.24vw;
  display: none;
  flex-direction: row;
  align-items: center;
  padding: 2.12vh 1.11vw;
  gap: 0.63vw;
}
.cross-icon, .frame-child1 {
  overflow: hidden;
  object-fit: cover;
  display: none;
}
.frame-child1 {
  align-self: stretch;
  position: relative;
  max-width: 100vw;
  height: 0;
  flex-shrink: 0;
  opacity: 0.08;
}
.cross-icon {
  position: absolute;
  top: 0.705vh;
  left: 1.51vw;
  width: 0.63vw;
  height: 1.41vh;
}
.dot {
  position: absolute;
  top: calc(50% - (2.115vh / 2));
  left: calc(100% - 2.503vh);
  border-radius: 50%;
  background-color: var(--colors-white);
  width: 2.115vh;
  height: 2.115vh;
}
.dot.disabled {
  left: 0.423vh;
}
.toggle {
  position: relative;
  border-radius: var(--corner-radius-round);
  background-color: var(--colors-purple-light);
  width: 4.935vh;
  height: 2.82vh;
  cursor:pointer;
}
.additional3 {
  width: 7.14vw;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.06vh 0.48vw;
  box-sizing: border-box;
  gap: 0.63vw;
}
.balancesettings1 {
  position: absolute;
  top: 76.07vh;
  left: 0;
  width: 18.73vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 1.905vw;
  box-sizing: border-box;
  gap: 2.82vh;
  font-size: var(--body-main-size);
  color: var(--colors-purple-light);
}
.RReserved {
  text-align: center;
}
.RReservedMob {
  display: none;
}
body {
  overflow-x: hidden;
}
.firstform {
  position: relative;
  background-color: var(--colors-grey-bg);
  width: 100vw;
  height: 160vh;
  overflow: hidden;
  text-align: left;
  font-size: var(--body-small-size);
  color: var(--colors-dark-1-text);
  font-family: var(--body-small);
}
.firstform.sform {
  position: relative;
  background-color: var(--colors-grey-bg);
  width: 100%;
  height: 220vh;
  overflow: hidden;
  text-align: left;
  font-size: var(--body-small-size);
  color: var(--colors-dark-1-text);
  font-family: var(--body-small);
}
.optionlabel {
  margin-top: -0.35vh;
  display: block;
  text-align: center;
  font-size: 1.11vw;
}
.optioninput {
  width:1.11vw;
  height:2.47vh;
  display: block;
  margin: auto;
}
.NOL {
  font-weight: 300;
  font-size: 1.11vw;
}
.NOLoptions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap:0.95vw
}
.mobonly {
  display: none;
}
.LanguageOpts {
  height: 7vh;
}
.TxtArea {
  resize: none;
  width: 20vw;
  height: 10vh;
}
.filelist {
  font-size: 1.5vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  top: 25vh;
  left: 82vw;
  width: 15vw;
  max-height: 20vh;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.filerow {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.filename {
  width: 70%;
}
.filedel {
  padding: 0;
  position:relative;
  display: inline-block;
  left:0;
  width: 13.5%;
}
.response-container, 
.manual-question-container, 
.manual-content-container {
  display: flex;
  width:95%;
  flex-direction: row;
}

.question-container {
  display: flex;
  width:95%;
  flex-direction: row;
}

.button-group {
  display: flex;
  flex-direction: column;
  gap: 15%;
}

.buttonsecondary.copy-btn,
.buttonsecondary.cut-btn,
.buttonsecondary.paste-btn {
  padding: 1vh 0.95vw;
  width: 5.5vw;
  min-width: 6vw;
}

@media screen and (max-aspect-ratio: 1/1) {
  .buttonsecondary.copy-btn,
  .buttonsecondary.cut-btn,
  .buttonsecondary.paste-btn {
    min-width: 12vw;
    padding: 0 0.95vw;
  }
  .response-container,
  .manual-question-container,
  .manual-content-container {
    flex-direction: column;
  }
  
  .question-container {
    flex-direction: column;
  }
  
  .button-group {
    flex-direction: row;
    margin-top: 0.8vh;
    justify-content: space-between;
  }
  .here-you-can {
    line-height: 3.17vh;
    font-size: 4.7vw;
    text-align: center;
  }
  .here-you-can.smaller {
    font-size: 3.5vw;
    text-align: center;
  }
  .checkbox {
    width: 4.5vw;
    height: 2.25vh;
  }
  .optional1 {
    line-height: 2.64vh;
  }
  .checkbox-parent {
    gap: 0.63vw;
  }
  .optional {
    width: 54.286vw;
    padding: 4.23vh 1.905vw;
  }
  .optional2,   .optional6 {
    width: 54.286vw;
    padding: 2.23vh 1.905vw;
  }
  .optional6 {
    width: 26.35vw;
  }
  .checkbox4 {
    border-width: 0.176vh 0.079vw;
    width: 1.35vw;
    height: 3vh;
  }
  .required {
    width: 26%;
    padding: 2.23vh 1.905vw;
    line-height: 2.23vh;
    height:9.738vh;
  }
  .cards1 {
    gap: 1.19vw;
  }
  .questions {
    width: 20.24vw;
    height: 9.17vh;
  }
  .textfieldsmall {
    border-width: 0.176vh 0.079vw;
    width: 72%;
    height:4.41vh;
    padding: 0.705vh 0.63vw;
    font-size: 3.43vw;
  }
  .save-session {
    font-size: 3.43vw;
    line-height: 3.53vh;
  }
  .buttonsecondary {
    border-width: 0.176vh 0.079vw;
    padding: 0 0.95vw;
    height: 4.41vh;
    width: max-content;
  }
  .cards-parent {
    gap: 1vh;
  }
  .questions-parent {
    gap: 1.19vw;
  }
  .questions-parent {
    width: 100%;
    font-size: 3.43vw;
    text-align: center;
  }
  .questions-parent-text {
    width: 100%;
    font-size: 3.43vw;
    text-align: center;
  }
  .frame-wrapper {
    font-size: var(--header-header-1-size-m);
  }
  .here-you-can-practice-the-requ-parent {
    gap: 2.23vh;
  }
  .chatcontainer {
    top: 12vh;
    left: 4.23vw;
    width: 93vw;
  }
  .layer-1-icon {
    top: -3.7vh;
    width: var(--l1width);
    height: var(--l1width);
    left: calc(50vw - (var(--l1width) / 2));
  }
  .layer-1-wrapper {
    height: 6.526vh;
    width: 100%;
    padding: 0 0;
  }
  .navigationmainicon {
    width: 2.54vw;
    height: 5.64vh;
  }
  .study {
    line-height: 4.23vh;
  }
  .sidenavigationb {
    padding: 3.53vh 1.59vw 3.53vh 1.905vw;
    gap: 0.95vw;
  }
  .study1 {
    line-height: 4.23vh;
  }
  .sidenavigationb1,   .sidenavigationb2,   .sidenavigationb3 {
    padding: 3.53vh 1.59vw 3.53vh 1.905vw;
    gap: 0.95vw;
  }
  .frame-child,   .frame-inner,   .frame-item {
    top: 12.698vh;
    left: 0;
    width: 18.73vw;
    height: 0;
  }
  .frame-inner,   .frame-item {
    top: 25.397vh;
  }
  .frame-inner {
    top: 38.095vh;
  }
  .d-11h-13m,   .guest-countdown-timer {
    line-height: 3.53vh;
  }
  .d-11h-13m {
    font-size: var(--body-large-size-m);
  }
  .countdown {
    width: 15.24vw;
    padding: 3.53vh 0.63vw;
    gap: 0.705vh;
    font-size: var(--body-small-size-m);
  }
  .frame-group {
    gap: 2.12vh;
  }
  .smallwallet-icon {
    width: 1.27vw;
    height: 2.82vh;
  }
  .left {
    gap: 0.32vw;
  }
  .amount {
    gap: 0.16vw;
  }
  .balance {
    width: 15.24vw;
    padding: 2.12vh 1.11vw;
    gap: 0.63vw;
  }
  .line-icon,   .toggle-icon {
    position: relative;
    object-fit: cover;
  }
  .line-icon {
    max-width: 100vw;
    height: 0;
  }
  .toggle-icon {
    width: 2.22vw;
    height: 2.82vh;
  }
  .dark-mode {
    line-height: 3.53vh;
    width: 15.8vw;
    height: 2.82vh;
  }
  .additional {
    padding: 1.06vh 0;
    gap: 0.32vw;
  }
  .log-out,   .smalllogout-icon {
    height: 2.82vh;
  }
  .smalllogout-icon {
    width: 1.27vw;
  }
  .log-out {
    line-height: 3.53vh;
    width: 3.65vw;
  }
  .additional1 {
    gap: 0.63vw;
  }
  .vector-parent {
    gap: 1.41vh;
  }
  .additional1 {
    width: 7.14vw;
    padding: 1.06vh 0.48vw;
  }
  .vector-parent {
    padding: 0 0.32vw;
    font-size: var(--body-small-size-m);
  }
  .balancesettings {
    padding: 0 1.905vw;
    gap: 2.82vh;
    font-size: var(--body-main-size-m);
  }
  .frame-parent {
    height: 140vh;
  }
  .frame-parent.sform {
    height: 170vh;
  }
  .navigationmainb {
    height: 10vh;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 4.23vh 0;
    font-size: var(--body-large-size-m);
  }
  .navigationmainb.sform {
    height: 18.73vh;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 4.23vh 0;
    font-size: var(--body-large-size-m);
  }
  .balance2 {
    width: 15.24vw;
    padding: 2.12vh 1.11vw;
    gap: 0.63vw;
  }
  .frame-child1 {
    max-width: 100vw;
    height: 0;
  }
  .cross-icon {
    top: 0.705vh;
    left: 1.51vw;
    width: 0.63vw;
    height: 1.41vh;
  }
  .dot {
    top: calc(50% - (3.81vw / 2));
    left: calc(100% - 4.5085vw);
    width: 3.81vw;
    height: 3.81vw;
  }
  .dot.disabled {
    left: 0.762vw;
  }
  .toggle {
    width: 8.89vw;
    height: 5.08vw;
  }
  .additional3 {
    width: 7.14vw;
    padding: 1.06vh 0.48vw;
    gap: 0.63vw;
  }
  .balancesettings1 {
    top: 0;
    left: 78.1vw;
    width: 18.73vw;
    padding: 0 1.905vw;
    gap: 2.82vh;
    font-size: var(--body-main-size-m);
  }
  .RReserved {
    display: none;
  }
  .RReservedMob {
    display: flex;
    width: 100%;
    font-size: 1.96vw;
    margin-top: 3vh;
  }
  .RReservedMob small {width: 100%; text-align: center;}
  .firstform {
    width: 100vw;
    height: 140vh;
    font-size: var(--body-small-size-m);
  }
  .firstform.sform {
    width: 100vw;
    height: 170vh;
    font-size: var(--body-small-size-m);
  }
  .optionlabel {
    margin-top: -0.35vh;
    font-size: 2vw;
  }
  .optioninput {
    width:2.67vw;
    height:1.31vh;
  }
  .NOL {
    font-size: 3.8vw;
    text-align: center;
    line-height: 1.9vh;
  }
  .NOLoptions {
    gap:0.95vw;
    margin-top: 0.3vh;
  }
  .optional-inner.moved {
    margin-top:-1.5vw;
  }
  .code {
    padding-left: 1.5vw
  }
  .mobonly {
    display: block;
  }
  .LanguageOpts {
    height: 5vh;
  }
  .TxtArea {
    width: 30vw;
    height: 10vh;
  }
}