.f9 {
  width: 100%;
  display: flex;
}

input {
  width: 70%;
  margin-right: 5px;
}


.y8 {
  position: absolute;
  top: 20px;
}
.v8 {
  width: 50%;
  margin-bottom: 15px;
}
@media (max-width: 414px) {
 
  .v8 {
    width: 100%;
  }
  
}

.h6 {
  position: relative;
  width: 100%;
  height: 48px;
  cursor: pointer;
  touch-action: pan-x;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.h6:not(.i6) .j6 {
  background-color: #fa7014;
  background-color: var(--mdc-theme-secondary, #fa7014);
}
.h6:not(.i6) .k6 {
  background-color: rgba(250, 112, 20, 0.26);
}
.h6:not(.i6) .l6:after,
.h6:not(.i6) .m6:after {
  background-color: #fa7014;
  background-color: var(--mdc-theme-secondary, #fa7014);
}
.h6:not(.i6) .n6 {
  fill: #fa7014;
  fill: var(--mdc-theme-secondary, #fa7014);
  stroke: #fa7014;
  stroke: var(--mdc-theme-secondary, #fa7014);
}
.h6:not(.i6) .o6,
.h6:not(.i6) .p6 {
  background-color: #fa7014;
  background-color: var(--mdc-theme-secondary, #fa7014);
}
.h6:not(.i6) .p6 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
}

.v6.s6 .n6 {
  transform: scale(0.57143);
}
.v6.s6 .p6 {
  transform: rotate(-45deg) scale(1) translate(19px, -20px);
}
.v6.t6 .n6 {
  -webkit-animation: none;
  animation: none;
}
.v6.w6 .m6 {
  visibility: visible;
}

.k6 {
  top: 50%;
  height: 2px;
  overflow: hidden;
}
.j6,
.k6 {
  position: absolute;
  width: 100%;
}

.h6:not(.i6) .k6 {
  background-color: rgba(250, 112, 20, 0.26);
}

.h6:not(.i6) .j6 {
  background-color: #fa7014;
  background-color: var(--mdc-theme-secondary, #fa7014);
}

.j6 {
  height: 100%;
  transform-origin: left top;
  will-change: transform;
}

.q6 {
  top: 15px;
  width: 21px;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform;
}
.n6,
.q6 {
  position: absolute;
  left: 0;
}

.h6:focus:not(.s6) .j6,
.h6:focus:not(.s6) .q6,
.u6 .j6,
.u6 .q6 {
  transition: transform 80ms ease;
}

.v6.s6 .p6 {
  transform: rotate(-45deg) scale(1) translate(19px, -20px);
}

.h6:not(.i6) .o6,
.h6:not(.i6) .p6 {
  background-color: #fa7014;
  background-color: var(--mdc-theme-secondary, #fa7014);
}

.h6:not(.i6) .p6 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
}

.p6 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-top: -2px;
  margin-left: -2px;
  transform: rotate(-45deg) scale(0) translate(0);
  transition: transform 0.1s ease-out;
  border-radius: 50% 50% 50% 0;
  z-index: 1;
}

.r6 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  transform: rotate(45deg);
}

.h6:not(.i6) .n6 {
  fill: #fa7014;
  fill: var(--mdc-theme-secondary, #fa7014);
  stroke: #fa7014;
  stroke: var(--mdc-theme-secondary, #fa7014);
}

.i6 .n6 {
  fill: #9a9a9a;
  stroke: #9a9a9a;
  stroke: #fff;
  stroke: var(--mdc-slider-bg-color-behind-component, #fff);
}

.n6,
.q6 {
  position: absolute;
  left: 0;
}
.n6 {
  top: 0;
  transform: scale(0.571);
  transition: transform 0.1s ease-out, fill 0.1s ease-out, stroke 0.1s ease-out;
  stroke-width: 3.5;
}

.s6 .n6 {
  transform: scaleX(1);
}

.t6 .n6 {
  -webkit-animation: mdc-slider-emphasize 0.26667s linear;
  animation: mdc-slider-emphasize 0.26667s linear;
}

.u6 .n6 {
  transition-delay: 0.14s;
}

.v6.s6 .n6 {
  transform: scale(0.57143);
}

.v6.t6 .n6 {
  -webkit-animation: none;
  animation: none;
}


@media (min-width: 840px) {
 
  .a0 {
    width: calc(33.33333% - 24px);
    width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .a0 {
      width: auto;
      grid-column-end: span 4;
    }  
  } 
  
}

@media (min-width: 480px) and (max-width: 839px) {
  .x_ {
    width: calc(33.33333% - 24px);
    width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
  }
  @supports (display: grid) {
    .x_ {
      width: auto;
      grid-column-end: span 4;
      margin: 0;
    }
  }

  .a0 {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .a0 {
      width: auto;
      grid-column-end: span 4;
    }
  }
  
}

@media (max-width: 479px) {
  .x_ {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
  }
  @supports (display: grid) {
    .x_ {
      width: auto;
      grid-column-end: span 4;
      margin: 0;
    }
  }
  .a0 {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .a0 {
      width: auto;
      grid-column-end: span 4;
    }
  }
  
}