| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/dls/Forms/Input/Input.module.scss","webpack://_N_E/src/components/ReadingGoal/DeleteReadingGoalModal/DeleteReadingGoalModal.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/ComboboxItem/ComboboxItem.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/ComboboxItems/ComboboxItems.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Icons/CaretInputIcon.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Icons/ClearInputIcon.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Icons/SearchInputIcon.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Tag/Tag.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Combobox.module.scss","webpack://_N_E/src/components/ReadingGoal/ReadingGoalInput/ReadingGoalInput.module.scss","webpack://_N_E/src/components/dls/Forms/Select/Select.module.scss","webpack://_N_E/src/components/dls/Forms/RadioGroup/Item.module.scss","webpack://_N_E/src/components/dls/Forms/RadioGroup/Root.module.scss","webpack://_N_E/src/components/dls/Forms/RadioGroup/RadioGroup.module.scss","webpack://_N_E/src/components/ReadingGoal/UpdateReadingGoalModal/UpdateReadingGoalModal.module.scss","webpack://_N_E/src/components/ReadingGoal/ReadingGoalAmount/VerseRangesList.module.scss","webpack://_N_E/src/components/dls/CircularProgress/CircularProgress.module.scss","webpack://_N_E/src/components/ReadingProgressPage/ReadingProgressPage.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/HomePage/QuranGrowthJourneySection/CollapsibleSection/QuranReadingGoals/DayCircle/DayCircle.module.scss","webpack://_N_E/src/components/dls/Popover/Popover.module.scss","webpack://_N_E/src/components/HomePage/QuranGrowthJourneySection/CollapsibleSection/QuranReadingGoals/ReadingStreak.module.scss","webpack://_N_E/src/components/dls/DurationInput/DurationInput.module.scss","webpack://_N_E/src/components/dls/HelperTooltip/HelperTooltip.module.scss","webpack://_N_E/src/components/ReadingProgressPage/ReadingHistory/AddReading/AddReading.module.scss","webpack://_N_E/src/components/dls/Calendar/Calendar.module.scss","webpack://_N_E/src/components/ReadingProgressPage/ReadingHistory/ReadingHistory.module.scss","webpack://_N_E/src/styles/_theme.scss","webpack://_N_E/src/components/Error/Error.module.scss","webpack://_N_E/src/components/dls/ContentModal/ContentModal.module.scss","webpack://_N_E/src/components/dls/SelectionCard/SelectionCard.module.scss","webpack://_N_E/src/components/PageContainer/PageContainer.module.scss","webpack://_N_E/src/styles/_utility.scss"],"names":[],"mappings":"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","file":"static/css/e8135c44c4171cc4.css","sourcesContent":["@use \"src/styles/theme\";\n\n.container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n &.disabled,\n &.disabled * {\n background: var(--color-background-alternative-medium);\n pointer-events: none;\n cursor: not-allowed;\n }\n border: 1px solid var(--color-borders-hairline);\n &.error {\n border-color: var(--color-error-deep);\n }\n &.success {\n border-color: var(--color-success-medium);\n }\n &.warning {\n border-color: var(--color-warning-medium);\n }\n border-radius: var(--border-radius-rounded);\n padding-inline: var(--spacing-small);\n}\n\n.main {\n padding-inline: var(--spacing-xsmall);\n padding-block: var(--spacing-xsmall);\n\n & .input {\n font-size: var(--font-size-large);\n color: var(--color-text-default);\n font-weight: var(--font-weight-semibold);\n }\n}\n\n.rtlInput {\n [dir=\"rtl\"] & {\n direction: rtl;\n }\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.label {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.input {\n padding: 0;\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 border: 0;\n height: 80%;\n width: 100%;\n font-size: var(--font-size-normal);\n color: var(--color-text-default);\n background: transparent;\n &:focus {\n outline: none;\n }\n &:disabled {\n background: none;\n }\n &.error {\n color: var(--color-error-deep);\n }\n &.success {\n color: var(--color-success-medium);\n }\n &.warning {\n color: var(--color-warning-medium);\n }\n}\n\n@mixin prefixSuffixContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 100%;\n}\n\n.clearContainer {\n @include prefixSuffixContainer;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n border-start-end-radius: var(--border-radius-default);\n border-end-end-radius: var(--border-radius-default);\n}\n\n.prefixSuffixContainer {\n @include prefixSuffixContainer;\n padding-block-start: 0;\n padding-block-end: 0;\n color: var(--color-text-faded);\n\n > svg {\n width: var(--spacing-large);\n }\n}\n\n.prefix {\n border-start-start-radius: var(--border-radius-default);\n border-end-start-radius: var(--border-radius-default);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xxsmall);\n}\n\n.suffix {\n border-inline-start: 1px solid var(--color-background-alternative-deep);\n border-start-end-radius: var(--border-radius-default);\n border-end-end-radius: var(--border-radius-default);\n background: var(--color-background-alternative-medium);\n\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xsmall);\n}\n",".inputContainer {\n width: 100%;\n}\n.deleteButton {\n width: 100%;\n}\n\n.confirmationText {\n font-weight: var(--font-weight-bold);\n}\n\n.instructionText {\n padding-block: var(--spacing-medium);\n}\n",".input {\n display: none;\n}\n\n.itemLabel {\n cursor: pointer;\n}\n\n.itemContainer {\n color: var(--color-text-default);\n padding-block-start: var(--spacing-xsmall);\n padding-block-end: var(--spacing-xsmall);\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n}\n\n.enabledItem {\n cursor: pointer;\n &:hover {\n background: var(--color-background-alternative-medium);\n }\n}\n.disabledItem {\n color: var(--color-text-faded);\n}\n\n.checkedItem {\n font-weight: var(--font-weight-bold);\n background: var(--color-background-alternative-medium);\n}\n\n.prefix {\n pointer-events: none;\n display: flex;\n align-items: center;\n padding-inline-end: var(--spacing-xsmall);\n > svg {\n width: var(--spacing-small);\n height: var(--spacing-small);\n }\n}\n\n.labelContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.prefixContainer {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.suffixContainer {\n background: var(--color-primary-medium);\n border-radius: var(--border-radius-pill);\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n color: var(--color-primary-deep);\n text-transform: uppercase;\n font-size: var(--font-size-xsmall);\n}\n","$webkit-thumb-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);\n\n.comboboxBodyContainer {\n position: absolute;\n inset-inline: 0;\n inset-block-start: 100%;\n margin-block-start: var(--spacing-micro);\n border-radius: var(--border-radius-default);\n box-shadow: var(--shadow-large);\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n z-index: var(--z-index-dropdown);\n transition: var(--transition-fast);\n background-color: var(--color-background-default);\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n font-size: var(--font-size-normal);\n}\n\n.largeComboboxBodyContainer {\n font-size: var(--font-size-large);\n}\n\n.openedComboboxBodyContainer {\n visibility: visible;\n opacity: 1;\n pointer-events: auto;\n}\n\n.itemsContainer {\n border-radius: var(--border-radius-default);\n overflow: hidden;\n max-height: calc(5 * var(--spacing-mega));\n overflow-y: scroll;\n\n // Hack to show the scrollbar on OSX, otherwise the scrollbar is hidden and the component does not indicate scrollability\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: var(--spacing-xxsmall);\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: var(--border-radius-default);\n background-color: var(--color-background-backdrop);\n box-shadow: $webkit-thumb-shadow;\n }\n}\n",".caretIconButton {\n width: var(--spacing-medium);\n height: var(--spacing-medium);\n position: absolute;\n inset-inline-end: var(--spacing-medium);\n inset-block-start: 50%;\n transform: translateY(-50%);\n color: var(--color-background-alternative-deep);\n svg {\n transition: var(--transition-fast);\n }\n cursor: pointer;\n}\n\n.openedCaretIconButton {\n svg {\n transform: rotate(180deg);\n transition: var(--transition-fast);\n }\n}\n",".clearIconContainer {\n user-select: none;\n background: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-small);\n height: var(--spacing-small);\n color: var(--color-background-alternative-deep);\n position: absolute;\n inset-inline-end: var(--spacing-medium);\n inset-block-start: 50%;\n transform: translateY(-50%);\n outline: none;\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n border: 0;\n box-sizing: border-box;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n text-decoration: none;\n cursor: pointer;\n}\n\n.icon svg {\n display: inline-block;\n width: var(--spacing-small);\n height: var(--spacing-small);\n overflow: hidden;\n}\n",".iconContainer {\n position: absolute;\n inset-block-start: 50%;\n transform: translateY(-50%);\n z-index: 1;\n display: inline-block;\n width: var(--spacing-small);\n height: var(--spacing-small);\n color: var(--color-background-alternative-deep);\n user-select: none;\n}\n\n.icon svg {\n display: flex;\n align-items: center;\n width: var(--spacing-small);\n height: var(--spacing-small);\n overflow: hidden;\n}\n\n.selectSearch {\n inset-inline-start: var(--spacing-medium);\n}\n",".item {\n position: relative;\n display: flex;\n flex: none;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n max-width: 100%;\n margin-block-start: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: 0;\n margin-inline-end: 0;\n background: var(--color-background-alternative-medium);\n border-radius: var(--border-radius-default);\n user-select: none;\n margin-inline-end: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xsmall);\n padding-inline-start: var(--spacing-xsmall);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: var(--font-size-normal);\n}\n\n.largeItem {\n font-size: var(--font-size-large);\n}\n\n.itemContent {\n display: inline-block;\n margin-inline-end: var(--spacing-micro);\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n padding-block-start: var(--spacing-xxsmall);\n padding-block-end: var(--spacing-xxsmall);\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xxsmall);\n}\n\n.itemRemove {\n cursor: pointer;\n svg {\n width: var(--spacing-xsmall);\n height: var(--spacing-xsmall);\n }\n}\n",".label {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.disabledSearch,\n.disabledSearch * {\n pointer-events: none;\n cursor: not-allowed;\n}\n\n.comboboxContainer {\n position: relative;\n max-width: 100%;\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n}\n\n.enabled {\n cursor: text;\n}\n\n.select {\n box-sizing: border-box;\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.selector {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xsmall);\n position: relative;\n background-color: var(--color-background-default);\n border: 1px solid var(--color-borders-hairline);\n border-radius: var(--border-radius-default);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-mega);\n padding-inline-end: var(--spacing-mega);\n}\n\n.activeSelector {\n border: 1px solid var(--color-primary-medium);\n}\n.selector:not(.disabledSelector):not(.hasError) {\n &:hover {\n border: 1px solid var(--color-primary-medium);\n }\n}\n.hasError {\n border: 1px solid var(--color-error-medium);\n}\n\n.disabledSelector {\n background: var(--color-background-neutral-grey);\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n inset-block-start: 50%;\n transform: translateY(-50%);\n flex: 1;\n overflow: hidden;\n color: var(--color-text-faded);\n white-space: nowrap;\n text-overflow: ellipsis;\n pointer-events: none;\n max-width: 80%;\n}\n\n.overflow {\n position: relative;\n display: flex;\n flex: auto;\n flex-wrap: wrap;\n max-width: 100%;\n align-items: center;\n}\n\n.multiSelectSearchInput {\n color: var(--color-text-default);\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n background: 0 0;\n border: none;\n outline: none;\n appearance: none;\n width: 100%;\n}\n\n.smallSearchInput {\n height: var(--spacing-mega);\n}\n.mediumSearchInput {\n height: calc(2 * var(--spacing-large));\n}\n.largeSearchInput {\n height: calc(3 * var(--spacing-medium));\n}\n\n.overflowItem {\n flex: none;\n align-self: center;\n max-width: 100%;\n}\n\n.tagContainer {\n max-width: calc(100% - var(--spacing-xxsmall));\n}\n\n.search {\n position: relative;\n max-width: 100%;\n width: var(--spacing-xxsmall);\n}\n\n.fullWidth {\n width: 100%;\n}\n",".rangeInputContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-medium);\n margin-block-end: var(--spacing-large);\n\n & > div {\n flex: 1;\n }\n}\n\n.inputContainer {\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n}\n\n.fullWidth {\n width: 100%;\n}\n\n.input {\n > select {\n width: 100%;\n }\n}\n\n.label {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n margin-block-end: var(--spacing-small);\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",".indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n &:after {\n content: \"\";\n display: block;\n width: var(--spacing-xsmall);\n height: var(--spacing-xsmall);\n border-radius: var(--border-radius-circle);\n background-color: black;\n }\n}\n\n.indicator[data-state=\"checked\"][data-disabled] {\n &:after {\n background-color: var(--color-secondary-medium);\n }\n}\n\n.radioItem {\n all: unset;\n background-color: var(--color-primary-faded);\n width: var(--spacing-medium);\n height: var(--spacing-medium);\n border-radius: var(--border-radius-circle);\n border: 1px solid var(--color-secondary-medium);\n}\n\n.radioItem:not([data-disabled]) {\n &:hover {\n cursor: pointer;\n border: 1px solid var(--color-primary-medium);\n }\n}\n\n.radioItem[data-state=\"checked\"] {\n border: 1px solid var(--color-primary-medium);\n}\n\n.radioItem[data-state=\"checked\"][data-disabled] {\n border: 1px solid var(--color-secondary-medium);\n}\n\n.radioItem[data-focus-visible-added] {\n &:focus {\n box-shadow: var(--shadow-small);\n }\n}\n",".container {\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.container[data-orientation=\"horizontal\"] {\n align-items: center;\n justify-content: space-between;\n display: flex;\n flex-wrap: wrap;\n}\n",".radioItemContainer {\n display: flex;\n align-items: center;\n margin-block-start: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: 0;\n margin-inline-end: 0;\n}\n\n.label {\n font-size: var(--font-size-normal);\n line-height: var(--line-height-normal);\n user-select: none;\n padding-inline-start: var(--spacing-small);\n}\n\n.disabled {\n color: var(--color-secondary-medium);\n}\n",".inputs {\n width: 100%;\n}\n\n.inputContainer {\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n margin-block: var(--spacing-large);\n\n select {\n width: 100%;\n }\n}\n\n.label {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n margin-block-end: var(--spacing-small);\n}\n\n.deleteButton {\n width: 100%;\n}\n\n.confirmationText {\n font-weight: var(--font-weight-bold);\n}\n\n.instructionText {\n padding-block: var(--spacing-medium);\n}\n\n.radioGroup {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block: var(--spacing-large) !important;\n width: 100%;\n}\n\n.radioItem {\n display: flex;\n align-items: center;\n gap: var(--spacing-xsmall);\n}\n",".rowContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n","/*\n * react-circular-progressbar styles\n * All of the styles in this file are configurable!\n */\n\n.progressbar {\n /*\n * This fixes an issue where the CircularProgressbar svg has\n * 0 width inside a \"display: flex\" container, and thus not visible.\n */\n width: 100%;\n /*\n * This fixes a centering issue with CircularProgressbarWithChildren:\n * https://github.com/kevinsqi/react-circular-progressbar/issues/94\n */\n vertical-align: middle;\n\n .path {\n stroke: var(--color-success-medium);\n stroke-linecap: round;\n transition: stroke-dashoffset 0.5s ease 0s;\n }\n\n .trail {\n stroke: var(--color-success-faint);\n /* Used when trail is not full diameter, i.e. when props.circleRatio is set */\n stroke-linecap: round;\n }\n\n .text {\n fill: var(--color-success-medium);\n font-size: 20px;\n dominant-baseline: middle;\n text-anchor: middle;\n font-weight: var(--font-weight-semibold);\n }\n\n .background {\n fill: #d6d6d6;\n }\n}\n","@use \"src/styles/breakpoints\";\n\n$section-spacing: calc(var(--spacing-mega) * 1.5);\n$section-padding: calc(var(--spacing-large));\n\n.contentContainer {\n padding-block: $section-spacing;\n\n h1 {\n font-size: var(--font-size-jumbo);\n line-height: var(--line-height-jumbo);\n font-weight: var(--font-weight-bold);\n }\n}\n\n.historySection {\n margin-block-start: $section-spacing;\n}\n\n.historyContainer {\n margin-block-start: $section-padding;\n}\n\n.manageGoalSection {\n margin-block-start: $section-spacing;\n}\n\n.manageGoalContainer {\n margin-block-start: $section-padding;\n display: flex;\n gap: var(--spacing-large);\n}\n\n.widgetsContainer {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-large);\n margin-block-start: $section-padding;\n\n @include breakpoints.smallerThanDesktop {\n flex-direction: column;\n }\n}\n\n.widget {\n --day-circle-color: var(--color-success-faded) !important;\n flex: 1;\n background-color: var(--color-success-faded);\n padding: var(--spacing-mega);\n border-radius: var(--border-radius-rounded);\n border: 1px solid var(--color-success-faint);\n display: flex;\n justify-content: space-between;\n\n &.streakWidget {\n flex-direction: column;\n }\n}\n\n.streakContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-end: var(--spacing-mega);\n\n h2 {\n font-size: var(--font-size-jumbo);\n color: var(--color-primary-medium);\n }\n\n p {\n font-size: var(--font-size-jumbo);\n font-weight: var(--font-weight-bold);\n color: var(--color-success-medium);\n }\n}\n\n.emptyWidget {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.circularProgressbar {\n height: 130px;\n width: 130px;\n}\n","// For usage see: https://medium.com/codeartisan/breakpoints-and-media-queries-in-scss-46e8f551e2f2\n$breakpoints-mobileS: 320px;\n$breakpoints-mobileM: 375px;\n$breakpoints-mobileL: 425px;\n$breakpoints-tablet: 768px;\n$breakpoints-desktop: 1024px;\n\n@mixin mobileS {\n @media only screen and (min-width: $breakpoints-mobileS) {\n @content;\n }\n}\n\n@mixin smallerThanMobileS {\n @media only screen and (max-width: $breakpoints-mobileS) {\n @content;\n }\n}\n\n@mixin mobileM {\n @media only screen and (min-width: $breakpoints-mobileM) {\n @content;\n }\n}\n\n@mixin smallerThanMobileM {\n @media only screen and (max-width: $breakpoints-mobileM) {\n @content;\n }\n}\n\n@mixin mobileL {\n @media only screen and (min-width: $breakpoints-mobileL) {\n @content;\n }\n}\n\n@mixin smallerThanMobileL {\n @media only screen and (max-width: $breakpoints-mobileL) {\n @content;\n }\n}\n\n@mixin tablet {\n @media only screen and (min-width: $breakpoints-tablet) {\n @content;\n }\n}\n\n@mixin smallerThanTablet {\n @media only screen and (max-width: $breakpoints-tablet) {\n @content;\n }\n}\n\n@mixin desktop {\n @media only screen and (min-width: $breakpoints-desktop) {\n @content;\n }\n}\n\n@mixin smallerThanDesktop {\n @media only screen and (max-width: $breakpoints-desktop) {\n @content;\n }\n}\n",".dayCircle {\n width: var(--spacing-large);\n height: var(--spacing-large);\n border-radius: var(--border-radius-circle);\n border: 2px solid var(--color-success-medium);\n background-color: var(--day-circle-color);\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n\n [dir=\"rtl\"] & {\n transform: translate(50%, -50%);\n }\n\n & svg {\n width: 90%;\n height: 90%;\n color: white;\n }\n}\n\n.filled {\n background-color: var(--color-success-medium) !important;\n}\n\n.stroked {\n border-style: dashed;\n}\n",".container {\n margin-block-start: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: 0;\n margin-inline-end: 0;\n}\n\n.trigger {\n all: unset;\n display: inline-block;\n}\n\n.content {\n border-radius: var(--border-radius-default);\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 background-color: var(--color-background-default);\n box-shadow: var(--shadow-normal);\n & > span {\n fill: var(--color-background-default);\n }\n}\n\n.tooltipContent {\n padding-block-start: var(--spacing-xxsmall);\n padding-block-end: var(--spacing-xxsmall);\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xxsmall);\n color: var(--color-text-inverse);\n background-color: var(--color-background-inverse);\n text-align: center;\n box-shadow: none;\n & > span {\n fill: var(--color-background-inverse);\n }\n}\n","@use \"src/styles/theme\";\n@use \"src/styles/breakpoints\";\n\n.container {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n width: 100%;\n gap: var(--spacing-mega);\n\n @include breakpoints.desktop {\n gap: 0;\n align-items: center;\n flex-direction: row;\n }\n}\n\n.streakSubtitle {\n font-size: var(--font-size-small);\n text-transform: uppercase;\n color: var(--color-text-default);\n}\n\n.weekProgressLabel {\n font-weight: var(--font-weight-medium);\n}\n\n.week {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-block-start: var(--spacing-medium);\n\n &.fixedWidth {\n @include breakpoints.tablet {\n min-width: calc(var(--spacing-large) * 24) !important;\n }\n }\n}\n\n.day {\n color: var(--color-success-medium);\n font-size: var(--font-size-small);\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-large);\n}\n\n.fullName {\n display: none;\n\n @include breakpoints.tablet {\n display: block;\n }\n}\n\n.shortName {\n display: none;\n\n @include breakpoints.smallerThanTablet {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-medium);\n display: block;\n }\n}\n\n.circleContainer {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.dayDivider {\n width: 100%;\n height: 2px;\n background-color: var(--color-success-medium);\n}\n\n.goalContainer {\n margin-block-start: var(--spacing-mega);\n}\n\n.actionsContainer {\n margin-block-start: var(--spacing-large);\n display: flex;\n align-items: center;\n\n & > :first-child {\n margin-inline-end: var(--spacing-xxsmall);\n }\n}\n\n.illustrationContainer {\n width: calc(5 * var(--spacing-mega));\n height: calc(5 * var(--spacing-mega));\n position: absolute;\n inset-block-end: calc(-1 * var(--spacing-medium));\n inset-inline-end: 0;\n opacity: var(--opacity-10);\n color: var(--color-success-deep);\n pointer-events: none;\n}\n",".label {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-semibold);\n color: var(--color-text-default);\n}\n\n.durationInputContainer {\n display: flex;\n align-items: center;\n margin-block-start: var(--spacing-medium);\n width: 100%;\n\n & > div {\n width: 33.3%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--spacing-xsmall);\n\n label {\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-semibold);\n color: var(--color-text-default);\n }\n }\n\n input {\n // hide arrows on number input (@see: https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box)\n -moz-appearance: textfield; /* Firefox */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n display: block;\n width: 100%;\n max-width: auto;\n box-sizing: border-box;\n padding-inline: var(--spacing-small);\n padding-block: var(--spacing-small);\n text-align: center;\n background: transparent;\n border: none;\n border-block: 1px solid var(--color-borders-hairline);\n font-size: var(--font-size-normal);\n color: var(--color-text-default);\n\n &:focus {\n outline: none;\n }\n }\n\n // first input, border radius on left only\n & > div:first-child > input {\n [dir=\"ltr\"] & {\n border-start-start-radius: var(--border-radius-rounded);\n border-end-start-radius: var(--border-radius-rounded);\n }\n\n [dir=\"rtl\"] & {\n border-start-end-radius: var(--border-radius-rounded);\n border-end-end-radius: var(--border-radius-rounded);\n }\n\n border: 1px solid var(--color-borders-hairline);\n }\n\n // last input, border radius on right only\n & > div:last-child > input {\n [dir=\"ltr\"] & {\n border-start-end-radius: var(--border-radius-rounded);\n border-end-end-radius: var(--border-radius-rounded);\n }\n\n [dir=\"rtl\"] & {\n border-start-start-radius: var(--border-radius-rounded);\n border-end-start-radius: var(--border-radius-rounded);\n }\n\n border: 1px solid var(--color-borders-hairline);\n }\n}\n\n.disabled {\n opacity: var(--opacity-50);\n}\n\n.disabledInput {\n background-color: var(--color-background-alternative-faded) !important;\n}\n\n.loadingSpinner {\n margin: auto;\n position: fixed;\n inset-inline-start: 50%;\n}\n\n.error {\n input {\n border-color: var(--color-text-error) !important;\n color: var(--color-text-error);\n }\n\n label {\n color: var(--color-text-error) !important;\n }\n}\n\n.errorMessage {\n color: var(--color-text-error);\n border-color: var(--color-text-error);\n margin-block-start: var(--spacing-xsmall);\n}\n","$tooltip-max-width: 200px;\n.questionMarkIconContainer {\n display: flex;\n align-items: center;\n color: var(--color-background-alternative-deep);\n margin-inline: var(--spacing-xsmall);\n & > svg {\n width: var(--spacing-large);\n }\n}\n\n.trigger {\n display: flex;\n}\n\n.content {\n display: flex;\n max-width: $tooltip-max-width;\n}\n",".calendarMonthSelector {\n margin-block-end: var(--spacing-medium);\n display: flex;\n align-items: center;\n margin-inline: auto;\n justify-content: center;\n gap: var(--spacing-medium);\n font-size: var(--font-size-large);\n}\n\n.verseRangesListContainer {\n margin-block-start: var(--spacing-mega);\n}\n\n.selectedDateHeaderContainer {\n display: flex;\n}\n\n.modalHeader {\n .backButton {\n position: absolute;\n pointer-events: initial;\n inset-inline-start: 0;\n }\n}\n\n.monthName {\n width: calc(3 * var(--spacing-mega));\n text-align: center;\n}\n\n.durationInputWrapper {\n margin-block-start: var(--spacing-large);\n}\n\n.inputLabelContainer {\n display: flex;\n align-items: center;\n}\n",".outerContainer {\n min-height: calc(var(--spacing-mega) * 9.3);\n}\n\n.calendarContainer {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n max-width: calc(var(--spacing-mega) * 12);\n margin-inline: auto;\n\n & > div {\n padding-block: var(--spacing-small);\n\n &.bordered {\n border-block-start: 1px solid var(--color-background-alternative-medium);\n }\n\n & > button {\n background: none;\n border: none;\n color: var(--color-text-default);\n font-weight: var(--font-weight-bold);\n margin-inline: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--border-radius-pill);\n\n &.disabled {\n opacity: var(--opacity-50);\n font-weight: var(--font-weight-normal);\n cursor: not-allowed;\n }\n\n &:hover {\n background: var(--color-background-alternative-medium);\n }\n }\n }\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/styles/theme\";\n\n.monthsContainer {\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n\n @include breakpoints.tablet {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @include breakpoints.desktop {\n grid-template-columns: repeat(3, 1fr);\n }\n\n gap: var(--spacing-large);\n}\n\n.titleContainer {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium);\n justify-content: space-between;\n\n @include breakpoints.smallerThanTablet {\n flex-direction: column;\n align-items: flex-start;\n }\n}\n\n.title {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium);\n justify-content: space-between;\n}\n\n.modalHeader {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-xlarge);\n text-align: center;\n position: relative;\n pointer-events: none;\n\n p {\n max-width: 75%;\n margin-inline: auto;\n }\n\n .backButton {\n position: absolute;\n pointer-events: initial;\n inset-inline-start: 0;\n }\n}\n\n.modalContentContainer {\n width: 100%;\n margin-block-start: calc(var(--spacing-mega) * 2);\n @include breakpoints.smallerThanTablet {\n margin-block-end: calc(var(--spacing-mega) * 2);\n }\n}\n\n.readingDay {\n margin-block-end: var(--spacing-mega);\n\n h2 {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n color: var(--color-primary-medium);\n }\n\n & > div {\n margin-block-start: var(--spacing-xxsmall);\n }\n}\n\n.emptyMessage {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n color: var(--color-secondary-medium);\n\n @include theme.light {\n opacity: var(--opacity-85);\n color: var(--color-secondary-faint);\n }\n\n text-align: center;\n margin-block-end: var(--spacing-medium);\n}\n\n.readingInfo {\n font-size: var(--font-size-large);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-large);\n\n h3 {\n margin-block-start: var(--spacing-mega);\n font-size: var(--font-size-xlarge);\n font-weight: var(--font-weight-bold);\n }\n\n ul {\n margin-block-start: var(--spacing-micro);\n gap: var(--spacing-small);\n display: flex;\n flex-direction: column;\n\n li {\n display: flex;\n align-items: center;\n gap: var(--spacing-small);\n\n [dir=\"rtl\"] & {\n svg {\n transform: rotate(180deg);\n }\n }\n }\n }\n}\n\n.readingStats {\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n flex-direction: column;\n gap: var(--spacing-large);\n\n @include breakpoints.tablet {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @include breakpoints.desktop {\n grid-template-columns: repeat(3, 1fr);\n }\n\n p {\n width: 100%;\n flex: 1;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-block: var(--spacing-large);\n border-radius: var(--border-radius-rounded);\n background: var(--color-background-alternative-faint);\n border: 1px solid var(--color-background-alternative-medium);\n font-size: var(--font-size-xlarge);\n font-weight: var(--font-weight-bold);\n\n svg {\n margin-block-end: var(--spacing-large);\n width: calc(var(--spacing-mega) * 1.2);\n height: calc(var(--spacing-mega) * 1.2);\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 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/breakpoints\";\n\n$translateYDistance: 200px;\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@keyframes contentIn {\n from {\n transform: translate(0, $translateYDistance);\n }\n to {\n transform: translate(0, 0px);\n }\n}\n\n@keyframes contentOut {\n from {\n transform: translate(0%, 0px);\n }\n to {\n transform: translate(0%, $translateYDistance);\n }\n}\n\n.modalContainer {\n @include breakpoints.desktop {\n max-width: initial;\n width: 60vw;\n }\n}\n\n.contentContainer {\n overflow-y: scroll;\n height: 80vh;\n}\n\n.overlay {\n z-index: var(--z-index-overlay);\n background: var(--color-background-backdrop);\n position: fixed;\n inset: 0;\n display: grid;\n place-items: center;\n @include breakpoints.tablet {\n overflow-y: auto;\n }\n box-sizing: content-box;\n padding-block-start: calc(2 * var(--spacing-mega));\n @include breakpoints.tablet {\n padding-block-start: calc(3 * var(--spacing-mega));\n padding-block-end: calc(1.5 * var(--spacing-mega));\n }\n transition: opacity var(--transition-fast) ease;\n}\n\n.contentWrapper {\n background: var(--color-background-default);\n box-sizing: border-box;\n border-radius: var(--border-radius-rounded);\n position: relative;\n\n width: 100vw;\n\n height: 100%;\n overflow-y: scroll;\n @include breakpoints.tablet {\n overflow-y: visible;\n }\n}\n\n.autoHeight {\n @include breakpoints.tablet {\n height: auto;\n }\n}\n\n// size\n.medium {\n @include breakpoints.tablet {\n padding: calc(1.5 * var(--spacing-mega));\n width: 85vw;\n }\n @include breakpoints.desktop {\n width: 60vw;\n }\n}\n\n.small {\n @include breakpoints.tablet {\n padding: calc(1.5 * var(--spacing-mega));\n width: 60vw;\n }\n @include breakpoints.desktop {\n width: 40vw;\n }\n}\n\n.overlay[data-state=\"open\"] {\n animation: fadeIn var(--transition-regular);\n}\n.overlay[data-state=\"closed\"] {\n animation: fadeOut var(--transition-regular);\n}\n\n.contentWrapper[data-state=\"open\"] {\n animation: contentIn var(--transition-regular) ease,\n fadeIn var(--transition-regular) ease;\n}\n\n.contentWrapper[data-state=\"closed\"] {\n animation: contentOut var(--transition-regular) ease,\n fadeOut var(--transition-regular) ease;\n}\n\n.closeIcon {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n padding-block-start: var(--spacing-xsmall);\n background-color: transparent;\n border: none;\n @include breakpoints.tablet {\n padding-block-start: var(--spacing-small);\n margin-block-start: var(--spacing-mega);\n margin-inline-end: var(--spacing-mega);\n }\n}\n\n.header {\n position: sticky;\n inset-block-start: 0;\n background-color: var(--color-background-default);\n padding-block: var(--spacing-small);\n z-index: 1;\n padding-inline: var(--spacing-small);\n @include breakpoints.tablet {\n position: initial;\n padding-inline: 0;\n border: none;\n padding: 0;\n }\n border-block-end: 1px solid var(--color-borders-hairline);\n}\n\n.content {\n padding-inline: var(--spacing-small);\n @include breakpoints.tablet {\n padding-inline: 0;\n }\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","@use \"src/styles/breakpoints\";\n@use \"src/styles/utility\";\n@use \"src/styles/constants\";\n\n.container {\n @include utility.pageContainer();\n padding-block-start: var(--spacing-medium);\n margin-block-start: 0;\n margin-block-end: var(--spacing-mega);\n margin-inline-start: auto;\n margin-inline-end: auto;\n\n --flow-side-spacing: var(--spacing-small);\n padding-inline-start: var(--flow-side-spacing);\n padding-inline-end: var(--flow-side-spacing);\n\n /**\n * On mobile, a few components can't have padding at parent level.\n * For example the QuickLinks, Recently Read, etc. Because they are horizontally scrollable\n * So, we make padding horizontal 0 the parent level, and pass the `--flow-side-spacing` down to children\n * Those components, will implement their own space/padding based on `--flow-side-padding` value\n * See RecentReadingSession.module.scss for an implementation example\n *\n * For now we only want this to be implemented on mobile, so we make `--flow-side-padding: 0` on tablet and above\n **/\n &.fullWidth {\n padding-inline-end: 0;\n padding-inline-start: 0;\n\n @include breakpoints.tablet {\n --flow-side-spacing: 0;\n }\n }\n}\n","@use \"src/styles/constants\";\n@use \"src/styles/breakpoints\";\n@use \"sass:map\";\n\n@mixin center-horizontally {\n display: inline-block;\n margin-block-start: auto;\n margin-inline-end: auto;\n margin-block-end: auto;\n margin-inline-start: auto;\n}\n\n@mixin center-vertically {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n@mixin lighten-background-color {\n background-image: linear-gradient(\n to right,\n var(--color-background-lighten),\n var(--color-background-lighten)\n );\n}\n\n// On mobile, font size 1-3 will try to preserve the line, using flex\n// font 4-5 no longer using the flex. And not preserving the line\n\n// If you're updating font size, double check on font size 3.\n// make sure it will not break the layout\n\n$line-heights-map: (\n tajweed: (\n tablet: (),\n ),\n fallback_qpc_uthmani_hafs: (\n tablet: (\n 1: 6vh,\n 2: 6vh,\n 3: 6.1vh,\n 4: 6vh,\n 5: 5.68vh,\n 6: 8.14vh,\n 7: 10.61vh,\n 8: 13.07vh,\n 9: 15.54vh,\n 10: 18vh,\n ),\n ),\n qpc_uthmani_hafs: (\n tablet: (\n 1: 6vh,\n 2: 6vh,\n 3: 6.1vh,\n 4: 6vh,\n 5: 5.68vh,\n 6: 8.14vh,\n 7: 10.61vh,\n 8: 13.07vh,\n 9: 15.54vh,\n 10: 18vh,\n ),\n ),\n text_indopak_15_lines: (\n tablet: (\n 1: 6vh,\n 2: 6vh,\n 3: 6.1vh,\n 4: 6vh,\n 5: 5.68vh,\n 6: 8.34vh,\n 7: 11.01vh,\n 8: 13.67vh,\n 9: 16.34vh,\n 10: 19vh,\n ),\n ),\n text_indopak_16_lines: (\n tablet: (\n 1: 5.7vh,\n 2: 5.7vh,\n 3: 5.7vh,\n 4: 5.6vh,\n 5: 5.6vh,\n 6: 7.36vh,\n 7: 9.12vh,\n 8: 10.88vh,\n 9: 12.64vh,\n 10: 14.4vh,\n ),\n ),\n code_v2: (\n tablet: (\n 1: 6.1vh,\n 2: 6.1vh,\n 3: 6.1vh,\n 4: 6.1vh,\n 5: 6.1vh,\n 6: 9.28vh,\n 7: 12.46vh,\n 8: 15.64vh,\n 9: 18.82vh,\n 10: 22vh,\n ),\n ),\n code_v1: (\n tablet: (\n 1: 6.1vh,\n 2: 6vh,\n 3: 5.8vh,\n 4: 5.4vh,\n 5: 5vh,\n 6: 8vh,\n 7: 11vh,\n 8: 14vh,\n 9: 17vh,\n 10: 20vh,\n ),\n ),\n translation: (\n tablet: (\n 1: 3.2vh,\n 2: 3.5vh,\n 3: 4vh,\n 4: 4.2vh,\n 5: 4.3vh,\n ),\n ),\n tafsir: (\n tablet: (\n 1: 3.2vh,\n 2: 3.5vh,\n 3: 4vh,\n 4: 4.2vh,\n 5: 4.3vh,\n ),\n ),\n);\n\n// TODO: rename to $font-size-scales-map\n$scales-map: (\n fallback_qpc_uthmani_hafs: (\n tablet: (\n 1: 3.19vh,\n 2: 3.2vh,\n 3: 3.39vh,\n 4: 3.6vh,\n 5: 4.4vh,\n 6: 5.55vh,\n 7: 6.7vh,\n 8: 7.85vh,\n 9: 9vh,\n 10: 10.15vh,\n ),\n mobile: (\n 1: 4vw,\n 2: 4.5vw,\n 3: 5vw,\n 4: 8.9vw,\n 5: 11vw,\n 6: 12vw,\n 7: 13vw,\n 8: 14vw,\n 9: 15vw,\n 10: 16vw,\n ),\n ),\n //TODO: rename qpc_uthmani_hafs to text_qpc_hafs\n qpc_uthmani_hafs:\n (\n tablet: (\n 1: 3.2vh,\n 2: 3.5vh,\n 3: 4vh,\n 4: 4vh,\n 5: 4.4vh,\n 6: 5.56vh,\n 7: 6.72vh,\n 8: 7.88vh,\n 9: 9.04vh,\n 10: 10.27vh,\n ),\n mobile: (\n 1: 4vw,\n 2: 4.5vw,\n 3: 4.6vw,\n 4: 8.9vw,\n 5: 11vw,\n 6: 12vw,\n 7: 13vw,\n 8: 14vw,\n 9: 15vw,\n 10: 16vw,\n ),\n ),\n text_indopak_15_lines: (\n tablet: (\n 1: 3.2vh,\n 2: 3.5vh,\n 3: 4vh,\n 4: 4.2vh,\n 5: 4.3vh,\n 6: 5.64vh,\n 7: 6.98vh,\n 8: 8.32vh,\n 9: 9.66vh,\n 10: 11vh,\n ),\n mobile: (\n 1: 4.4vw,\n 2: 4.8vw,\n 3: 5.1vw,\n 4: 6vw,\n 5: 9.3vw,\n 6: 9.8vw,\n 7: 10.2vw,\n 8: 11vw,\n 9: 12vw,\n 10: 13vw,\n ),\n ),\n text_indopak_16_lines: (\n tablet: (\n 1: 3.1vh,\n 2: 3.2vh,\n 3: 3.4vh,\n 4: 3.7vh,\n 5: 3.95vh,\n 6: 5.08vh,\n 7: 6.21vh,\n 8: 7.34vh,\n 9: 8.47vh,\n 10: 9.6vh,\n ),\n mobile: (\n 1: 4.4vw,\n 2: 4.8vw,\n 3: 5.1vw,\n 4: 6vw,\n 5: 9.3vw,\n 6: 9.8vw,\n 7: 10.2vw,\n 8: 11vw,\n 9: 12vw,\n 10: 13vw,\n ),\n ),\n code_v2: (\n tablet: (\n 1: 2.9vh,\n 2: 3vh,\n 3: 3.2vh,\n 4: 3.5vh,\n 5: 3.7vh,\n 6: 5.16vh,\n 7: 6.62vh,\n 8: 8.08vh,\n 9: 9.54vh,\n 10: 11vh,\n ),\n mobile: (\n 1: 4vw,\n 2: 5vw,\n 3: 5.3vw,\n 4: 8.4vw,\n 5: 10vw,\n 6: 11vw,\n 7: 12vw,\n 8: 13vw,\n 9: 14vw,\n 10: 15vw,\n ),\n ),\n code_v1: (\n tablet: (\n 1: 3.5vh,\n 2: 3.8vh,\n 3: 4vh,\n 4: 4.3vh,\n 5: 4.5vh,\n 6: 6.14vh,\n 7: 7.77vh,\n 8: 9.42vh,\n 9: 11.05vh,\n 10: 12.7vh,\n ),\n mobile: (\n 1: 4vw,\n 2: 5vw,\n 3: 5.9vw,\n 4: 10vw,\n 5: 12vw,\n 6: 13vw,\n 7: 14vw,\n 8: 15vw,\n 9: 16vw,\n 10: 17vw,\n ),\n ),\n translation: (\n tablet: (\n 1: 0.85rem,\n 2: 1rem,\n 3: 1.18rem,\n 4: 1.4rem,\n 5: 2rem,\n 6: 2.3rem,\n 7: 2.7rem,\n 8: 3rem,\n 9: 3.5rem,\n 10: 4rem,\n ),\n mobile: (\n 1: 0.85rem,\n 2: 0.95rem,\n 3: 1.05rem,\n 4: 1.2rem,\n 5: 1.5rem,\n 6: 1.8rem,\n 7: 2.1rem,\n 8: 2.4rem,\n 9: 2.75rem,\n 10: 3rem,\n ),\n ),\n tafsir: (\n tablet: (\n 1: 0.85rem,\n 2: 1.1rem,\n 3: 1.2rem,\n 4: 1.4rem,\n 5: 2rem,\n 6: 2.3rem,\n 7: 2.7rem,\n 8: 3rem,\n 9: 3.5rem,\n 10: 4rem,\n ),\n mobile: (\n 1: 0.85rem,\n 2: 0.95rem,\n 3: 1.1rem,\n 4: 1.2rem,\n 5: 1.4rem,\n 6: 1.8rem,\n 7: 2.1rem,\n 8: 2.4rem,\n 9: 2.75rem,\n 10: 3rem,\n ),\n ),\n tajweed: (\n tablet: (),\n mobile: (),\n ),\n);\n\n$skeleton-height-map: (\n tajweed: (\n desktop: (\n 1: 2.52rem,\n 2: 3.47rem,\n 3: 4.08rem,\n 4: 5.03rem,\n 5: 5.15rem,\n 6: 5.65rem,\n 7: 5.8rem,\n 8: 5.9rem,\n 9: 6.05rem,\n 10: 6.15rem,\n ),\n mobile: (\n 1: 1.9rem,\n 2: 3.4rem,\n 3: 4.1rem,\n 4: 5.03rem,\n 5: 7.24rem,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n qpc_uthmani_hafs: (\n desktop: (\n 1: 4.57vh,\n 2: 4.57vh,\n 3: 4.65vh,\n 4: 4.56vh,\n 5: 4.63vh,\n 6: 6.79vh,\n 7: 9.2vh,\n 8: 11.72vh,\n 9: 14.21vh,\n 10: 16.6vh,\n ),\n mobile: (\n 1: 4.55vw,\n 2: 5.5vw,\n 3: 5.5vw,\n 4: 8.9vw,\n 5: 11vw,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n text_indopak_15_lines: (\n desktop: (\n 1: 4.56vh,\n 2: 4.56vh,\n 3: 4.66vh,\n 4: 4.65vh,\n 5: 4.56vh,\n 6: 6.96vh,\n 7: 9.66vh,\n 8: 12.38vh,\n 9: 15.03vh,\n 10: 17.65vh,\n ),\n mobile: (\n 1: 6.8vw,\n 2: 7.6vw,\n 3: 8.26vw,\n 4: 6vw,\n 5: 9.3vw,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n text_indopak_16_lines: (\n desktop: (\n 1: 4.24vh,\n 2: 4.24vh,\n 3: 4.24vh,\n 4: 4.13vh,\n 5: 4.32vh,\n 6: 5.96vh,\n 7: 7.64vh,\n 8: 9.44vh,\n 9: 11.15vh,\n 10: 12.86vh,\n ),\n mobile: (\n 1: 6.8vw,\n 2: 7.6vw,\n 3: 8.26vw,\n 4: 6vw,\n 5: 9.3vw,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n code_v2: (\n desktop: (\n 1: 4.65vh,\n 2: 4.65vh,\n 3: 4.65vh,\n 4: 4.65vh,\n 5: 4.65vh,\n 6: 7.84vh,\n 7: 11.03vh,\n 8: 14.22vh,\n 9: 17.41vh,\n 10: 20.6vh,\n ),\n mobile: (\n 1: 4.17vw,\n 2: 6.54vw,\n 3: 7.1vw,\n 4: 8.4vw,\n 5: 10vw,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n code_v1: (\n desktop: (\n 1: 4.62vh,\n 2: 4.55vh,\n 3: 4.5vh,\n 4: 4.45vh,\n 5: 4.65vh,\n 6: 7.16vh,\n 7: 9.94vh,\n 8: 12.63vh,\n 9: 15.55vh,\n 10: 18.6vh,\n ),\n mobile: (\n 1: 5.08vw,\n 2: 7.05vw,\n 3: 8.78vw,\n 4: 10vw,\n 5: 12vw,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n default: (\n desktop: (\n 1: 4.57vh,\n 2: 4.57vh,\n 3: 4.65vh,\n 4: 4.56vh,\n 5: 4.63vh,\n 6: 6.79vh,\n 7: 9.2vh,\n 8: 11.72vh,\n 9: 14.21vh,\n 10: 16.6vh,\n ),\n mobile: (\n 1: 4vw,\n 2: 5vw,\n 3: 5.4vw,\n 4: 8.9vw,\n 5: 11vw,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n ),\n);\n\n// for now, we're only doing fixed witdth for tablet & desktop.\n// because mobile is relatively more stable compared to desktop\n// TODO: implement fixed on mobile as well\n$line-width-map: (\n tajweed: (\n tablet: (\n 1: calc(12.5 * var(--spacing-mega)),\n 2: calc(16.5 * var(--spacing-mega)),\n 3: calc(18.8 * var(--spacing-mega)),\n 4: calc(22.5 * var(--spacing-mega)),\n 5: calc(23.2 * var(--spacing-mega)),\n 6: calc(25.2 * var(--spacing-mega)),\n 7: calc(25.6 * var(--spacing-mega)),\n 8: calc(26.2 * var(--spacing-mega)),\n 9: calc(27 * var(--spacing-mega)),\n 10: calc(27.3 * var(--spacing-mega)),\n ),\n ),\n fallback_qpc_uthmani_hafs: (\n tablet: (\n 1: 55vh,\n 2: 59vh,\n 3: 63.8vh,\n 4: 65vh,\n 5: 66vh,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n desktop: (\n 1: 56vh,\n 2: 56.2vh,\n 3: 60vh,\n 4: 63vh,\n 5: 81vh,\n 6: 102.6vh,\n 7: 124.3vh,\n 8: 146.2vh,\n 9: 168vh,\n 10: 190vh,\n ),\n ),\n qpc_uthmani_hafs: (\n tablet: (\n 1: 55vh,\n 2: 59vh,\n 3: 63.8vh,\n 4: 65vh,\n 5: 66vh,\n 6: 1rem,\n 7: 1rem,\n 8: 1rem,\n 9: 1rem,\n 10: 1rem,\n ),\n desktop: (\n 1: 60vh,\n 2: 65vh,\n 3: 73.5vh,\n 4: 74vh,\n 5: 81vh,\n 6: 102.8vh,\n 7: 124.6vh,\n 8: 146.4vh,\n 9: 168.2vh,\n 10: 190vh,\n ),\n ),\n text_indopak_15_lines: (\n tablet: (\n 1: 58vh,\n 2: 64vh,\n 3: 76vh,\n 4: 75vh,\n 5: 76vh,\n 6: 98.6vh,\n 7: 121.2vh,\n 8: 143.8vh,\n 9: 166.4vh,\n 10: 189vh,\n ),\n ),\n text_indopak_16_lines: (\n tablet: (\n 1: 55vh,\n 2: 61vh,\n 3: 63vh,\n 4: 65vh,\n 5: 69vh,\n 6: 93.2vh,\n 7: 117.4vh,\n 8: 141.6vh,\n 9: 165.8vh,\n 10: 190vh,\n ),\n ),\n code_v2: (\n tablet: (\n 1: 52vh,\n 2: 54vh,\n 3: 56vh,\n 4: 61vh,\n 5: 64.5vh,\n 6: 90.4vh,\n 7: 116.3vh,\n 8: 142.2vh,\n 9: 168.1vh,\n 10: 194vh,\n ),\n ),\n code_v1: (\n tablet: (\n 1: 54vh,\n 2: 56.5vh,\n 3: 59.5vh,\n 4: 63vh,\n 5: 67vh,\n 6: 91.6vh,\n 7: 116.2vh,\n 8: 140.8vh,\n 9: 165.4vh,\n 10: 190vh,\n ),\n ),\n);\n\n@function map-deep-get($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n\n@function get-scales($name, $device-type, $map) {\n @return map-deep-get($map, $name, $device-type);\n}\n\n// generate line-width based on font type, font-scale, and screen width;\n@mixin generate-line-width-scales($name) {\n $mobile-scales: get-scales($name, \"mobile\", $line-width-map);\n $tablet-scales: get-scales($name, \"tablet\", $line-width-map);\n $desktop-scales: get-scales($name, \"desktop\", $line-width-map);\n\n @for $i from 1 through constants.$maximum-font-step {\n .#{$name}-line-width-#{$i} {\n @if $mobile-scales != null and map.has-key($tablet-scales, $i) {\n --line-width: #{map.get($mobile-scales, $i)};\n }\n\n @if $tablet-scales != null and map.has-key($tablet-scales, $i) {\n @include breakpoints.tablet {\n --line-width: #{map.get($tablet-scales, $i)};\n }\n }\n\n @if $desktop-scales != null and map.has-key($desktop-scales, $i) {\n @include breakpoints.desktop {\n --line-width: #{map.get($desktop-scales, $i)};\n }\n }\n }\n }\n}\n\n@mixin generate-font-scales($name) {\n $mobile-scales: null;\n $tablet-scales: null;\n $tablet-line-height-scales: null;\n $desktop-skeleton-height-scales: null;\n $mobile-skeleton-height-scales: null;\n\n // reading view skeletons mapping\n @if map.has-key($skeleton-height-map, $name) {\n $desktop-skeleton-height-scales: get-scales(\n $name,\n \"desktop\",\n $skeleton-height-map\n );\n $mobile-skeleton-height-scales: get-scales(\n $name,\n \"mobile\",\n $skeleton-height-map\n );\n } @else {\n $desktop-skeleton-height-scales: get-scales(\n \"default\",\n \"desktop\",\n $skeleton-height-map\n );\n $mobile-skeleton-height-scales: get-scales(\n \"default\",\n \"mobile\",\n $skeleton-height-map\n );\n }\n\n // line heights mapping\n @if map.has-key($line-heights-map, $name) {\n $tablet-line-height-scales: get-scales($name, \"tablet\", $line-heights-map);\n } @else {\n $tablet-line-height-scales: get-scales(\n \"default\",\n \"tablet\",\n $line-heights-map\n );\n }\n\n // font scales mapping\n @if map.has-key($scales-map, $name) {\n $mobile-scales: get-scales($name, \"mobile\", $scales-map);\n $tablet-scales: get-scales($name, \"tablet\", $scales-map);\n } @else {\n $mobile-scales: get-scales(\"default\", \"mobile\", $scales-map);\n $tablet-scales: get-scales(\"default\", \"tablet\", $scales-map);\n }\n\n @for $i from 1 through constants.$maximum-font-step {\n .#{$name}-font-size-#{$i} {\n --skeleton-height: #{map.get($mobile-skeleton-height-scales, $i)};\n --font-size: #{map.get($mobile-scales, $i)};\n --line-height: normal;\n @include breakpoints.tablet {\n --font-size: #{map.get($tablet-scales, $i)};\n --line-height: #{map.get($tablet-line-height-scales, $i)};\n --skeleton-height: #{map.get($desktop-skeleton-height-scales, $i)};\n }\n font-size: var(--font-size);\n }\n }\n}\n\n// Sets a max-width based on the device width. Inspired by the bootstrap container (https://getbootstrap.com/docs/5.0/layout/containers/).\n$large-device-width-ratio: 95%;\n$quran-max-container-width: 112rem;\n@mixin quranContainer() {\n width: 95%;\n\n @include breakpoints.tablet {\n width: $large-device-width-ratio;\n max-width: $quran-max-container-width;\n }\n}\n\n$page-container-max-width: 80rem;\n@mixin pageContainer {\n max-width: $page-container-max-width;\n @include breakpoints.tablet {\n width: 80%;\n }\n}\n"],"sourceRoot":""}
|
