._1wfftgi4 {
  --_1wfftgi0: var(--_1qq99gj3g);
  --_1wfftgi1: var(--_1qq99gj3j);
  --_1wfftgi2: var(--_1qq99gj3n);
  --_1wfftgi3: var(--_1qq99gj3e);
  display: grid;
  height: 100vh;
  overflow: hidden;
  grid-template-rows: minmax(0, 1fr);
  grid-gap: var(--_1wfftgi2);
  gap: var(--_1wfftgi2);
}
._1wfftgi5 {
  grid-template-areas: 
        "main"
      ;
}
._1wfftgi6 {
  grid-template-areas: 
        "nav main"
      ;
}
._1wfftgi7 {
  grid-template-areas: 
        "main sub"
      ;
}
._1wfftgi8 {
  grid-template-areas: 
        "nav main sub"
      ;
}
._1wfftgib {
  grid-template-columns: 1fr;
}
._1wfftgic {
  grid-template-columns: 1fr 1fr;
}
._1wfftgid {
  grid-template-columns: 1fr 1fr;
}
._1wfftgie {
  grid-template-columns: 1fr 1fr 1fr;
}
._1wfftgif {
  grid-template-columns: 1fr;
}
._1wfftgig {
  grid-template-columns: auto 1fr;
}
._1wfftgih {
  grid-template-columns: 1fr auto;
}
._1wfftgii {
  grid-template-columns: auto 1fr auto;
}
._1wfftgij {
  grid-area: nav;
  background-color: transparent;
  border-right: none;
  overflow-y: hidden;
  min-height: 0;
}
._1wfftgik {
  grid-area: main;
  background-color: var(--_1qq99gjy);
  width: 100%;
  height: 100%;
  max-width: var(--_1wfftgi3);
  min-height: 0;
  min-width: 0;
  position: relative;
}
._1wfftgil {
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._1wfftgil::-webkit-scrollbar {
  display: none;
}
._1wfftgim {
  overflow-y: hidden;
}
._1wfftgin {
  grid-area: sub;
  background-color: var(--_1qq99gj18);
  border-left: var(--_1qq99gj40) solid var(--_1qq99gj1h);
  overflow-y: auto;
  min-height: 0;
}
._1wfftgio {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
._1wfftgip {
  margin-inline: auto;
}
._1wfftgiq {
  margin-inline: 0;
  max-width: none;
}