html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

button,
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='search'] {
  -webkit-appearance: none;
  appearance: none;
}

#app select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  min-width: 0;
  line-height: 1.5;
  padding-right: 34px;
  background-image: var(--select-chevron, url('/assets/icons/chevron-dark.svg'));
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px 14px;
  color-scheme: light;
}

.numerology,
.product-video-player {
  --select-chevron: url('/assets/icons/chevron-light.svg');
}

#app .numerology select,
#app .product-video-player select {
  color-scheme: dark;
}

#app input[type='date'],
#app input[type='month'],
#app input[type='time'] {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: start;
}

#app input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border: 1.5px solid #9d88ad;
  border-radius: 4px;
  background: #fff;
  vertical-align: middle;
}

#app input[type='checkbox']:checked {
  border-color: #745394;
  background: #745394 url('/assets/icons/check-light.svg') center / 14px 14px no-repeat;
}

#app input[type='checkbox']:indeterminate {
  border-color: #745394;
  background: #745394 url('/assets/icons/minus-light.svg') center / 14px 14px no-repeat;
}

#app input[type='checkbox']:focus-visible {
  outline: 2px solid #9980c0;
  outline-offset: 3px;
}

#app :is(input, select, textarea):disabled {
  opacity: 0.65;
}

#app input[type='number'] {
  -moz-appearance: textfield;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input::-webkit-search-decoration {
  -webkit-appearance: none;
}

#app .product-video-controls input[type='range'] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
}

.product-video-controls input[type='range']::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 2px;
  background: #ffffff60;
}

.product-video-controls input[type='range']::-moz-range-track {
  height: 3px;
  border: 0;
  border-radius: 2px;
  background: #ffffff60;
}

.product-video-controls input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -6.5px;
  border: 0;
  border-radius: 50%;
  background: #fff;
}

.product-video-controls input[type='range']::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 50%;
  background: #fff;
}

@media (max-width: 760px) {
  #app input:not([type='checkbox']):not([type='radio']):not([type='range']),
  #app select,
  #app textarea {
    font-size: 16px;
  }

  #app .cap-fields-three input,
  #app .cap-fields-three select {
    font-size: 16px !important;
  }

  #app .cap-fields-three select {
    padding-right: 28px !important;
  }

  #app button {
    min-height: 44px;
  }
}

@media (forced-colors: active) {
  #app input[type='checkbox'] {
    -webkit-appearance: auto;
    appearance: auto;
  }

  #app select:not([multiple]):not([size]) {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
  }
}