{
  "version": 3,
  "sources": ["src/app/customers/layout/component-layout/sign-in/otp-input/otp-input.component.scss"],
  "sourcesContent": ["input[type=\"number\"]::-webkit-outer-spin-button,\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* For Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\n.otp-inputs {\n  width: 100%;\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1em;\n  font-size: 1rem;\n\n  input {\n    border: none;\n    background-color: var(--black);\n    color: white;\n    font-size: 2rem;\n    text-align: center;\n    padding: 0.2em;\n    width: 100%;\n    width: 2.9rem;\n    height: 3rem;\n    border-radius: 0.25em;\n    outline: 2px solid rgb(66, 66, 66);\n\n    &:focus-visible {\n      outline: 2px solid rgba(var(--white-rgb), var(--white-rgb), var(--white-rgb), 0.75);\n    }\n\n    &.filled {\n      outline: 2px solid var(--secondary);\n    }\n  }\n\n  @media only screen and (max-width: 767px) {\n    font-size: 0.25rem;\n    gap: 0.5rem;\n\n    input {\n      width: 3rem;\n      height: 3rem;\n      font-size: 1rem;\n    }\n  }\n}"],
  "mappings": "AAAA,KAAA,CAAA,YAAA,4BAAA,KAAA,CAAA,YAAA,4BAEE,mBAAA,KAFF,OAGE,EAIF,KAAA,CAAA,aACE,gBAAA,UAGF,CAAA,WACE,MAAA,KACA,QAAA,KACA,IAAA,KACA,YAAA,OACA,gBAAA,OACA,cAAA,IACA,UAAA,KAEA,CATF,WASE,MACE,OAAA,KACA,iBAAA,IAAA,SACA,MAAA,KACA,UAAA,KACA,WAAA,OAzBJ,QA0BI,KACA,MAAA,KACA,MAAA,OACA,OAAA,KA7BJ,cA8BI,MACA,QAAA,IAAA,MAAA,IAAA,EAAA,CAAA,EAAA,CAAA,IAEA,CAtBJ,WAsBI,KAAA,eACE,QAAA,IAAA,MAAA,KAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,KAGF,CA1BJ,WA0BI,KAAA,CAAA,OACE,QAAA,IAAA,MAAA,IAAA,aAIJ,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OA/BF,CAAA,WAgCI,UAAA,OACA,IAAA,MAEA,CAnCJ,WAmCI,MACE,MAAA,KACA,OAAA,KACA,UAAA",
  "names": []
}