.accessibility-need {
  color: #000;
  background-color: #f5f5f5;
}

.accessibility-need * {
  box-sizing: border-box;
}

.accessibility-need__inner {
  width: 48.2291666667vw;
  margin: 0 auto;
  padding: 0 0 3.75vw;
}

.accessibility-need__heading {
  margin: 0;
  padding: 0 0 1.6666666667vw;
  font-family: "HONOR Sans World DemiBold", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 400;
  line-height: 1.5;
}

.accessibility-need__control {
  display: flex;
  align-items: center;
  font-family: "HONOR Sans World DemiBold", sans-serif;
  font-size: 1.25vw;
}

.accessibility-need__switch {
  width: 2.34375vw;
  height: 1.145833vw;
  margin: 0 0.833333vw;
  padding: 0;
  border: 1px solid #616161;
  border-radius: 999px;
  background-color: #616161;
  box-sizing: content-box;
  cursor: pointer;
}

.accessibility-need__switch-knob {
  display: block;
  width: 1.145833vw;
  height: 1.145833vw;
  border-radius: 999px;
  background-color: #fff;
  transition: transform 0.3s ease;
}

.accessibility-need__switch[aria-checked="true"] {
  border-color: #1455ff;
  background-color: #1455ff;
}

.accessibility-need__switch[aria-checked="true"] .accessibility-need__switch-knob {
  transform: translateX(1.197917vw);
}

.accessibility-need__switch:focus-visible {
  outline: 2px solid #1455ff;
  outline-offset: 3px;
}

@media screen and (max-width: 1025px) {
  .accessibility-need__inner {
    width: 89.333333vw;
    padding-bottom: 12.8vw;
  }

  .accessibility-need__heading {
    padding-bottom: 4.2666666667vw;
    font-size: 5.3333333333vw;
  }

  .accessibility-need__control {
    font-size: 4.2666666667vw;
  }

  .accessibility-need__switch {
    width: 12.5vw;
    height: 6.111111vw;
    margin: 0 1.944444vw;
  }

  .accessibility-need__switch-knob {
    width: 6.111111vw;
    height: 6.111111vw;
  }

  .accessibility-need__switch[aria-checked="true"] .accessibility-need__switch-knob {
    transform: translateX(6.388889vw);
  }
}