{"version":3,"sources":["webpack://_N_E/src/components/Navbar/SettingsDrawer/VersePreview.module.scss","webpack://_N_E/src/components/dls/Counter/Counter.module.scss","webpack://_N_E/src/components/dls/Forms/Select/Select.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/QuranFontSection.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/ResetButton.module.scss","webpack://_N_E/src/components/Error/Error.module.scss","webpack://_N_E/src/components/dls/SelectionCard/SelectionCard.module.scss","webpack://_N_E/src/styles/_theme.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/TranslationSection.module.scss","webpack://_N_E/src/components/dls/Forms/Checkbox/Checkbox.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/WordByWordSection.module.scss"],"names":[],"mappings":"AAAA,yCACE,oCAAA,CACA,UAAA,CAGF,8EACE,uCAAA,CCNF,0BACE,YAAA,CACA,kBAAA,CAEF,sBACE,0CAAA,CACA,wCAAA,CACA,iCAAA,CCPF,yBACE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,mBAAA,CACA,kBAAA,CACA,YAAA,CACA,wBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,0CAAA,CACA,kBAAA,CACA,aAAA,CAGF,8BACE,oDAAA,CAGF,sCACE,uCAAA,CACA,qBAAA,CAGF,8BACE,0BAAA,CAEF,+BACE,mCAAA,CAEF,8BACE,oCAAA,CAGF,iCACE,2DAAA,CAGF,qBACE,yBAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,YAAA,CACA,sBAAA,CAEA,kBAAA,CAEA,sBAAA,CAEA,mDACE,oDAAA,CAGF,yBACE,kBAAA,CAIJ,6BACE,eAAA,CACA,2DAAA,CAGF,sBACE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,+BAAA,CACA,sBAAA,CACA,iCAAA,CACA,mBAAA,CACA,mBAAA,CAGF,mCACE,qBAAA,CACA,mBAAA,CACA,2CAAA,CACA,yCAAA,CAGF,8BACE,2DAAA,CACA,kBAAA,CACA,kCAAA,CCpFF,+CACE,4BAAA,CACA,0DAAA,CCJF,yCACE,YAAA,CACA,sBAAA,CCFF,wBACE,iBAAA,CACA,yCAAA,CACA,uCAAA,CACA,0CAAA,CACA,wCAAA,CACA,+BACE,oBAAA,CACA,kBAAA,CACA,wBAAA,CACA,sBAAA,CAIJ,mBACE,iBAAA,CACA,uCAAA,CCbF,gCACE,cAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,0CAAA,CACA,qBAAA,CACA,6BAAA,CCTA,kCDEF,gCAUI,+BAAA,CAAA,CCTF,kDDSE,+BAAA,CCHF,mCDPF,gCAaI,0DAAA,CAAA,CCGF,sGAAA,0DAAA,CDIF,4BACE,yBAAA,CACA,cAAA,CAGF,4BACE,mCAAA,CAGF,oCACE,YAAA,CACA,kBAAA,CAEA,wCACE,sCApCO,CAqCP,qCArCO,CAsCP,kDACE,oBAAA,CExCN,qCACE,sCAAA,CAEF,wDACE,YAAA,CACA,qBAAA,CACA,wCAAA,CAGF,oCACE,oCAAA,CACA,UAAA,CCXF,2BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,uCAAA,CACA,sCAAA,CACA,qCAAA,CACA,wCAAA,CAGF,0BACE,SAAA,CACA,0DAAA,CACA,0CAAA,CACA,8CAAA,CACA,2BAAA,CACA,4BAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,gCACE,4CAAA,CAKF,0DACE,8BAAA,CAIJ,kGAEE,8CAAA,CAEF,oCACE,8CAAA,CAGF,uBACE,0CAAA,CACA,iCAAA,CACA,qCAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAGF,0BACE,mCAAA,CAGF,2BACE,sCAAA,CACA,0CAAA,CACA,UAAA,CACA,WAAA,CAGF,mCACE,8CAAA,CCzDA,gDACE,0CAAA,CACA,kCAAA,CAIJ,oCACE,iCAAA,CAGF,iCACE,mCAAA,CAGF,gCACE,wCAAA,CACA,uCAAA","file":"static/css/8d6dd110a19a380d.css","sourcesContent":[".skeletonPlaceholder {\n  height: calc(1.5 * var(--spacing-mega));\n  width: 100%;\n}\n\n.skeletonContainer + .skeletonContainer {\n  margin-block-start: var(--spacing-large);\n}\n",".container {\n  display: flex;\n  align-items: center;\n}\n.count {\n  padding-inline-start: var(--spacing-medium);\n  padding-inline-end: var(--spacing-medium);\n  font-size: var(--font-size-normal);\n}\n",".container {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  outline: none;\n  text-transform: uppercase;\n  user-select: none;\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--border-radius-default);\n  white-space: nowrap;\n  line-height: 0;\n}\n\n.withBackground {\n  background: var(--color-background-alternative-faded);\n}\n\n.defaultStyledContainer {\n  padding: calc(0.5 * var(--spacing-xxsmall));\n  box-sizing: border-box;\n}\n\n.smallContainer {\n  height: var(--spacing-mega);\n}\n.mediumContainer {\n  height: calc(2 * var(--spacing-large));\n}\n.largeContainer {\n  height: calc(3 * var(--spacing-medium));\n}\n\n.disabledContainer {\n  background-color: var(--color-background-alternative-medium);\n}\n\n.arrow {\n  width: var(--spacing-mega);\n  height: 100%;\n  position: absolute;\n  inset-inline-end: 0;\n  pointer-events: none;\n  display: flex;\n  background: transparent;\n  -webkit-box-align: center;\n  align-items: center;\n  -webkit-box-pack: center;\n  justify-content: center;\n\n  .withBackground & {\n    background: var(--color-background-alternative-faded);\n  }\n\n  > svg {\n    color: currentcolor;\n  }\n}\n\n.disabledArrow {\n  box-shadow: none;\n  background-color: var(--color-background-alternative-medium);\n}\n\n.select {\n  appearance: none;\n  height: 100%;\n  border: none;\n  box-shadow: none;\n  color: var(--color-text-default);\n  background: transparent;\n  font-size: var(--font-size-normal);\n  text-transform: none;\n  text-rendering: initial;\n}\n\n.defaultStyledSelect {\n  padding-block-start: 0;\n  padding-block-end: 0;\n  padding-inline-start: var(--spacing-xxsmall);\n  padding-inline-end: var(--spacing-xxsmall);\n}\n\n.disabledSelect {\n  background-color: var(--color-background-alternative-medium);\n  cursor: not-allowed;\n  color: var(--color-primary-default);\n}\n","@use \"src/styles/breakpoints\";\n\n.versePreviewContainer {\n  padding: var(--spacing-large);\n  background-color: var(--color-background-alternative-faded);\n}\n",".resetButtonContainer {\n  display: flex;\n  justify-content: center;\n}\n",".container {\n  text-align: center;\n  padding-block-start: var(--spacing-xsmall);\n  padding-block-end: var(--spacing-xsmall);\n  padding-inline-start: var(--spacing-xsmall);\n  padding-inline-end: var(--spacing-xsmall);\n  > button {\n    margin-block-start: 0;\n    margin-block-end: 0;\n    margin-inline-start: auto;\n    margin-inline-end: auto;\n  }\n}\n\n.text {\n  text-align: center;\n  padding-block-end: var(--spacing-xsmall);\n}\n","@use \"src/styles/theme\";\n$iconSize: calc(1.5 * var(--spacing-medium));\n\n.container {\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: var(--border-radius-rounded);\n  box-sizing: border-box;\n  padding: var(--spacing-medium);\n\n  @include theme.dark {\n    background-color: var(--shade-7);\n  }\n  @include theme.light {\n    background-color: var(--color-background-alternative-faded);\n  }\n  @include theme.sepia {\n    background-color: var(--color-background-alternative-faded);\n  }\n}\n\n.label {\n  opacity: var(--opacity-85);\n  font-size: 13px; // TODO: we need a better font size token\n}\n\n.value {\n  font-weight: var(--font-weight-bold);\n}\n\n.iconContainer {\n  display: flex;\n  align-items: center;\n\n  & > svg {\n    height: $iconSize;\n    width: $iconSize;\n    [dir=\"rtl\"] & {\n      transform: scaleX(-1);\n    }\n  }\n}\n","@mixin dark {\n  @media (prefers-color-scheme: dark) {\n    @content;\n  }\n  [data-theme=\"dark\"] & {\n    @content;\n  }\n}\n\n@mixin light {\n  @media (prefers-color-scheme: light) {\n    @content;\n  }\n  [data-theme=\"light\"] & {\n    @content;\n  }\n}\n\n@mixin sepia {\n  [data-theme=\"sepia\"] & {\n    @content;\n  }\n}\n",".container {\n  min-height: calc(4 * var(--spacing-mega));\n}\n.changeReciterButtonContainer {\n  display: flex;\n  flex-direction: column;\n  margin-block-start: var(--spacing-xsmall);\n}\n\n.skeleton {\n  height: calc(2.2 * var(--spacing-mega));\n  width: 100%;\n}\n",".container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin-block-start: var(--spacing-micro);\n  margin-inline-end: var(--spacing-micro);\n  margin-block-end: var(--spacing-micro);\n  margin-inline-start: var(--spacing-micro);\n}\n\n.checkbox {\n  all: unset;\n  background-color: var(--color-background-alternative-faint);\n  border-radius: var(--border-radius-default);\n  border: 1px solid var(--color-secondary-medium);\n  width: var(--spacing-medium);\n  height: var(--spacing-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  &:hover {\n    border: 1px solid var(--color-primary-medium);\n  }\n}\n\n.checkbox[data-focus-visible-added] {\n  &:focus {\n    box-shadow: var(--shadow-small);\n  }\n}\n\n.checkbox[data-state=\"checked\"],\n.checkbox[data-state=\"indeterminate\"] {\n  border: 1px solid var(--color-borders-hairline);\n}\n.checkbox[disabled] {\n  background-color: var(--color-secondary-medium);\n}\n\n.label {\n  padding-inline-start: var(--spacing-xsmall);\n  font-size: var(--font-size-normal);\n  line-height: var(--line-height-normal);\n  user-select: none;\n}\n\n.disabled {\n  color: var(--color-secondary-medium);\n}\n\n.indicator {\n  background: var(--color-primary-medium);\n  border-radius: var(--border-radius-default);\n  width: 100%;\n  height: 100%;\n}\n\n.disabledIndicator {\n  background-color: var(--color-secondary-medium);\n}\n",".checkboxContainer {\n  & > div {\n    margin-inline-start: var(--spacing-xxsmall);\n    margin-block: var(--spacing-xsmall);\n  }\n}\n\n.separator {\n  margin-block: var(--spacing-small);\n}\n\n.source {\n  font-weight: var(--font-weight-bold);\n}\n\n.label {\n  margin-block-start: var(--spacing-xsmall);\n  margin-block-end: var(--spacing-xxsmall);\n}\n"],"sourceRoot":""}