slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 32px;
  min-width: 300px;
  border-radius: 12px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(97,88,199,1) 100%);
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #6158C7;
  border: solid 8px #fff;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #6158C7;
  cursor: pointer;
}
h1 { 
  font-size: 56px;
    line-height: 100% !important;
  }
  label:not(.binary) span { 
   font-size: 16.5px;
   letter-spacing: -0.2px;
  }
  label:not(.binary) span.small {
    font-size: 16px;
    letter-spacing: -0.7px;
  }

  label:not(.binary) span.material-symbols-outlined { 
    font-size: 24px;
  }
  

  label.binary span { 
    font-size: 32px;
   }
   label.binary span.block { 
    font-size: 32px;
    max-width: min-content;
    margin: 0px auto;
   }

.modal label.binary span.block {
	font-size: 26px;
    max-width: min-content;
    margin: 0px auto;
	text-align: left;
    color: #7B78D6;
}
.modal .binary {
    padding: 22px 26px 22px 26px;
    min-width: 148px;
}
   label, input, button {
     border-radius: 10px;
   }

  label, input {
    padding: 12px 14px 12px 18px ;
  }

  .binary {
    padding: 32px 36px 32px 36px;
    min-width: 148px;
  }
  .continue-button{
    padding: 16px 64px 16px 64px ;

    font-size: 24px;
    line-height: initial;
  }
  /* @media (min-width: 768px) { } */
@media only screen and (min-width: 280px) and (max-width: 374px){
.binary {
    padding: 16px 16px 16px 16px;
    min-width: 115px;
}
h1 {
    font-size: calc(1.875rem + ((1vw - 2.8px) * 13)) !important;
    line-height: 100% !important;
    min-height: 0vw;
}
label, input {
    padding: 6px 7px 6px 9px;
}
label:not(.binary) span {
    font-size: 13px;
}
.continue-button {
    padding: 16px 64px 16px 64px;
    font-size: 16px;
    line-height: initial;
}
.px-8 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.w-8 {
    width: 1rem !important;
}
.h-8 {
    height: 1rem !important;
}
.after\:w-5::after {
    content: var(--tw-content);
    width: 0.75rem !important;
}

.after\:h-5::after {
    content: var(--tw-content);
    height: 0.75rem !important;
}
.after\:left-1::after {
    content: var(--tw-content);
    left: 0rem !important;
}
.after\:top-1::after {
    content: var(--tw-content);
    top: 0rem !important;
}
.w-52 {
    width: 11rem !important;
}
.slider {
    min-width: 260px;
}
.p-4 {
    padding: 0.25rem !important;
}
.text-2xl {
    font-size: 16px !important;
    line-height: 16px !important;
}
.text-4xl {
    font-size: calc(1.875rem + ((1vw - 2.8px) * 13)) !important;
    line-height: 100% !important;
    min-height: 0vw;
}
.pb-6 {
    padding-bottom: 15px !important;
}
.text-sm {
    font-size: 12px !important;
    line-height: 12px !important;
}
.mt-12 {
    margin-top: 20px !important;
}
}