/*
  Static copy of the rules the input-otp library would inject through a <style> element. The page CSP
  (style-src 'self') blocks inline <style>, so index.html ships these as a same-origin stylesheet instead and
  gives the <link> the id the library looks for ("input-otp-style"), which makes it skip its own injection.
  Keep in sync with node_modules/input-otp when upgrading.
*/
[data-input-otp]::selection {
  background: transparent !important;
  color: transparent !important;
}
[data-input-otp]:autofill,
[data-input-otp]:-webkit-autofill {
  background: transparent !important;
  color: transparent !important;
  border-color: transparent !important;
  opacity: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: transparent !important;
}
@supports (-webkit-touch-callout: none) {
  [data-input-otp] {
    letter-spacing: -0.6em !important;
    font-weight: 100 !important;
    font-stretch: ultra-condensed;
    font-optical-sizing: none !important;
    left: -1px !important;
    right: 1px !important;
  }
}
[data-input-otp] + * {
  pointer-events: all !important;
}