.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;
}
.optional1.sb {
  line-height: 2.3vh;
  font-size: 2.26vh;
}
.optional1.sb span {
  font-weight: 400;
}
.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;
  height: max-content;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  padding: 2.5vh 1.905vw;
  padding-top: 2.5vh;
  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;
}
.textfieldsmall:disabled {
  background-color: #e0e0e0;
}
.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: center;
  width: 100%;
}
.buttonsecondary:hover {
  background-color: var(--colors-darkerblue);
  border-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;
  width: 35%;
}
.cards-parent {
  display: flex;
  flex-direction: column;
  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: 4vh;
  left: 17.5vw;
  width: 81vw;
}
.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: 3vw;
  height: 3.81vh;
}
.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: 100vh;
  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: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  width: 23vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2vh 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;
  flex-shrink: 0;
}
.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: 88vh;
  left: 0;
  width: 23vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  box-sizing: border-box;
  gap: 2.82vh;
  font-size: var(--body-large-size);
  color: var(--colors-white);
}
.RReserved {
  text-align: center;
}
.RReservedMob {
  display: none;
}
body {
  overflow-x: hidden;
}
.firstform {
  position: relative;
  background-color: var(--colors-grey-bg);
  width: 100vw;
  height: 100vh;
  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%;
}
@media screen and (max-aspect-ratio: 1/1) {
  body * {
    display: none;
    visibility: hidden;
  }
  #Rotate {
    display: block !important;
    visibility: visible !important;
  }
}