.circular--3NoYl {
    height: 100px !important;
    width: 100px !important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.container__course-sidebar--3448W {
  overflow-y: hidden;
  height: 100%;
  display: flex;
  flex-flow: column;
}

.container__all-content--5ca_7 {
  overflow-y: auto;
  flex-grow: 1;
  flex-basis: 0;
}

.container__all-content--5ca_7::-webkit-scrollbar {
  width: 4px;
}

.sidebar__text--empty--u0vMI {
  margin-left: 40px;
  padding-top: 10px;
}
.button--1Svzu {
  width: 100%;
  background: none;
  padding: 10px;
  color: inherit !important;
  text-transform: none !important;
  border: 1px #353539 solid !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}

.button__text--1roAs {
  margin: 0;
}

.button__icon--3dva3 svg {
  margin-bottom: -1px;
  margin-right: 5px;
  font-size: 0.8em;
}

.collapse--1VqFJ {
  display: flex;
  align-items: center;
  transition: 0.15s background-color linear;
}

.collapse--active--I3Rkm {
  background-color: rgba(255, 255, 255, 0.15);
}

/* .collapse:hover {
  background-color: rgba(255, 255, 255, 0.1);
} */

.collapse__button--2s0iK {
  background: none;
  appearance: initial !important;
  -webkit-appearance: initial !important;
  border: none;
  padding: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.collapse__item--SMGBJ {
  display: flex;
  list-style: none;
  width: 100%;
  text-align: left;
  padding: 7.5px 15px;
}
.collapse__item--SMGBJ p {
  word-break: break-word;
  margin: 0;
}

.collapse__item--SMGBJ svg {
  margin-bottom: -3px;
  margin-right: 10px;
  transition: 0.3s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  color: #9a99a2;
}

.collapse__item--false--18IVZ svg {
  transform: rotate(0deg);
}

.collapse__item--true--3Jf4B svg {
  transform: rotate(180deg);
}

.collapse__input-wrapper--3gZKS {
  display: none;
}

.collapse__input-wrapper--active--ZyLik {
  display: inline-block;
}

.collapse__input--3p9lp {
  width: 140px;
  color: #000;
  word-wrap: break-word;
  border: none;
  border-radius: 5px;
  padding: 0px 5px;
}

.collapse__input--3p9lp:disabled {
  background-color: transparent;
  color: inherit;
  border: none;
}

.form__edit-button--2jZoX {
  margin-top: -5px !important;
  display: inline-block !important;
}

.icon--RpW9K{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.button--3XnvI {
  background: none !important;
  border: none;
  cursor: pointer;
}

.collapse__icon--1-hbM p {
  word-break: break-word;
  margin: 0;
}

.collapse__dot--2JgPq {
  font-size: 0.4em;
  margin-bottom: 2px !important;
}

.text__no-lesson--3980M {
    color:  white;
    margin-left: 40px;
    padding-top: 10px;
}
.wrapper--2-GgV {
  display: flex;
}

.wrapper--2-GgV > button {
  height: 100%;
}

.collapse__content--1o5W5 {
  list-style: none;
  padding-left: 1em;
  transition: 0.3s max-height cubic-bezier(0.215, 0.61, 0.355, 1);
  margin: 0;
}

.collapse__content--1o5W5 li {
  padding-left: 1em;
}

.collapse__content--1o5W5 ul {
  list-style: none;
  padding-left: 2em;
}

.lesson__collapse--active--FMGeI {
    animation-name: collapseActive--3BdLt;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
}

.lesson__collapse--sAJWY p {
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: 600;
}

@keyframes collapseActive--3BdLt {
    from {
        opacity: 0;
        width: 90%;
    }
    to {
        opacity: 1;
        width: 100%;
    }
}
.list__button--2MNfF {
  display: block;
  margin-bottom: 5px !important;
  min-width: 150px !important;
}

.modal--2f4S8 {
  width: 65vw !important;
}

.modal__wrapper--2Lhgq {
  display: flex;
  flex-direction: column;
}

.modal__body--PArxI {
  display: flex;
}

.modal__panel--155wD {
  min-height: 400px;
  width: 100%;
  margin-left: 20px;
  border-radius: 10px;
}

.modal__button--3QKey {
  margin-top: 1rem !important;
  width: 200px !important;
  align-self: flex-end;
}

.modal__button--3QKey:disabled {
  background-color: grey !important;
}

.panel__icon--zVv8J {
  float: right;
}

.panel__icon--zVv8J svg {
  color: #ffffff;
  font-size: 1.75em;
}

.panel__tab--tkZcc {
  padding: 20px;
  height: 100%;
}

.panel--1DF5p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
  margin: 0 10%;
}

.panel__title--2SY2Y {
  font-size: 1em;
  margin-bottom: 3rem;
}

.panel__img--296BS {
  margin-bottom: 2rem;
}

.panel__description--1SH4C {
  font-weight: 300;
  font-size: 1em;
  text-align: left;
}

.panel--36Bn8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
  margin: 0 10%;
}

.panel__title--1mltg {
  font-size: 1em;
  margin-bottom: 3rem;
}

.panel__img--3fAcQ {
  margin-bottom: 2rem;
  max-width: 250px;
}

.panel__description--3S0sc > p {
  font-weight: 300;
  font-size: 1em;
  text-align: left;
  margin-bottom: 2rem;
  color: #D4D4D4;
}

.container--3LuqU {
  text-align: left;
}

.label--V8SdC {
  margin-right: 1rem;
  font-size: 1em;
}

.input--17tTq {
  width: 100%;
  padding: 0.25rem;
  font-weight: 600;
  border-radius: 2.5px;
  border: 0 solid;
  color: black;
}

.input__text-limit--2DgAC {
  font-weight: 300;
  text-align: right;
}

.container--2UGlS {
  min-height: 100%;
  -webkit-box-flex: 0 !important;
}

.sidebar--81P16 {
  flex: 0 0 300px !important;
  max-width: 300px !important;
  width: 300px !important;
}

.header--1lI0h {
  display: block;
  height: auto;
  line-height: unset !important;
  padding: 0px;
}

.container__main--3V8CG {
  flex-grow: 1;
  overflow: hidden;
  flex-basis: 0;
}

.button--3tur1 {
  background: none;
  border: none;
  padding: 5px 30px;
  cursor: pointer;
  height: 100%;
}

.button--1xQXP {
  background-color: transparent;
  min-width: 75px;
  transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
  box-sizing: border-box;
  outline: none;
}

.button--1xQXP:hover {
  background-color: #535353;
}

.button--1xQXP:hover > p {
  color: #ffffff;
}

.button--1xQXP:focus {
  background-color: #535353;
}

.button--active--33lzl {
  background-color: #535353 !important;
  box-shadow: inset 0px 3px 0px 0px #ffffff;
}
.button--active--33lzl > p {
  color: #ffffff;
}

.button--inactive--22kh- > p {
  color: #888888;
}

.button__text--2mb_z {
  font-size: 16px;
  margin: 0;
}

.toolbar--A7LrH {
  position: relative;
  background-color: #393939;
  width: 100%;
  height: 40px;
  padding: 0 20px;
}

.toolbar__title--2KIhu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container--1e4ON > * {
    display: inline-block;
    vertical-align: middle;
    height: 100% !important;
}

.btn-change-type--1Rhnj{
    margin-left: 110px !important;
}

.toolbar__base--3qsl- {
  padding: 7.5px 10px;
  background-color: #535353;
  height: 100%;
  /* height: 93px; */
}

.button-icon-text--2ov6a {
    line-height: 0px !important;
    display: flex !important;
    flex-flow: row;
    align-items: center !important;
}

.button-icon-text--2ov6a p{
    margin : 0;
    margin-left: 5px;
}

.example__custom-font--3DuPL{
    color: greenyellow;
}
.editor__container--2H6cE{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 2px solid #393939;
    border-right: 2px solid #393939;
    margin-left: 10px;
    color: white;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.editor__title--V2PbX{
    color: #888888;
}

.editor__btn--17r9A{
    background-color: transparent !important;
    padding: 3px !important;
}

.editor__btn--17r9A:disabled > p {
    color: #888888;
}

.editor__btn--17r9A:disabled > img {
    opacity: 0.3;
}

.editor__btn-text--3BKs8{
    font-size: 12px;
    color: white;
    width: 85px;
    text-align: left;
}
.container--2M7Od{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    display: inline-flex;
    flex-flow: column;
    align-content: center;
}

.container--border-left--1MNku{
    border-left: 2px solid #393939;
}

.container--border-right--104ov{
    border-right: 2px solid #393939;
}

.title--28Z-1{
    color: #888888;
}

.container-children--3U3IG{
    flex-grow: 1;
}
.dropdown__select--1jNOG{
    display: flex !important;
    align-items: center !important;  
    color: #484848 !important;    
    border: 1px solid #FFFFFF !important;
    border-radius: 4px !important;
    width: 100%;   
    padding: 1px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-repeat:no-repeat;
    background-size:10px 10px;
    background-position:right 5px center;    
}

.dropdown__select--1jNOG:disabled{
    color: #989898 !important; 
    border: 1px solid #5B5B5B  !important;
}

.dropdown__select--1jNOG:focus{
    outline: none;
}

.dropdown__select-arrow--1M_h9{
    background-image:
    url('data:image/svg+xml;utf-8,<svg stroke="%23484848" fill="%23484848" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
    background-color: #E6E6E6;    
}

.dropdown__select-arrow--1M_h9:disabled{
    background-image:
        url('data:image/svg+xml;utf-8,<svg stroke="%23989898" fill="%23989898" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
    background-color: #4D4D4D;
}
.move-tools__container--2BmEU{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 2px solid #393939;
    color: white;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.move-tools__title--3wRgF{
    color: #888888;
}

.move-tools__btn-container--17u0I{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 7px;
}

.move-tools__btn--3eFzq{
    background-color: transparent !important;
    padding: 3px !important;
}

.move-tools__btn--3eFzq > p{
    font-size: 12px;
    color: white;
}

.move-tools__btn--3eFzq:disabled > p{
    font-size: 12px;
    color: #989898;
}

.move-tools__btn--3eFzq > svg{
    color: white;
}

.move-tools__btn--3eFzq:disabled > svg{
    color: #989898;
}

.container__tools--58E4v {
    height: 52px;
    display: flex;
}

.container__tools--disabled--3VNO9 {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.container__dropdown--kcjxM {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.container__preview--2FKfW {
    display: flex;
    margin-left: 15px;
    align-items: center;
}

.box__preview--3pHV5 {
    width: 50px;
    height: 50px;
    background-color: white;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pattern__preview--2eR7H {
    width: 80%;
    height: 80%;
    opacity: 0.2;
}

.text__preview--HuwW8 {
    font-size: 12px;
}
.container__button--2Omcx {
    display: flex !important;
    width: 110px;
    padding: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-color: #E6E6E6 !important;
}

.container__wrapper--3Zsb0 {
    padding: 0 !important;
    background-color: #E6E6E6 !important;
    margin-top: 2px !important;
    width: 110px !important;
}

.container__colors--KmEPg {
    padding: 5px;
}

.container__colors-row--1yoCa {
    display: flex;
    margin-bottom: 2px;
}

.indicator--kfTfh {
    width: 15px;
    height: 15px;
}

.btn__color--1Xitc {
    width: 23px !important;
    height: 23px !important;
    border-radius: 0px !important;
}

.text__color--2dbh9 {
    flex-grow: 1;
    font-size: 12px;
    text-align: left;
    margin-left: 5px;
    color: #484848;
}

.icon__arrow--ttwzp {
    font-size: 10px;
    color: #484848;
}
.container__main--aCce0 {
    position: relative;
}

.container__content--X2_It {
    position: absolute;
    z-index: 999;
    margin-top: 5px;
    transition: 0.2s all cubic-bezier(0.215, 0.61, 0.355, 1);
}

.container__content--inactive--HCUN3 {
    opacity: 0;
    transform: translateY(-25px);
    pointer-events: none;
}

.container__content--active--1Cx18 {
    opacity: 1;
    transform: translateY(0px);
}

.content__wrapper--2uXWN {
    display: table;
    padding: 10px 0;
    margin-top: -5px;
    background-color: #ffffff;
    max-width: 300px;
    min-height: 50px;
    border-radius: 5px;
}
.container__button--1pIiI {
    display: flex !important;
    width: 110px;
    padding: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-color: #E6E6E6 !important;
}

.container__wrapper--y8b7a {
    padding: 0 !important;
    background-color: #E6E6E6 !important;
    margin-top: 2px !important;
    width: 110px !important;
}

.container__pattern--12l0B {
    padding: 5px;
    display: flex;
    width: 110px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.indicator--1I-rG {
    width: 15px;
    height: 15px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.indicator__img--2hIFb {
    width: 12px;
    height: 12px;
}

.btn__pattern--IJob5 {
    width: 28px !important;
    height: 28px !important;
    border: solid 1px black !important;
    border-radius: 0px !important;
    background-color: white !important;
}

.text__pattern--2vzHr {
    flex-grow: 1;
    font-size: 12px;
    text-align: left;
    margin-left: 5px;
    color: #484848;
}

.icon__arrow--3AKyi {
    font-size: 10px;
    color: #484848;
}
.button-icon--3-qUp {
  line-height: 0px !important;
  padding: 10px !important;
}

.button-icon--3-qUp svg,
.button-icon--3-qUp img {
  font-size: 1em;
  height: 1em;
}

.disabled--3gJsl {
    opacity: 0.5 !important;
}
.right-toolbar-section__container--3XXoT {
    float: right;
    display: flex !important;
}

.toolbar-right-btn__container--1RKqN {
    display: flex !important;
    align-items: center;
    height: 100%;
}

.btn--disabled--mCFQf {
    opacity: 0.5 !important;
}

@media only screen and (min-width: 1360px) {
    .toolbar-right-btn__img--2kTd6 {
        width: 71px !important;
        height: auto !important;
    }
}



.container--1dH_l > * {
    display: inline-block;
    vertical-align: middle;
    height: 100% !important;
}

.container---5vOR{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 2px solid #393939;
    color: white;
    vertical-align: top;
    margin-top: 6px;
    height: 78px !important;
}

.title--1tnEX{
    color: #888888;
}

.container-input--bSVI_ {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.text-area--3jZtf {
    font-family: 'GT Walsheim', arial, sans-serif;
    font-weight: normal !important;
    background: white;
    font-size: 10px !important;
    height: 100% !important;
    width: 40px !important;
    border: 0 !important;
    min-height: 0px !important;
    color: black;
    overflow: hidden;
    text-align: center !important;
}

.text-area--3jZtf:focus {
    outline: none !important;
}

.text-minute--kw0qc{
    margin-left: 10px;
    font-size: 11px;
}
.textarea--3jYqh {
  width: 100%;
  padding: 0.25rem;
  font-weight: 600;
  border-radius: 2.5px;
  min-height: 46px;
}

textarea::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: black;
  opacity: 0.3;   
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: black;
  opacity: 0.3; 
}

textarea:-ms-input-placeholder {
  color: black;
  opacity: 0.3;   
}

textarea::placeholder {
  color: black;
  opacity: 0.3; 
}

.textarea--unsizeable--kx15d {
  resize: none;
}

.container--13bBG > * {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.container-button--1nDze{
  padding-left: 5px;
  padding-right: 5px;
}

.btn__icon--mZ-yA:disabled{
  opacity: 0.5;
}

.wrapper__lesson--2VDEO {
  display: table-cell;
  width: 70px;
  height: 80px;
  margin-top: 5px;
}

.wrapper__icon--2vZ0G {
  max-height: 50px;
}

.header__type-text--1m-IU{
  background-color: #EBEBEB;
  color: black;
}

.icon__text--b6OHe {
  word-break: break-word;
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 0px;
}

.container--mtgTB {
  position: relative;
  text-align: center;
}

.container__button-image--3z7Vn > * {
  display: block;
}

.container__button-image--enabled--2AKEv{
  margin-top: 7px;
}

.container__button-image--disabled--EIIyR{
  background-color: #4D4D4D;
  padding: 4px;
  margin-top: 13px;
  margin-bottom: 8px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  border-color: #5B5B5B;
}

.container__button--1Hrgh {
  margin-top: -7.5px !important;
  min-width: 100%;
  min-height: 21px !important;
}

.container__button--1Hrgh:disabled > p {
  color: #989898 !important;
}

.button__text--1tWzW {
  margin: 0;
  margin-top: -7.5px !important;

  color: #ffffff;
  text-decoration: underline;
  padding-left: 5px;  
}

.button__text--disabled--2h9j- {
  color: #989898 !important;
}

.button-wrapper__icon--3JW9C {
  position: absolute;
  top: 12.5%;
  left: 50%;
  transform: translateX(-50%);
  height: 40px;
  pointer-events: none;
}

.button-wrapper__icon--disabled--3vyyU {
  height: 40px;
  opacity: 0.5;
}

.text__icon--1IP0Y svg {
  margin-bottom: -2.5px;
  margin-left: 5px;
}

.button-image--disabled--1V-_V{
  opacity: 0  ;
}

.container--1-3X0 {
  position: relative;
}

.container__content--3floI {
  position: absolute;
  z-index: 999;
  margin-top: 5px;
  transition: 0.2s all cubic-bezier(0.215, 0.61, 0.355, 1);
}

.content__content--inactive--1dM72 {
  opacity: 0;
  transform: translateY(-25px);
  pointer-events: none;
}

.content__content--active--3vCMS {
  opacity: 1;
  transform: translateY(0px);
}

.content__knob--2TVER {
  background-color: #ffffff;
  width: 100px;
  height: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.content__wrapper--2HM-A {
  display: table;
  padding: 10px 0;
  margin-top: -5px;
  background-color: #ffffff;
  max-width: 300px;
  min-height: 50px;
  border-radius: 5px;
}

.wrapper__lesson--1EdHU {
  display: table-cell;
  width: 70px;
  height: 80px;
}

.wrapper__icon--2imRq {
  width: 50px;
}

.icon__text--1FAiR {
  word-break: break-word;
  line-height: 15px;
}

.editor__container--EyHVW{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 2px solid #393939;
    border-right: 2px solid #393939;
    margin-left: 10px;
    color: white;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.editor__title--2ueVZ{
    color: #888888;
}

.editor__btn--1UoQ8{
    background-color: transparent !important;
    padding: 3px !important;
    height: 22px !important;
    width: 100%;
    display: flex !important;
    justify-content: left !important;
}

.editor__btn--1UoQ8:disabled > p {
    color: #888888;
}

.editor__btn--1UoQ8:disabled > img {
    opacity: 0.3;
}

.editor__btn-text--V1TZW{
    font-size: 12px;
    color: white;
}

.container__inner--2IAdi {
    display: flex;
}
.container--2ev-Q > * {
  display: inline-block;
  vertical-align: middle;
  height: 100% !important;
}

.back__btn--13Gbb {
  float: right;
}

.btn__add-dropdown--2Njeh{
  margin-top: -10px !important;
}
.change-banner__container--2cS6r {
    display: flex;
    align-items: center;
}

.change-banner__editor-btn--1YtUL {
    background-color: transparent !important;
    padding: 3px !important;
}

.change-banner__editor--btn--1_hkY:disabled > p {
    color: #888888;
}

.change-banner__editor--btn--1_hkY:disabled > img {
    opacity: 0.3;
}

.change-banner__editor--btn-text--BuVFZ {
    font-size: 12px;
    color: white;
    width: 66px;
    text-align: left;
}

.change-banner__img-container--3EoJ2 {
    width: 89px;
    height: 53px;
    margin-left: 7px;
    overflow: hidden;
}

.change-banner__img--1OqCw {
    width: 100%;
    height: auto;
}

.change-banner__text-preview--n5yZA {
    margin-left: 7px;
    font-size: 12px;
    color: white;
    width: 50px;
}
.upload-img-btn-base__container--19Rt0{
    text-align: center !important;
    display: flex !important;
    align-content: center;
    margin-top: auto;
}
  
.upload-img-btn-base__container--19Rt0 > div{
    background-color: transparent !important;
    width: 100% !important;
    text-align: center !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    margin: 0 !important;
}
  
.upload-img-btn-base__container--19Rt0 > div > span{
    padding: 0 !important;
}
.container--2dtnK {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.container__add-lesson-btn--3MixU {
    padding: 0px !important;
    position: relative !important;
}

.container__dropdown-inner-btn--Qjz29 {
    position: relative !important;
    background-color: transparent !important;
    padding: 0px !important;
    display: flex !important;
    margin-top: -7.5px !important;
}

.container__lesson-btns--2TF8d {
    padding: 10px 5px;
    width: 290px;
}

.container__img-bot-text--2xBKb {
    width: 70px;
    height: 85px;
}

.img__lesson--2PUuT {
    height: 40px;
    width: auto;
}

.img__list--2Ii2P {
    width: 50px;
    height: auto;
}

.chevron--3IQ0W {
    margin-left: 5px;
}

.disabled--1a_Nx {
    opacity: 0.5;
    pointer-events: none;
}

.text__part-title--3kHWY {
    background-color: #EBEBEB;
}
.knob--2x7-4 {
    background-color: white;
    width: 50px;
    height: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.knob--right--3TqJe {
    margin-left: auto;
}

.content__wrapper--2PY9w {
    display: inline-block;
    background-color: white;
    border-radius: 5px;
    border-top-left-radius: 0px;
}
.content--2izmY {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.text--1Bp0j {
    word-break: break-word;
    font-size: 10px;
}
.btn__plain--HY9xn {
    background-color: transparent !important;
    padding: 0px !important;
}
.img__inner-btn--2JZSp {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.container--SyOdz {
    display: flex !important;
    align-items: center;
}

.chevron--3sq-D {
    margin-left: 5px;
}
.text--2mziX {
    font-size: 14px;
    margin-top: -7px;
    color: white;
}
.img__description--E8xBz {
    width: 12px;
    height: 14px;
}

.description--2BjxA {
    font-size: 0.9em;
}
.container--2AP7L {
  width: 185px;
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 4px;
}

.info--pu3GI {
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}

.info--pu3GI p {
  margin: 0;
}

.info--text--b0SfG {
  display: flex;
}

.info--text--b0SfG p {
  margin: 0;
}

.tooltip--3-5Uy {
  white-space: pre-wrap;
}

.img__tooltip--26SGd {
  margin-left: 2px;
}

.desc--37zi1 p {
  margin-bottom: 0;
}

.desc--37zi1 ul {
  margin-left: -2em;
}

@media only screen and (max-width: 1580px) {
  .container--2AP7L {
    width: 165px;
  }
  .info--pu3GI {
    font-size: 10px;
  }
}
.toolbar--1Zo8f {
  height: 100%;
  position: relative;
}

.container-toolbar--fL6EV{
  height: 100px;
}

.container--16Uv6{
    top: 0;
    right: 0;
    position: absolute;
    display: flex;
    align-items: center;
}

.disabled--2FVN- {
    pointer-events: none;
    opacity: 0.5;
}

.btn--3JHk3{
    margin-left: 10px;
}

.text__version--4gnca{
    margin: 0px;
    color: white;
    font-size: 15px;
}
.container__content--OxDLW {
    padding: 10px;
}

.container__copy-url--1oLKP {
    display: flex;
    border-style: solid;
    border-radius: 5px;
    border-color: black;
    border-width: 2px;
    align-items: center;
    width: 200px;
}

.container__btn-copy--2FlFz {
    border-left: 2px solid black;
}

.btn--2GZ6- {
    background-color: white !important;
}

.btn__create-url--1dQVu {
    width: 200px;
    margin-top: 10px !important;
    background-color: rgb(0, 123, 255) !important;
}

.btn__copy--27ycp {
    background-color: white !important;
}

.text__btn--2T0hS {
    color: black;
}

.text__header-url--1DZNW {
    color: black;
    font-size: 12px;
}

.text__url--1YHrN {
    flex-grow: 1;
    padding-left: 5px;
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: 0px;
    -ms-overflow-style: none;
}

.text__url--1YHrN::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.hr--1Anbr {
    opacity: 0.5;
}

.icon-copy--3v6Z8 {
    color: black;
}
.container__main--kOyoZ {
    position: relative;
}

.container__content--2LBcc {
    position: absolute;
    z-index: 999;
    margin-top: 5px;
    transition: 0.2s all cubic-bezier(0.215, 0.61, 0.355, 1);
}

.container__content--inactive--2CZE6 {
    opacity: 0;
    transform: translateY(-25px);
    pointer-events: none;
}

.container__content--active--2dKfn {
    opacity: 1;
    transform: translateY(0px);
}

.knob--2K0h2 {
    background-color: #ffffff;
    width: 50px;
    height: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.knob--right--_16Jz {
    margin-left: auto;
}

.content__wrapper--2suG- {
    display: table;
    padding: 10px 0;
    margin-top: -5px;
    background-color: #ffffff;
    max-width: 300px;
    min-height: 50px;
    border-radius: 5px;
}
.container--2dGIt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 100%;
}

.container--2dGIt p {
  margin: 0;
  color: #ffffff;
}

.container__title--17gmp {
  margin-left: calc((var(--sidebar-width) / 2) * -1) !important;
  transform: translateX(-50%);
}

.container__btn-publish--1s1YC {
  min-width: 100px !important;
}

.container__btn-publish--1s1YC:disabled {
  opacity: 0.75;
}

.container--euqog {
  height: 100% !important;
}

.sidebar--12_Un {
  flex: 0 0 300px !important;
  max-width: 300px !important;
  width: 300px !important;
}

.container--2FyZX {
  position: relative;
  height: 490px;
  width: 360px;
  border-radius: 7.5px;
  background-color: #ffffff;
  color: #0c0c0c;
  font-family: 'GT Walsheim', arial, serif;
  font-weight: normal;
  font-size: 1.65em;
  padding: 10px;
  overflow: auto;
  transition: 0.5s all cubic-bezier(0.215, 0.61, 0.355, 1);
}

.container--2FyZX::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.container--2FyZX::-webkit-scrollbar {
  width: 4px;
}

.container--2FyZX::-webkit-scrollbar-thumb {
  background-color: rgba(117, 117, 117, 0.5);
  border-radius: 5px;
}

.container--2FyZX p,
.container--2FyZX h1,
.container--2FyZX h2,
.container--2FyZX h3,
.container--2FyZX h4,
.container--2FyZX h5,
.container--2FyZX h6,
.container--2FyZX input {
  line-height: 1.4em;
  word-break: break-word;
}

.container--2FyZX h1,
.container--2FyZX h2,
.container--2FyZX h3,
.container--2FyZX h4,
.container--2FyZX h5,
.container--2FyZX h6,
.container--2FyZX input,
.container--2FyZX strong,
.container--2FyZX button {
  font-family: 'GT Walsheim', arial, serif;
}

.container--2FyZX p,
.container--2FyZX .ql-editor {
  font-family: 'GT Walsheim', arial, serif;
  font-size: 23px;
}

.container--2FyZX .ql-editor {
  padding: 5px;
}

.container--2FyZX .ql-tooltip {
  position: static;
}
.container--2FyZX .ql-editor.ql-blank::before {
  font-style: normal;
}

.container--2FyZX ul,
.container--2FyZX li {
  font-size: 1.3em;
}

.container--2FyZX ul {
  padding-left: 0px;
}

.read-card__static--border {
  border: 2px #3b86ff dashed;
  transition: 0.15s border ease-out;
  border-radius: 5px;
}

.read-card__static--transparent-border {
  border: 2px transparent dashed;
}

.read-card__input--border {
  border: 2px transparent dashed;
  transition: 0.15s border ease-out;
  border-radius: 5px;
}

.read-card__input--border:focus {
  border: 2px #3b86ff dashed;
}

.editor--1ChZb div {
  border: 0 transparent dashed !important;
  transition: 0.15s all ease-out;
  border-radius: 5px;
}

.editor--1ChZb > div::placeholder {
  font-size: 23px !important;
}

.editor--1ChZb > div > div::before {
  left: 7.5px !important;
}

.editor--1ChZb > div > div:nth-child(3) {
  text-align: left;
}

.editor--1ChZb > div > div:nth-child(3) > input {
  display: block !important;
  width: 100% !important;
}

.editor--1ChZb > div > div:nth-child(3)::before {
  font-size: 12px;
}

.editor--1ChZb > div > div:nth-child(3) > a:nth-child(3)::after {
  display: block;
  margin-left: 0px !important;
  width: fit-content;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {

  .editor--1ChZb > div > div::before {
    font-size: 17px;
  }

  .editor--1ChZb > div > div > p {
    font-size: 17px;
  }

  .editor--1ChZb > div::placeholder {
    font-size: 17px !important;
  }
}
  
  @media only screen and (min-height: 760px) and (orientation: landscape) {

    .editor--1ChZb > div > div::before {
      font-size: 23px;
    }
  
    .editor--1ChZb > div > div > p {
      font-size: 23px;
    }
  
    .editor--1ChZb > div::placeholder {
      font-size: 23px !important;
    }
  }

@media only screen and (min-height: 1080px) and (orientation: landscape) {

  .editor--1ChZb > div > div::before {
    font-size: 30px;
  }

  .editor--1ChZb > div > div > p {
    font-size: 30px;
  }

  .editor--1ChZb > div::placeholder {
    font-size: 30px !important;
  }
}
.toolbar--14Rhp {
  background-color: #fafafa;
  border: 0 solid;
  width: fit-content;
  border-radius: 10px;
  margin: 5px;
  padding: 5px !important;
}

.toolbar--14Rhp img {
  display: block;
}

.toolbar--14Rhp input {
  position: static;
}

.toolbar--c7nPK {
  z-index: 10;
  margin: auto;
}

.container--2APCE {
  position: relative;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.container__toolbar--OlW7o {
  margin-bottom: 1rem;
}

.container__button--Vcrnd {
  display: inline-block !important;
  margin-top: 1rem !important;
}

.container__title--2l-xI {
  margin-top: 0.5rem;
}

.container__description--1w_nE {
  height: 150px;
}

.container__description--1w_nE p {
  font-size: 16px !important;
  font-weight: lighter !important;
}

.container__description--1w_nE > div > div::before {
  font-size: 16px !important;
  margin: 0 !important;
}

.container__card--140BT {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
  height: 440px !important;
}

.container__video--1iuNp {
  width: 100% !important;
  height: 200px !important;
}

.container__video--hide--1RrpN {
  width: 0px !important;
  height: 0px !important;
}

.container__video-default--ESGF5 {
  width: 100% !important;
  height: 200px !important;
}

@media  screen and (min-width: 1920px) {
  .container__video--1iuNp {
    height: 250px !important;
  }

  .container__video-default--ESGF5 {
    height: 250px !important;
  }

  .container__card--140BT {
    height: 740px !important;
    width: 500px !important;
  }

  .container__title--2l-xI > div > div::before {
    font-size: 30px !important;
  }

  .container__description--1w_nE p {
    font-size: 23px !important;
  }
  
  .container__description--1w_nE > div > div::before {
    font-size: 23px !important;
  }

  .container__description--1w_nE {
    height: 400px;
  }
}

.container--3ngyK {
  padding: 0 1rem;
}

.container__top--2eYCz {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

.container__input--2iEoX {
  width: 85%;
}

.icon__check--ySb6b {
  margin-top: 19px;
  margin-left: 6px;
}

.container__button--1rsQ_ {
  height: 33px;
  width: auto;
}

.video-label--1q-El {
  font-size: 13px !important;
}

.btn__add--346tw {
  width: 85%;
  color: white !important;
  background-color: #007BFF !important;
  padding: 5px !important;
  margin-top: 9px !important;
  border-radius: 2px !important;
}

.btn__add--disabled--S9Suf {
  pointer-events: none;
  background-color: #6A6A6A !important;
}

.text_input--wrong--1AYVz {
  color: red !important;
}

.text__warn--5MalF {
  color: red;
  width: 85%;
  word-break: break-word;
  margin-top: 9px;
}

.container--12suN {
  overflow: auto;
  height: 100%;
}

.header--3Z8Ul {
  height: 40px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.container__title--2ocaD {
  text-align: center;
  margin: 1rem 0;
}

.ebook-sub-content--2Upp_ {
    display: flex;
    align-items: center;
    justify-content: center;
}
.container--1WVG0 {
  position: relative;
  display: inline-block;
}

.card--25VF9 {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  animation-name: cardIn--1qRpZ;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: none;
  width: 400px;
}

.upload--3O9of {
  animation-name: cardInUpload--31uvN;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-fill-mode: forwards;
  transition: none;
}

.hide--25tO6 {
  width: 0.1px !important;
  height: 0.1px !important;
  overflow: hidden;
  opacity: 0 !important;
}

@keyframes cardIn--1qRpZ {
  from {
    transform: scale(1.25);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes cardInUpload--31uvN {
  from {
    transform: scale(1.25);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .card--25VF9 {
    width: 320px !important;
  }
}

.container--6hkbE {
  cursor: pointer;
  /* width: 343px; */
}

.button--2GwmQ {
  position: relative;
  height: 357px;
  border: none;
  padding: 10px;
  z-index: 999;
}

.button--border--2An0- {
  border: 2px dashed;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.content--3w66d {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 40px;
  text-align: center;
}

.content__icon--3BMm0 {
  color: #ffffff;
  width: 47px;
  transform: rotate(-90deg);
  margin: 10px 0;
}

.content__info--2QF9v {
  color: #8d8d8d;
  font-size: 15px !important;
  margin: 10px 0 !important;
  white-space: normal;
}

.content__button--8tjBs > div {
  width: 100%;
}

.status--ptwdi {
  margin-top: 5px;
  z-index: -1;
  /* transform: translateY(-100%); */
  transition: 0.4s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* opacity: 0; */
  pointer-events: all;
}

.status--active--L6EQq {
  transform: translateY(0%);
  opacity: 1;
  pointer-events: all;
}

@keyframes statusSlideIn--110fT {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}

@media  screen and (min-width: 1920px) {
  .button--2GwmQ {
    height: 700px;
    width: 600px;
  }

  .button-upload--VIETj {
    font-size: 20px !important;
  }

  .content__info--2QF9v {
    font-size: 25px;
  }
}

.container--2hFh1 {
  vertical-align: middle;
}

.img--1jAnh {
  height: 45px;
  margin-top: 15px;
}

.container__info--3vEiH {
  padding: 0 25px 0 5px;
}

.container__info--3vEiH > p {
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.container__button--5jO9W {
  margin-top: 18px !important;
  width: 100% !important;
}

.info__filename--3NvDL {
  min-height: 21px;
  font-size: 14px !important;
  color: #ffffff;
  margin: 0;
  text-align: left;
}

.info__filesize--36PXN {
  font-size: 14px !important;
  color: #ffffff;
  margin: 0;
  text-align: left;
}

.info__progressbar--307FS {
  display: inline-block;
}

.progressbar__bar--1C_tN .ant-progress-inner {
  background-color: rgba(255, 255, 255, 0.75);
}
.progressbar__bar--1C_tN {
  margin-top: 2px;
  padding-right: 0;
}

.progressbar__text--1YL69 {
  font-size: 14px !important;
  color: #4285f4;
  margin: 0;
  margin-left: 5px;
}

@media  screen and (min-width: 1920px) {
  .container__button--5jO9W {
    font-size: 20px !important;
  }
}

.card--3A5e3 {
  width: 400px !important;
  height: 500px !important;
}

.card--3A5e3 .csv__button {
  float: left;
}

.card__note--18g7V {
  background: #FEEED6 0% 0% no-repeat padding-box;
  border-radius: 7px;
  text-align: left;
  color: black;
  padding: 15px;
  font-size: 13px;
  margin-top: 5px;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .card--3A5e3 {
    width: 320px !important;
    height: 375px !important;
  }
}

.container--3tAqc {
  width: 100%;
  display: flex !important;
}

.container--3tAqc button {
  width: 100%;
}

.icon--2gYKi {
  height: 30px;
  margin-top: 10px;
}

.container__action--3mWFY {
  padding-left: 10px;
  margin-top: 10px;
}

.container__info--1UIQ6 {
  text-align: left;
  padding-left: 5px;
}

.container__info--1UIQ6 > p {
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.info__filename--risjp {
  margin: 5px 0;
}

.info__filesize--3XfRP {
  margin: 0;
}

.change-file-btn--2n_V6 {
  flex-grow: 1;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .btn-action--1o2GG {
      font-size: 10px !important;
  }
}

.container--3-icz {
  height: 100%;
  text-align: center;
}

.container__main-content--wmVyh {
    margin-top: 20px;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .container__main-content--wmVyh {
        margin-top: 30px;
    }
}
.container--2dL3n button {
  display: inline-block;
  margin: 5px;
}

.container--3vNdK button {
  display: inline-block;
}

.container__add-btn--1UQxs {
  min-width: 125px !important;
  margin: 5px !important;
}

.container--2Difi {
  position: relative;
  width: 360px;
  height: 490px;
  border-radius: 7.5px;
  background-color: #ffffff;
  color: #0c0c0c;
  font-family: 'GT Walsheim', arial, serif;
  font-weight: normal;
  font-size: 1.65em;
  padding: 10px;
  overflow: auto;
  transition: 0.5s all cubic-bezier(0.215, 0.61, 0.355, 1);
}

.container--2Difi::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.container--2Difi::-webkit-scrollbar {
  width: 4px;
}

.container--2Difi::-webkit-scrollbar-thumb {
  background-color: rgba(117, 117, 117, 0.5);
  border-radius: 5px;
}

.container--2Difi p,
.container--2Difi h1,
.container--2Difi h2,
.container--2Difi h3,
.container--2Difi h4,
.container--2Difi h5,
.container--2Difi h6,
.container--2Difi input {
  line-height: 1.4em;
  word-break: break-word;
}

.container--2Difi h1,
.container--2Difi h2,
.container--2Difi h3,
.container--2Difi h4,
.container--2Difi h5,
.container--2Difi h6,
.container--2Difi input,
.container--2Difi textarea,
.container--2Difi strong,
.container--2Difi button {
  font-family: 'GT Walsheim', arial, serif;
}

.container--2Difi p,
.container--2Difi .ql-editor {
  font-family: 'GT Walsheim', arial, serif;
  font-size: 23px;
}

.container--2Difi .ql-editor {
  padding: 5px;
}

.container--2Difi .ql-tooltip {
  position: static;
}
.container--2Difi .ql-editor.ql-blank::before {
  font-style: normal;
}

.container--2Difi ul,
.container--2Difi li {
  font-size: 1.3em;
}

.container--2Difi ul {
  padding-left: 0px;
}

.btn--3Gkxb {
    background-color: transparent !important;
    width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 99;
    transition: 0.3s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn--active--2B_nH {
  opacity: 1;
  pointer-events: none;
}

.btn--inactive--3AzvW {
  opacity: 1;
  pointer-events: initial;
}

/* :global(.read-card__static--border) {
  border: 2px #3b86ff dashed;
  transition: 0.15s border ease-out;
  border-radius: 5px;
}

:global(.read-card__static--transparent-border) {
  border: 2px transparent dashed;
}

:global(.read-card__input--border) {
  border: 2px transparent dashed;
  transition: 0.15s border ease-out;
  border-radius: 5px;
}

:global(.read-card__input--border:focus) {
  border: 2px #3b86ff dashed;
} */

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .container--2Difi {
    width: 260px;
    height: 350px;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .container--2Difi {
    width: 330px;
    height: 460px;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .container--2Difi {
    width: 530px;
    height: 760px;
    padding: 15px;
  }
}

.background--10wQN {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  padding: 10px 10px 5px 10px;
  min-height: 70px;
  font-size: 21px !important;
  transition: 0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.background--active--2LOT1 {
  background: linear-gradient(180deg, #eca81d 0%, #fa8b31 100%) 0% 0% no-repeat padding-box;
  color: #ffffff !important;
}

.background__input--1Jecc {
  font-family: 'GT Walsheim', arial, sans-serif;
  font-weight: normal !important;
  background: transparent;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .background--10wQN {
    min-height: 40px;
    padding: 0px;
  }

  .background__input--1Jecc {
    min-height: 40px;
    font-size: 18px;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .background--10wQN {
    min-height: 62px;
    padding: 0px;
  }

  .background__input--1Jecc {
    min-height: 62px;
    font-size: 23px;
    padding: 10px;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .background--10wQN {
    min-height: 82px;
    padding: 0px;
  }

  .background__input--1Jecc {
    min-height: 82px;
    font-size: 33px;
    padding: 10px;
  }
}

.list__input--38y-7 {
  margin: 10px 0;
}

.row__input--2YZw8 {
  display: flex;
}

.row__container--vyh5y {
  display: flex;
  width: 135px;
  min-height: 125px;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: middle;
}
.card__question--b8IE9 {
  margin-bottom: 10px;
  font-size: 21px;
  min-height: 100px !important;
  background-color: transparent;
  color: #ffffff;
  font-weight: normal !important;
}

.card__question--b8IE9::placeholder {
  color: #ffffff;
}

.choice__input--fZ5ty {
  display: flex !important;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .card__question--b8IE9 {
    min-height: 260px !important;
  }
}

.list--vdrOq {
  white-space: nowrap;
  overflow: visible;
  /* padding: 0 50%; */
  scroll-behavior: smooth;
  /* min-height: 470px; */
  margin: 15px 0;
  transition-property: transform;
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex !important;
}

.list--vdrOq > div {
  display: inline-flex;
}

.list--noscroll--3wgdi {
  overflow: visible;
}

.list__card--1ujWr {
  margin: 0px;
  transition-property: transform, opacity;
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.list__card--active--1be7Z {
  transform: scale(1);
  opacity: 1;
  /* margin: 0 15px; */
}

.list__card--inactive--2vWU8 {
  transform: scale(0.8);
  opacity: 0.75;
}

.list__add-card--bS0fx {
  /* Should be the same as inactive transform to have consistent style */
  transform: scale(0.8);
}

.card__number--zVbxk {
  font-family: 'GT Walsheim', Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin-right: 10px;
  margin-top: 8px;
  text-align: right;
  font-size: 1.5em;
  font-weight: bold;
}

.disable-click--1VKuF {
  pointer-events: none;
}

/* @media only screen and (min-height: 667px) {
  .list {
    transform: scale(0.7) translateY(-110px);
  }
} */
.toolbar--12p-c {
  margin-bottom: 20px;
}

.button__text--ARPrf > svg {
  margin-bottom: -2px;
  margin-right: 0.25rem;
}

.button__text--ARPrf {
  margin: 0;
}

.container--2W8x_ {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: fit-content;
  z-index: 10;
  display: flex;
  flex-direction: column;
  transition: 0.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}

.container--active--2gw-3 {
  transform: translateX(0%);
}

.container--inactive--3Wejd {
  transform: translateX(100%);
}

.sidebar--3ybpG {
  height: 100%;
  transition: 0.5s transform cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 305px;
  overflow-y: auto;
  overflow-x: hidden
}

.sidebar--3ybpG::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.sidebar--3ybpG::-webkit-scrollbar {
  width: 4px;
}

.sidebar--3ybpG::-webkit-scrollbar-thumb {
  background-color: rgba(117, 117, 117, 0.5);
  border-radius: 5px;
}

.sidebar--padding--2qT8t {
  padding: 1rem;
}

.wrapper--3uVd5 {
  width: 100%;
  margin-bottom: 0.5rem;
}

.wrapper__field--1m7q9 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.field__number--2q2HH {
  margin: 0;
  margin-right: 10px;
  color: #ffffff;
}

.field__input--2YrY- {
  width: 100%;
}

.wrapper__radio--2PMFo {
  text-align: left;
  margin-left: 20px;
}

.container__delete-btn--29Mky {
  background-color: transparent !important;
  height: 38px !important;
  margin-left: auto !important; 
  margin-right: 0 !important;
}

.wrapper__title--2jOx8 {
  color: #ffffff;
  margin-bottom: 2rem;
}

.wrapper__forced-row--MXdsE {
  display: flex;
  justify-content: flex-end;
  margin-left: 5px;
}

.container__add-btn--1kWGB {
  min-width: 100% !important;
}

.template--2oNPk {
  position: relative;
  text-align: center;
  height: 100%;
}

.container__content--2AUTC {
  height: 100%;
  outline: none;
}

.template__action--3JNIv {
  position: relative;
}

.template__main--kMmfx {
  /* margin-top: 8.5vh; */
  margin-left: -300px;
}

.template__sidebar--2Xahc {
  width: 300px;
}

/* @media (max-height: 768px) {
  .template__main {
    margin-top: 5vh;
  }
} */

.container--L5My2 {
    position: fixed;
    bottom: 0;
    right: 0;
}

.container__content--3yDmn {
    position: relative;
    padding: 15px;
    background-color: #252525;
}

.container__header--1jiW1 {
    display: flex;
    align-items: center;
}

.header__title--1WYiU {
    color: white;
    font-weight: bold;
    flex-grow: 1;
    margin-left: 5px;
    margin-bottom: 0px !important;
    text-align: left;
}

.btn__close--12NxZ {
    position: absolute !important;
    top: 0px;
    right: 0px;
    color: white !important;
    font-size: 20px !important;
    pointer-events: auto !important;
}

.desc--2Y65N {
    color: white;
    font-size: 16px;
    width: 350px;
    text-align: left;
}
.container--12k5v {
    position: fixed;
    top: 150px;
    left: 310px;
}

.title--314es {
    font-size: 0.8rem;
    color: white;
}

.counter--jbyW- {
    font-size: 1.5rem;
    color: white;
}
.container__main-content--1g19A {
    margin-top: 20px;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .container__main-content--1g19A {
        margin-top: 30px;
    }
}
.container__main--dJHYS {
    margin-top: 13px;
}

@media only screen and (min-height: 667px) {
    .container__main--dJHYS {
        margin-top: 10px;
    }
}
.container--3kbPE {
  display: inline-table;
  overflow: hidden;
}

.container__content--1Vp6E {
  display: inline-flex;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
  max-width: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: 0.5s max-width cubic-bezier(0.215, 0.61, 0.355, 1);
}

.content--1ze7g {
  display: inline-flex;
  align-items: center;
}

.content--padding--1vN3E {
  display: inline-flex;
  align-items: center;
  padding: 0 0.5rem;
}

.text--3IKYX {
  color: #ffffff;
  margin: 0;
  align-self: center;
  white-space: nowrap;
}

.input--1tPZN {
  border-radius: 5px;
  padding: 5px;
  height: 25px;
  width: 25px;
  border: none;
  margin: 0 0.3rem 0 0.5rem;
  text-align: center;
  font-weight: bold;
}

.input--1tPZN::-webkit-outer-spin-button,
.input--1tPZN::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.input--1tPZN[type='number'] {
  -moz-appearance: textfield; /* Firefox */
}

.container--1Lodv {
  margin-top: 1rem;
}

.row--SZyfq {
  width: 100%;
  text-align: center;
}

.row--SZyfq > button {
  display: inline-block;
}

.row--SZyfq > button,
.row--SZyfq > div {
  margin: 5px;
  animation-name: buttonIn--3jX6_;
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn__move--hfWYs{
  display: inline-block;
}

.btn__move--disabled--3X46N{
  opacity: 0.2;
}

@keyframes buttonIn--3jX6_ {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.wrapper__title--Ay3HG {
    color: #ffffff;
    margin-bottom: 2rem;
}
  
.container__add-btn--1fwVC {
    min-width: 100% !important;
    margin-top: 20px !important;
}

.container__delete-btn--22TVA {
    background-color: transparent !important;
    margin-left: auto !important; 
    margin-right: 0 !important;
    padding: 0px !important;
}

.container__show-placeholder--2ddev {
    display: flex;
    color: white;
    align-items: center;
}

.field__number--3bUxc {
    margin: 0;
    color: #ffffff;
    text-align: left;
}
  
.field__input--fIliH {
    width: 100% !important;
}

.text__show-placeholder--flH8M {
    margin: 0px;
    margin-right: 10px;
    color: white;
}
  
.container--2t8Ot {
  text-align: left;
}

.label--jaN9k {
  color: #ffffff;
}

.textarea--1bI46 {
  min-height: 0px;
  outline: none;
}

.container__main--2ZJTo {
    display: flex;
    flex-flow: column;
}

.container__section--3_VHj {
    padding: 15px;
}

.container__all-ption-field--14kDh {
    flex-grow: 1;
    padding: 0px !important;
}

.container__option-field--36nhN {
    padding: 0px 15px;
}

.container__option-field--36nhN:focus {
    outline: none;
}

.container__option-field--choosen--epuid {
    background-color: rgba(255, 255, 255, 0.1);
}

.container__option-field-bottom--vLCrk {
    display: flex;
    margin-top: -10px;
}

.container__mechanic--2KPEW {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn__delete--2WSxI {
    background-color: transparent !important;
    margin-left: auto !important; 
    margin-right: 0 !important;
    padding: 0px !important;
}

.btn__add--1p3L4 {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.border--3OXIj {
    border: 0px;
    border-top: 2px solid rgb(37, 35, 35);
    width: 100%;
}

.text__section-title--XR3P6 {
    color: white;
    margin-bottom: 0px !important;
}

.radiogroup__mechanic--3BOY_ {
    justify-content: center;
}

.lr-radiogroup--hide--ROsiN {
    opacity: 0 !important;
    pointer-events: none !important;
}

.tooltip--3GtSa {
    white-space: pre-wrap;
    min-width: 250px !important;
    width: 250px !important;
}

.img__tooltip--1-rnZ {
    margin-left: 5px;
}
.container__option-field-bottom--1gzZu {
    display: flex;
    margin-top: -10px;
}

.btn__delete--1DiJg {
    background-color: transparent !important;
    margin-left: auto !important; 
    margin-right: 0 !important;
    padding: 0px !important;
}


.btn__delete--disabled--1rAsw {
    opacity: 0.4;
}

.text--white--3W_bS {
    color: white;
    margin-top: 5px;
}

.radio-group--hide--3iiZ_ {
    opacity: 0 !important;
    pointer-events: none !important;
}
.wrapper--3L4t0 {
  width: 100%;
  padding-top: 10px;
  padding-right: 1.5rem;
  margin-left: 1rem;
}

.wrapper__field--1jG1n {
  display: flex;
  align-items: center;
  justify-content: center;
}

.field__number--224Ji {
  margin: 0;
  margin-right: 10px;
  color: #ffffff;
}

.field__input--3rY7O {
  height: 30px;
  width: 34px;
  margin: 0 3px;
  text-align: center;
  border-radius: 3px;
  border: 0;
}

.field__input--3rY7O:disabled {
  background: #dddddd;
}

.wrapper__form--_c64p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  width: 100%;
}

.field__required--3axgc {
  margin: 0;
}

.wrapper__increment--vhOlG {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  min-width: 5%;
  margin-right: 5px;
}

.wrapper__area--22hDk {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.field__container--3UXXt {
  margin-top: 10px;
  width: 100%;
  height: 110px;
  background-color: #ffffff;
}

.field__container--3UXXt > div > div > div {
  border: none !important;
  padding: 10px;
}

.field__container--3UXXt > div > div > div:before {
  left: 10px !important;
}

.field__container--3UXXt > div > div > div:focus {
  border: none !important;
}

.field__area--2D3pN {
  height: 100%;
  border: none !important;
}

.field__area--2D3pN ::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.field__area--2D3pN ::-webkit-scrollbar {
  width: 4px;
}

.field__area--2D3pN ::-webkit-scrollbar-thumb {
  background-color: rgba(117, 117, 117, 0.5);
  border-radius: 5px;
}

.wrapper__btn--19DE4{
  display: flex;
  justify-content: flex-end;
  width: 95%;
  margin-left: 18px;
}

.button--3GYBc {
  background-color: transparent !important;
  height: 38px !important;
}

.btn--1M98- {
  height: 30px !important;
  width: 32px !important;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .field__area--2D3pN > div > div::before {
    font-size: 20px !important;
  }

  .field__area--2D3pN > div > div > p {
    font-size: 20px !important;
  }
}

.button--1iIB1 {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  height: 100% !important;
  width: 100% !important;
  margin-bottom: 0.5rem !important;
  transition: 0.5s all cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}

.button--active--2LZv_ {
  border-left: 3px solid #007bff !important;
  background-color: #353539 !important;
}

.button--1iIB1:focus {
  outline: 0 !important;
}

.container--31aI0 {
  width: 305px;
  margin: 0 -1rem;
}

.container__add-btn--3OSQo {
  width: 100%;
  display: flex;
  justify-content: center;
}

.description--21ocn {
  margin-bottom: 6px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text__description--SENvn {
  font-size: 15px;
  margin: 0;
}

.img__description--2bXZl {
  height: 14px;
  margin-left: 6px;
}

.add-btn--3DZFS {
  min-width: 55% !important;
}

.result__container--3l1gZ {
  width: 305px;
  margin: 0 -1rem;
}

.header--3pWTc {
  margin: 15px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__text--3lzRe {
  font-size: 15px;
  margin: 0;
}

.header__img--16P55 {
  height: 14px;
  margin-left: 6px;
}

.text-area__container--2ipEa {
  width: 80%;
  height: 110px;
  background-color: #ffffff;
  margin-top: 30px !important;
  margin: 0 auto;
}

.text-area__container--2ipEa > div > div > div {
  border: none !important;
  padding: 10px;
}

.text-area__container--2ipEa > div > div > div:before {
  left: 10px !important;
}

.text-area__container--2ipEa > div > div > div:focus {
  border: none !important;
}

.text-area--3iQOg {
  height: 100%;
  border: none !important;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .text-area--3iQOg > div > div::before {
    font-size: 15px !important;
  }

  .text-area--3iQOg > div > div > p {
    font-size: 15px !important;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .text-area--3iQOg > div > div::before {
    font-size: 17px !important;
  }

  .text-area--3iQOg > div > div > p {
    font-size: 17px !important;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .text-area--3iQOg > div > div::before {
    font-size: 20px !important;
  }

  .text-area--3iQOg > div > div > p {
    font-size: 20px !important;
  }
}

.sidebar__collapsible--1SIUY {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.container__title--7yPzg {
  margin-bottom: 5px !important;
}

.container__sidebar-collections--3us81 {
  padding-right: 10px;
  box-sizing: border-box;
}

.text-area__container--34HnK {
  width: 100%;
  height: 110px;
  margin: 0 auto;
  margin-bottom: 30px !important;
  padding: 0 10px !important;
  position: relative;
}

.text-area__container--34HnK > div > div > div {
  border: none !important;
  padding: 10px;
}

.text-area__container--34HnK > div > div > div:before {
  left: 10px !important;
}

.text-area__container--34HnK > div > div > div:focus {
  border: none !important;
}

.text-area--1FvA0 {
  height: 100%;
  border: none !important;
  background-color: white;
}

.text__desc-length--2dYFL {
  position: absolute;
  bottom: 0;
  right: 0px;
  margin-right: 15px;
  text-align: right;
  opacity: 0.5;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.container--rw6M8 {
  border-left: 3px #007bff solid;
  transition: 0.3s border cubic-bezier(0.215, 0.61, 0.355, 1);
}

.container__content--1aq5Y {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  position: relative;
  box-sizing: border-box;
}

.text-area__desc--3RETJ {
  height: 110px !important;
  outline: none;
}

.text__desc-length--1ppTC {
  position: absolute;
  bottom: 0;
  right: 0px;
  margin-right: 8px;
  margin-bottom: 5px;
  text-align: right;
  opacity: 0.5;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}


.container__delete-btn--3ceOH {
    background-color: transparent !important;
    margin-left: auto !important; 
    margin-right: 0 !important;
    padding: 0px !important;
}
.btn__add--2F879 {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.sidebar--1lVg9 {
  transition: 0.2s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sidebar--active--32Gkn {
  opacity: 1;
  pointer-events: initial;
}

.sidebar--inactive--I5c5c {
  opacity: 0;
  pointer-events: none;
}

.container__main--386Tn {
    display: flex;
    flex-flow: column;
    padding: 15px;
}

.container__total-point--d40Qk {
    display: flex;
    justify-content: center;
}

.text__total-point-title--1Hy0X {
    color: white;
}
.container__section--3S31q {
    padding: 15px;
}

.container__container-btn-icon-swipe--3goaC {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.container__btn-icon-swipe--bMCKX {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px;
    flex-flow: column;
}

.container__mechanic--1LZR_ {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.border--3ahaU {
    border: 0px;
    border-top: 2px solid rgb(37, 35, 35);
    width: 100%;
}

.text__section-title--G8xk3 {
    color: white;
    margin-bottom: 0px !important;
}

.btn__add--10Kcx {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.btn__icon-swipe--3LOAF {
    margin-top: 5px !important;
    background-color: white !important;
    border-radius: 20px !important;
    padding: 2px !important;
}

.btn--selected--1kJIg {
    border-color: #3B86FF !important;
    border-width: 2px !important;
    border-style: solid !important;
}

.icon__swipe--19-yq {
    font-size: 25px !important;
}

.radiogroup__mechanic--Occcd {
    justify-content: center;
}

.tooltip--2-eNw {
    white-space: pre-wrap;
}

.img__tooltip--o4cV4 {
    margin-left: 5px;
}
.container__section--2mfT5 {
    padding: 15px;
}

.container__section--no-padding-left-right---GDtU {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container__mechanic--H96ic {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container__option-field--EA68l:focus {
    outline: none;
}

.container__option-field--choosen--39IWR {
    background-color: rgba(255, 255, 255, 0.1);
}

.container__inner-option-field--qvQfy {
    padding: 2px 15px;
}

.container__upload--3d1PR {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.container__btn-upload--3vhfb {
    width: 80px;
    margin-top: 0px;
    margin-left: 5px;
}

.border--2Um4S {
    border: 0px;
    border-top: 2px solid rgb(37, 35, 35);
    width: 100%;
}

.text__section-title--2ExIp {
    color: white;
    margin-bottom: 0px !important;
}

.text__img--3izYZ {
    flex-grow: 1;
    background-color: white;
    padding: 5px;
    color: black;
    text-align: left;
    min-height: 21px;
    width: 69%;
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: 0px;
    -ms-overflow-style: none;
}

.text__img--3izYZ::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.text__answer-card-title--6sRts {
    color: white;
    text-align: left;
}

.radiogroup__mechanic--3UPhh {
    justify-content: center;
}

.radiogroup__answer-card--4IDoZ {
    justify-content: left;
    margin-top: -10px;
}

.tooltip--1hIAt {
    white-space: pre-wrap;
}

.img__tooltip--2aFbK {
    margin-left: 5px;
}

.btn__upload--1c2jw {
    width: 100%;
    background-color: #007BFF !important;
    padding: 5px !important;
}
.container__upload--2Qw9a{
    text-align: center !important;
    display: flex !important;
    align-content: center;
    margin-top: auto;
}
  
.container__upload--2Qw9a > div{
    background-color: transparent !important;
    width: 100% !important;
    text-align: center !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    margin: 0 !important;
}
  
.container__upload--2Qw9a > div > span{
    padding: 0 !important;
}
.text__label--1PdUZ {
    margin-bottom: 5px !important;
    text-align: left;
}

.text__answer-title--3nS5D {
    color: white !important;
    margin-bottom: 0px !important;
}

.text__char-left--1rlSQ {
    color: white;
    margin-left: auto;
    font-size: 13px;
    float: right;
    margin-top: -5px;
}

.text-area__container--P0Fmv {
    width: 100%;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 30px !important;
    position: relative;
  }
  
  .text-area__container--P0Fmv > div > div > div {
    border: none !important;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
  }
  
  .text-area__container--P0Fmv > div > div > div:before {
    left: 10px !important;
  }
  
  .text-area__container--P0Fmv > div > div > div:focus {
    border: none !important;
  }
  
  .text-area--3X4pf {
    height: 100%;
    border: none !important;
    background-color: white;
  }
.toolbar--fix-height--1Iql0{
    height: 36px !important;
}
.text__title--3Zluv{
    margin-top: 10px;
    min-height: 21px;
    color: white;
}
.container__card--no-padding--3YCHi {
    padding: 0px;
}

.editor__wrapper--2LjH5 {
  min-height: 150px;
  margin-bottom: 20px;
}

.editor__choice--1RH1g {
  display: flex;
  justify-content: center;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .box__input--Otb3h {
    width: 100px !important;
    height: 100px !important;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .box__input--Otb3h {
    width: 200px !important;
    height: 200px !important;
  }

  .text__input--1bmKd {
    font-size: 50px !important;
  }
}

.container--1JmlV {
  display: flex;
  background-color: #ffffff;
  border: none;
  color: #000000;
  width: 135px;
  height: 125px;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s background cubic-bezier(0.215, 0.61, 0.355, 1);
}

.wrapper--F9QSi {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container__text--2LoRz {
  font-family: 'GT Walsheim', arial, sans-serif;
  margin: 0;
  vertical-align: middle;
  width: 100%;
}

.container--1JmlV > span {
  display: inline-block;
}

.container__checkbox-card--1Ncmj {
    display: flex;
    flex-flow: column;
}

.container__input-list--37t94 {
    flex-grow: 1;
}

.editor__wrapper--5ELLd {
    min-height: 70px;
}
  
.editor__choice--1lKyH {
    display: flex;
}

.button--1LILB {
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    background-color: #8CC011;
}

.button__input--1b-Ez {
    background: none;
    font-size: 23px;
    padding: 7.5px;
    text-align: center;
    color: #ffffff;
    width: 90%;
  }

.button__input--1b-Ez::placeholder{
    color: white;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .button--1LILB {
      padding: 3px;
    }
    
    .button__input--1b-Ez {
      font-size: 18px;
      padding: 2px;
    }
}
  
@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .editor--38yNW {
        height: 87.5%;
    }

    .button__input--1b-Ez {
        font-size: 30px;
    }

    .editor__wrapper--5ELLd {
        min-height: 250px;
    }
}


.list__input--1NABA {
    flex-grow: 1;
    background-color: transparent;
    color: black;
}
  
.row__input--34hlW {
    display: flex;
}
  
.row__container--1C7ru {
    display: flex;
    width: 135px;
    min-height: 125px;
    margin: 0 10px;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.input-container--12eCT{
    width: 100%;
    display: flex;
    background-color: white !important;
    align-items: center;
    margin-top: 10px;
    border-radius: 5px;
}

.input-container--active--1YWtT {
    background: linear-gradient(180deg, #eca81d 0%, #fa8b31 100%) 0% 0% no-repeat padding-box !important;
}

.checkBox--3t2LR{
    width: 25px;
    height: 25px;
    background-color: #E2E2E2;
    border-color: black;
    border-width: thin;
    margin-left: 20px;
    margin-right: 10px;
    padding: 0;
    outline: 0;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {

    .list__input--1NABA {
        display: inherit;
    }

    .checkBox--3t2LR{
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
}
  
@media only screen and (min-height: 760px) and (orientation: landscape) {
    .list__input--1NABA {
        display: inherit;
    }
}
  
@media only screen and (min-height: 1080px) and (orientation: landscape) {
    
}
.editor__wrapper--3MONC {
    min-height: 150px;
    padding: 10px;
}

.container__dragdrop-content--3gMW7{
    width: 100%;
    height: 100%;
}

.container__all-option-box--16lC8 {
    display: flex;
    justify-content: space-around;
}

.container__option-box--2fRvw {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.box--2RlWH {
    width: 115px;
    height: 115px; 
}

.card-box--NvH_R {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    padding: 3px;
    font-size: 17px;
    word-break: break-all;
}

.option-text--2fJdf {
    font-size: 15px;
    color: white !important;
    background-color: transparent;
    height: auto !important;
    min-height: 0px !important;
    width: 115px;
    font-weight: normal !important;
    text-align: center;
    border-style: dashed;
    border-width: 0px;
    padding: 0px !important;
    margin-bottom: 5px;
}

.option-text--2fJdf::placeholder {
    color: white;
    opacity: 0.5
}

.option-box--1pqTT {
    background-color: transparent;
    border-width: 10px;
    border-style: solid;
    border-color:rgba(0, 0, 0, 0.4);
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .editor__wrapper--3MONC {
        min-height: 100px;
    }

    .box--2RlWH {
        width: 75px;
        height: 75px; 
    }

    .option-box--1pqTT {
        border-width: 5px;
    }

    .card-box--NvH_R {
        font-size: 12px;
    }

    .option-text--2fJdf {
        font-size: 12px;
    }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .editor__wrapper--3MONC {
        min-height: 250px;
    }

    .box--2RlWH {
        width: 155px;
        height: 155px; 
    }

    .option-box--1pqTT {
        border-width: 10px;
    }

    .card-box--NvH_R {
        font-size: 27px;
    }

    .option-text--2fJdf {
        font-size: 27px;
    }
}
.editor__wrapper--1Iwba {
    min-height: 150px;
    background-color: transparent;
    padding: 10px;
}

.container__essay-content--16hhS{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: overlay;
}

.container__essay-list--20JBN {
    background-color: white;
    flex-grow: 1;
    padding: 10px;
}

.DashedTextArea-textarea--1QvzW {
    border: none;
    outline: none;
    border-bottom: 1.5px;
    border-bottom-style: dashed;
    border-bottom-color: #33457b;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: normal;
    padding: 5px 10px;
    height: auto;
    margin: auto;
    text-align: center;
    width: 100%;
}

.DashedTextArea-media-textarea--2CJ0a {
    font-size: 16px;
    color: #212121;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .container__essay-list--20JBN {
        margin-top: 100px;
    }

    .DashedTextArea-media-textarea--2CJ0a {
        font-size: 30px;
    }
}
.editor__wrapper--3M2r5 {
  min-height: 100px;
  margin-bottom: 20px;
}

.editor__choice--i0vaN {
  display: flex;
}

.choice__input--3npzM {
  display: flex !important;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .editor__wrapper--3M2r5 {
    min-height: 260px;
  }
}

.editor__wrapper--14haY {
    min-height: 150px;
    background-color: transparent;    
}

.container__slider-content--S9xXC{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: overlay;
    overflow-x: hidden;
    padding: 10px;
}

.container__slider-point--O5n7d {
    background-color: rgba(0,0,0,0.4);
    border: 1px solid rgba(31, 43, 76, 0.2);
    min-height: 58px;
    margin: 0px 45px 0px 45px;
    padding: 10px 0 10px 0;
    border-radius: 3px;
    text-align: center;
}

.container__slider-bar--11v8R {
    margin-top: 20px;
    padding: 10px;
}

.text__point--3l7Hb {
  font-weight: normal;
  font-size: 18px;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  word-break: break-all;
  white-space: normal;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .editor__wrapper--14haY {
        min-height: 250px; 
    }

    .text__point--3l7Hb {
        font-size: 30px;
      }
}
.editor__wrapper--25Del {
    min-height: 100px;
    background-color: transparent;  
    padding: 10px;  
}

.container__swipe-content--1iy3x{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: overlay;
    overflow-x: hidden;
}

.option--margin--1JWH2 {
    margin-top: 3px;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .editor__wrapper--25Del {
        min-height: 250px;
    }
}
.container--center--Rwmnq  {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container--hide--3SXhc {
    opacity: 0;
}

.container__option--3aWDd {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 5px;
    padding-bottom: 5px;
}

.container__icon--20dni {
    width: 70px;
    height: 70px;
}

.icon--3fKnP {
    width: 80%;
    height: 80%;
}

.text__option--OV8wv {
    font-size: 17px !important;
    white-space: pre-wrap;
    margin-bottom: 0 !important;
    width: 250px;
    line-height: 23px !important;
    height: 69px;
}

.icon__option--2H5Cv {
    color: white;
    font-size: 30px;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .container__icon--20dni {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .container__icon--20dni {
        width: 100px;
        height: 100px;
    }

    .text__option--OV8wv {
        font-size: 30px;
    }
}
.container--1DtTX {
  position: relative;
  height: 100%;
  border-radius: 7.5px;
}

.container--purple--2uavT{
  background-color: #33457b;
}

.editor--3QlC9 {
  height: 82.5%;
}

.editor--3QlC9 ::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.editor--3QlC9 ::-webkit-scrollbar {
  width: 4px;
}

.editor--3QlC9 ::-webkit-scrollbar-thumb {
  background-color: rgba(117, 117, 117, 0.5);
  border-radius: 5px;
}

.button--34fvc {
  border-radius: 4px;
  padding: 5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}

.button--green--1PBxI {
  background-color: #8cc011;
}

.button--blue--dODcX {
  background-color: #3C98F0;
}

.button__input--18SN3 {
  background: none;
  font-size: 23px;
  padding: 7.5px;
  text-align: center;
  color: #ffffff;
  width: 90%;
}

.button__input--18SN3:focus {
  border-color: #ffffff !important;
}

.button__input--18SN3::placeholder{
  color: white;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .button--34fvc {
    padding: 3px;
  }

  .button__input--18SN3 {
    font-size: 18px;
    padding: 2px;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .editor--3QlC9 {
    height: 87.5%;
  }

  .button__input--18SN3 {
    font-size: 30px;
  }
}

.editor__wrapper--1Tan- {
    min-height: 100px;
    background-color: transparent;  
}

.container__card--26Pc4 {
    padding: 10px;
}

.container__upload--1udWK {
    position: relative;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.container__inside-phone--36-Pk {
    position: absolute;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.container__inside-phone--image--1CSId {
    position: absolute;
    width: 69%;
    height: 72%;
    margin-top: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.container__input-btn--14EXF {
    background-color: #3C98F0 !important;
    width: 100%;
    padding: 5px;
}

.img__phone--2cANu {
    height: 310px;
}

.img__inside-phone--1KARX {
    width: auto;
    height: 100%;
}

.text__phone-desc--1YeAf {
    white-space: pre-wrap;
    color: white;
    font-size: 10px !important;
    margin-top: 75px;
    margin-bottom: 50px;
}

.btn__upload--_nhZt {
    color: white;
    font-size: 10px !important;
    background-color: #3C98F0 !important;
}

.input__btn--ICOZe {
    background: none;
    font-size: 23px;
    padding: 7.5px;
    text-align: center;
    color: #ffffff;
    width: 90%;
    border: none;
}

.input__btn--ICOZe::placeholder {
    color: #f3eded;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .editor__wrapper--1Tan- {
        min-height: 80px;
    }

    .text__phone-desc--1YeAf {
        margin-top: 55px;
        margin-bottom: 20px;
    }

    .img__phone--2cANu {
        height: 210px;
    }

    .btn__upload--_nhZt {
        font-size: 8px !important;
    }

    .container__input-btn--14EXF {
        padding: 3px;
    }
    
    .input__btn--ICOZe {
        font-size: 18px;
        padding: 2px;
    }

    .container__inside-phone--image--1CSId {
        width: 47%;
        margin-top: 22px;
    }
}
  
@media only screen and (min-height: 760px) and (orientation: landscape) {
    .img__phone--2cANu {
        height: 270px;
    }

    .text__phone-desc--1YeAf {
        margin-bottom: 20px;
    }

    .text__phone-desc--1YeAf {
        font-size: 12px !important;
    }

    .btn__upload--_nhZt {
        font-size: 12px !important;
    }

    .container__inside-phone--image--1CSId {
        width: 60%;
        margin-top: 29px;
    }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .editor__wrapper--1Tan- {
        min-height: 200px;
    }

    .img__phone--2cANu {
        height: 400px;
    }

    .container__upload--1udWK {
        margin-bottom: 60px;
    }

    .input__btn--ICOZe {
        font-size: 30px;
    }

    .container__inside-phone--36-Pk {
        width: 90%;
    }

    .container__inside-phone--image--1CSId {
        width: 89%;
        margin-top: 41px;
    }

    .text__phone-desc--1YeAf {
        font-size: 18px !important;
        margin-top: 100px;
        margin-bottom: 20px;
    }

    .btn__upload--_nhZt {
        font-size: 18px !important;
    }
}
.editor__wrapper--4v-NJ {
    min-height: 150px;
    background-color: transparent;    
}

.editor--1BRfp {
    height: 100% !important;
}

.container__scrabble-content--28Y84{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: overlay;
    overflow-x: hidden;
    padding: 10px;
}

.container__scrabble-content--28Y84::-webkit-scrollbar {
    width: 4px;
}

.container__white-boxes--1bWG6 {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    padding:2px;
    margin-top: 50px;
}

.container__sub-word--TsCJ9 {
    display: flex;
    padding: 2px;
    margin: 0 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.input__add-answer--J21aR {
    background: rgba(0, 0, 0, 0.4) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    border-color: transparent;
    outline: none;
    text-align: center;
    color: white;
    white-space: pre-wrap;
}

.white-box--1rxmZ {
    background-color: white;
    border-radius: 3px;
    border-bottom: 3px #DCDCDC solid;
    box-sizing: border-box;
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    margin:2px;
}

.answer-tile--2GLXe {
    background-color: rgba(0, 0, 0, 0.4);
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: white;
    margin: 2px;
    position: relative;
}
  
.answer-tile--space--3ysLC {
    opacity: 0;
    pointer-events: none;
}

.text__letter--3si6u {
    margin: auto;
    font-weight: bold;
}

.text__total--OYTKm {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 2px;
    font-size: 11px;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .answer-tile--2GLXe {
        width: 17px;
        height: 17px;
        font-size: 15px;
    }

    .white-box--1rxmZ {
        width: 29px;
        height: 29px;
        font-size: 18px;
    }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
    .answer-tile--2GLXe {
        width: 24px;
        height: 24px;
    }

    .white-box--1rxmZ {
        width: 39px;
        height: 39px;
    }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .editor__wrapper--4v-NJ {
        min-height: 250px;
    }

    .answer-tile--2GLXe {
        width: 44px;
        height: 44px;
        font-size: 30px;
    }

    .white-box--1rxmZ {
        width: 68px;
        height: 68px;
        font-size: 35px;
    }
}
.editor__wrapper--13zHh {
    min-height: 150px;
    background-color: transparent;
    padding: 10px;
}

.container__essay-content--1ewdz{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: overlay;
}

.container__essay-list--3MCYt {
    background-color: white;
    flex-grow: 1;
    padding: 10px;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .container__essay-list--3MCYt {
        margin-top: 100px;
    }
}
.hr__dashed--17yIe{
    border-top: 1px dashed black !important;
    background-color: none !important;
}

.container__all-textarea--2cW7A {
    display: flex;
    flex-flow: column;
}

.DashedTextArea-textarea--2yP1h {
    border: none;
    outline: none;
    border-bottom: 1.5px;
    border-bottom-style: dashed;
    border-bottom-color: #33457b;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: normal;
    padding: 5px 10px;
    height: auto;
    margin: auto;
    text-align: center;
    width: 100%;
    line-height: 2;
}

.DashedTextArea-media-textarea--1Y3ZV {
    font-size: 16px;
    color: #212121;
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .DashedTextArea-media-textarea--1Y3ZV {
        height: 75px !important;
        font-size: 30px;
        color: #212121;
    }
}
  
.v__line--2-SVc {
    height: 470px;
    width: 70px;   
    vertical-align: unset !important;
} 

.container__line--291Sb {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.text--44JWz { 
    background:#1B1B1B; 
    color: #B2B2B2;
    padding:10px 10px; 
    height: fit-content;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.line--Gq5MN {
    width: 5px;
    border-width: 1px;
    border-color: white !important;
}

.line--left--2aQnP {
    border-left: solid;
    height: 90%;
}

.line--middle--16Oal {
    border-left: solid;
    height: 100% !important;
    width: 1px !important;
}

.line--right--35cRt {
    border-right: solid;
    height: 90%;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .v__line--2-SVc {
        height: 350px; 
    }
}
  
@media only screen and (min-height: 760px) and (orientation: landscape) {
    .v__line--2-SVc {
        height: 470px;
    } 
}
  
@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .v__line--2-SVc {
        height: 770px;
    } 
}
.container--3vunw {
  border-top: 1px solid #d2dfeb;
  width: 100%;
}

.input--6DW_z {
  padding: 5px 20px;
}

.input__title--29gk- {
  font-family: 'GT Walsheim', arial, serif;
  display: block;
  width: 100%;
  border: none;
  font-size: 21px;
  font-weight: bold;
  resize: none;
  padding-right: 2rem;
}

.input__description--3Ducw {
  font-family: 'GT Walsheim', arial, serif;
  display: block;
  width: 100%;
  border: none;
  font-weight: normal;
  font-size: 17px;
  resize: none;
}

.button--2oZCF {
  position: relative;
  display: block;
  width: 100%;
  background: none;
  border: none;
  border-left: 0px;
  border-right: 0px;
  text-align: left;
  padding: 15px 25px;
  font-weight: bold;
  cursor: pointer;
}

.button__title--1FBkP {
  white-space: normal;
  margin: 0;
  font-size: 21px !important;
  padding-right: 2rem;
}

.button__icon--eP3_Q {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 25px;
}

.container__editor--1vWVO .ql-editor {
  min-height: 150px;
}

.container__editor--1vWVO {
  margin-bottom: 15px;
}

.container__item--16HHF {
  margin-left: -10px;
  margin-right: -10px;
}

.editor--2R3wb {
  height: 82.5%;
}

.button--1jhFi {
  border-radius: 4px;
  padding: 5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}

.button__input--3liue {
  background: none;
  font-size: 23px;
  padding: 7.5px;
  text-align: center;
  color: #ffffff;
  width: 90%;
}

.button__input--3liue:focus {
  border-color: #ffffff !important;
}

.button__input--3liue::placeholder {
  color: #f3eded;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .button--1jhFi {
    padding: 3px;
  }
  
  .button__input--3liue {
    font-size: 18px;
    padding: 2px;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .editor--2R3wb {
    height: 87.5%;
  }

  .button__input--3liue {
    font-size: 30px;
  }
}

.editor--1iXoJ .ql-editor {
  text-align: center;
  font-weight: bolder;
}

.main--uyT1f {
  min-height: 28.5%;
  margin-bottom: 15px;
}

.summary--3AhKA {
  min-height: 23%;
}

.summary__info--3gScl {
  font-size: 13px !important;
  font-weight: bold;
  color: #425489;
  margin-bottom: 0.5rem;
  text-align: center;
}

.summary__topic--3Stkv {
  font-size: 16px !important;
  color: #959595;
}

.footer--3ANDC {
  border-top: 1px #707070 solid;
  text-align: center;
}

.footer__by--316zV {
  display: inline-block;
  font-size: 16px !important;
  color: #959595;
  text-align: left;
  border: none;
  outline: none;
}

.footer__author--_kv8N {
  display: inline-block;
  font-size: 16px !important;
  color: #959595;
  text-align: left;
  width: 90%;
  outline: none;
  padding: 0 2.5px;
}

.footer__author--_kv8N::placeholder {
  color: #adadad;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .main--uyT1f {
    min-height: 18.5%;
    margin-bottom: 15px;
  }

  .footer__by--316zV {
    font-size: 12px !important;
  }
  
  .footer__author--_kv8N {
    font-size: 12px !important;
  }

  .summary__info--3gScl {
    font-size: 10px !important;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .main--uyT1f {
    min-height: 32.5%;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .main--uyT1f {
    min-height: 30.5%;
  }

  .footer__by--316zV {
    font-size: 23px !important;
  }
  
  .footer__author--_kv8N {
    font-size: 23px !important;
  }

  .summary__info--3gScl {
    font-size: 20px !important;
  }
}

.container--3oJWV {
  border: 2px #3b86ff dashed;
  padding: 20px;
  text-align: center;
  margin-bottom: 15px;
  display: flex;
  flex-flow: column;
  position: relative;
  width: 100%;
  height: 150px;
  text-align: center;
}

.container__empty-image--2E7O8 {
  margin-bottom: 15px;
  height: 50px;
}

.container__image--1o0Cl {
  left: 50%;
  top: 50%;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  position: absolute;
}

.container__upload--2bFTI{
  text-align: center !important;
  display: flex !important;
  align-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 10px;
}

.container__upload--2bFTI > div{
  background-color: transparent !important;
  width: 100% !important;
  text-align: center !important;
  width: 100% !important;
  height: auto !important;
  border: none !important;
  margin: 0 !important;
}

.container__upload--2bFTI > div > span{
  padding: 0 !important;
}

.btn__upload--zuusQ {
  padding: 5px 35px !important;
  margin: auto !important;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .container--3oJWV {
    height: 120px;
  }

  .container__empty-image--2E7O8 {
    height: 30px;
  }

  .btn__upload--zuusQ {
    font-size: 10px !important;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .container--3oJWV {
    height: 250px;
  }

  .container__empty-image--2E7O8 {
    height: 100px;
    margin: 15px 0px;
  }

  .btn__upload--zuusQ {
    font-size: 25px !important;
  }
}
.container__editor--1Qt9U .ql-editor {
  min-height: 280px;
}

.text__card-type--3Xp6z{
  font-size: 10px !important;
  margin: 0px;
  margin-top: -10px;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .container__editor--1Qt9U .ql-editor {
    min-height: 190px;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .container__editor--1Qt9U .ql-editor {
    min-height: 270px;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .container__editor--1Qt9U .ql-editor {
    min-height: 440px;
  }

  .text__card-type--3Xp6z{
    font-size: 23px !important;
  }
}
.container--1R3P6 {
    display: flex;
}
.container--2GPCU {
    height: initial;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
    flex-grow: 1;
}

.anim--23xDv {
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-name: move--2ow2x !important;
    animation-duration: 0.3s !important;
    animation-fill-mode: forwards;
    transform: translateX(-300px);
}

@keyframes move--2ow2x {
    0% {
        transform: translateX(-300px);
    }
    100% {
        transform: translateX(0);
    }
}
.container__card--2RRur {
    background-color: #364982 !important;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
}

.editor__wrapper--1FP_Y {
    min-height: 150px;
    background-color: transparent;
    padding: 10px;
}

.container__white-part--2lFfV {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
    align-items: center;
}

.container__answer--3Tjs2 {
    flex-grow: 1;
    padding: 10px;
    pointer-events: none !important;
    width: 90%;
}

.container__send--3Ng-S {
    width: 90%;
    background-color: #3C98F0;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    color: white;
}

.DashedTextArea-textarea--pqCiC {
    border: none;
    outline: none;
    border-bottom: 1.5px;
    border-bottom-style: dashed;
    border-bottom-color: #33457b;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: normal;
    padding: 5px 10px;
    height: auto;
    margin: auto;
    text-align: center;
    width: 100%;
}

.DashedTextArea-media-textarea--24PjD {
    font-size: 16px;
    color: #212121;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
    .container__card--2RRur {
        width: 330px;
        height: 460px;
    }
}
  
@media only screen and (min-height: 760px) and (orientation: landscape) {
    .container__card--2RRur {
        width: 330px;
        height: 460px;
    }
}
  
@media only screen and (min-height: 1080px) and (orientation: landscape) {
    .container__card--2RRur {
        width: 530px;
        height: 760px;
    }

    .DashedTextArea-media-textarea--24PjD {
        font-size: 30px;
    }
}
.container--BxcLj {
    display: flex;
}
.container__card--5fAY6 {
    margin-top: 10px;
}

.container__card--padding--qcxRf {
  margin-top: 67px;
}

.background--transparent--Ys6bT {
    background-color: transparent !important;
    height: 535px !important;
    width: 400px !important;
}

.action--margin--ZrNNX {
  margin-top: -8em !important;
  width: 90% !important;
  margin-left: 14px !important;
}

.button--dimension--1cVAo {
  height: 415px !important;
  width: 380px !important;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .background--transparent--Ys6bT {
    width: 330px !important;
    height: 460px !important;
  }
  .button--dimension--1cVAo {
    height: 340px !important;
    width: 310px !important;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .background--transparent--Ys6bT {
    height: 535px !important;
    width: 400px !important;
  }
  .button--dimension--1cVAo {
    height: 415px !important;
    width: 380px !important;
  }
}


.toolbar--none--2-q28 {
  display: none;
}

.action--font-size--1WWmw {
  font-size: 10px !important;
}

.position--button--3BGgr {
    z-index: 99999;
}

.container__upload--2V2L_ {
    position: relative;
    display: inline-block;
}

.container__upload--card--3Ixnn {
  height: 100%;
}

.icon--32QMx {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.upload--10cTX {
    animation-name: cardInUpload--3E1TZ;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-fill-mode: forwards;
    transition: none;
  }

  @keyframes cardInUpload--3E1TZ {
    from {
      transform: scale(1.25);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
.container--V3aGP {
  position: relative;
  border: none;
  padding: 10px;
  z-index: 999;
}

.container--size--1z2r2 {
  height: 415px !important;
  width: 380px !important;
}

.border--_U1vv {
  border: 2px dashed;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.content--jc-MX {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 40px;
  text-align: center;
  color: #fff;
}

.content-icon--axEer {
  font-size: 2em;
  margin-bottom: 8px;
}

.content--jc-MX h4 {
  color: #fff;
  font-size: 24px;
}

.content--jc-MX p {
  color: #8d8d8d;
  font-size: 14px;
  margin-top: 24px;
  white-space: normal
}

.desc-text--3Dtjb {
  pointer-events: auto !important;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .container--size--1z2r2 {
    height: 340px !important;
    width: 310px !important;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .container--size--1z2r2 {
    height: 415px !important;
    width: 380px !important;
  }
}

.editor--zbIkr {
  height: 47%;
}

.button--2QHEy {
  border-radius: 4px;
  padding: 5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
}

.button__input--1BR0r {
  background: none;
  font-size: 23px;
  padding: 7.5px;
  text-align: center;
  color: #ffffff;
  width: 90%;
}

.button__input--1BR0r:focus {
  border-color: #ffffff !important;
}

.button__input--1BR0r::placeholder {
  color: #f3eded;
}

@media only screen and (min-height: 667px) and (orientation: landscape) {
  .editor--zbIkr {
    height: 40%;
  }

  .button--2QHEy {
    padding: 3px;
  }
  
  .button__input--1BR0r {
    font-size: 18px;
    padding: 2px;
  }
}

@media only screen and (min-height: 760px) and (orientation: landscape) {
  .editor--zbIkr {
    height: 55%;
  }

  .button--2QHEy {
    padding: 3px;
  }
  
  .button__input--1BR0r {
    font-size: 18px;
    padding: 2px;
  }
}

@media only screen and (min-height: 1080px) and (orientation: landscape) {
  .button__input--1BR0r {
    font-size: 30px;
  }
}

.container--3fKkw {
  margin-top: 13px;
}

@media only screen and (min-height: 667px) {
  .container--3fKkw {
    margin-top: 10px;
  }
}

.container__btn-footer--3q9VJ{
    width: 100%;
    text-align: right;
    background-color: white !important;
    margin-top: 50px;
}

.description--geL7k{
    color: black;
    padding: 10px;
}

.btn--3X4xW{
    width: 100px !important;
    border-color: #3D578E !important;
}

.btn-ok--2hDlK{
    margin-left: 10px;
    background-color: #3D578E !important;
    color: white !important;
}
.container--1_02A {
    position: fixed;
    bottom: 0;
    right: 0;
}

.container__content--1NV_V {
    position: relative;
    padding: 15px;
    background-color: #252525;
}

.container__header--1aAOY {
    display: flex;
    align-items: center;
}

.header__title--2A9r6 {
    color: white;
    font-weight: bold;
    flex-grow: 1;
    margin-left: 5px;
    margin-bottom: 0px !important;
    text-align: left;
}

.btn__close--1bq0b {
    position: absolute !important;
    top: 0px;
    right: 0px;
    color: white !important;
    font-size: 20px !important;
    pointer-events: auto !important;
}

.desc--D-C7A {
    color: white;
    font-size: 16px;
    width: 350px;
    text-align: left;
}
.container--1zWGi {
  position: fixed;
  bottom: 0;
  right: 0;
}

.container__content--2PMmQ {
  position: relative;
  padding: 15px;
  background-color: #252525;
}

.container__header--38vQF {
  display: flex;
  align-items: center;
}

.header__title--M-OY3 {
  color: white;
  font-weight: bold;
  flex-grow: 1;
  margin-left: 5px;
  margin-bottom: 0px !important;
  text-align: left;
}

.btn__close--_e4UL {
  position: absolute !important;
  top: 0px;
  right: 0px;
  color: white !important;
  font-size: 20px !important;
  pointer-events: auto !important;
}

.desc--18tPA {
  color: white;
  font-size: 16px;
  width: 350px;
  text-align: left;
}