| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/dls/Link/Link.module.scss","webpack://_N_E/src/components/dls/Spinner/Spinner.module.scss","webpack://_N_E/src/components/dls/Tooltip/Tooltip.module.scss","webpack://_N_E/src/components/dls/Button/Button.module.scss","webpack://_N_E/src/styles/_utility.scss","webpack://_N_E/src/components/Onboarding/OnboardingStep/OnboardingStep.module.scss","webpack://_N_E/node_modules/react-toastify/scss/_variables.scss","webpack://_N_E/node_modules/react-toastify/dist/ReactToastify.css","webpack://_N_E/node_modules/react-toastify/scss/_toastContainer.scss","webpack://_N_E/node_modules/react-toastify/scss/_toast.scss","webpack://_N_E/node_modules/react-toastify/scss/_theme.scss","webpack://_N_E/node_modules/react-toastify/scss/_closeButton.scss","webpack://_N_E/node_modules/react-toastify/scss/_progressBar.scss","webpack://_N_E/node_modules/react-toastify/scss/_icons.scss","webpack://_N_E/node_modules/react-toastify/scss/animations/_bounce.scss","webpack://_N_E/node_modules/react-toastify/scss/animations/_zoom.scss","webpack://_N_E/node_modules/react-toastify/scss/animations/_flip.scss","webpack://_N_E/node_modules/react-toastify/scss/animations/_slide.scss","webpack://_N_E/node_modules/react-toastify/scss/animations/_spin.scss","webpack://_N_E/src/components/dls/Toast/Toast.module.scss","webpack://_N_E/src/components/AudioPlayer/AudioPlayer.module.scss","webpack://_N_E/src/styles/_constants.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/dls/Modal/Action.module.scss","webpack://_N_E/src/components/dls/Modal/Body.module.scss","webpack://_N_E/src/components/dls/Modal/Content.module.scss","webpack://_N_E/src/components/dls/Modal/_constants.scss","webpack://_N_E/src/styles/_theme.scss","webpack://_N_E/src/components/dls/Modal/Footer.module.scss","webpack://_N_E/src/components/dls/Modal/Header.module.scss","webpack://_N_E/src/components/dls/Modal/Subtitle.module.scss","webpack://_N_E/src/components/dls/Modal/Title.module.scss","webpack://_N_E/src/components/dls/Modal/Modal.module.scss","webpack://_N_E/src/components/dls/Separator/Separator.module.scss","webpack://_N_E/src/components/DeveloperUtility/DeveloperUtility.module.scss","webpack://_N_E/src/components/CommandBar/CommandBarBase/CommandBarBase.module.scss","webpack://_N_E/src/components/CommandBar/CommandBar.module.scss","webpack://_N_E/src/components/dls/PopoverMenu/PopoverMenu.module.scss","webpack://_N_E/src/components/Navbar/LanguageSelector.module.scss","webpack://_N_E/src/components/Navbar/Logo/NavbarLogoWrapper.module.scss","webpack://_N_E/src/components/TarteelAttribution/TarteelAttribution.module.scss","webpack://_N_E/src/components/Navbar/SearchDrawer/Footer/Footer.module.scss","webpack://_N_E/src/components/Navbar/Drawer/Drawer.module.scss","webpack://_N_E/src/components/dls/Skeleton/Skeleton.module.scss","webpack://_N_E/src/components/Navbar/NavigationDrawer/NavigationDrawerBodySkeleton.module.scss","webpack://_N_E/src/components/Navbar/NavigationDrawer/NavigationDrawer.module.scss","webpack://_N_E/src/components/Navbar/SearchDrawer/Buttons/DrawerSearchIcon.module.scss","webpack://_N_E/src/components/TarteelVoiceSearch/Trigger.module.scss","webpack://_N_E/src/components/Navbar/SearchDrawer/Header/Header.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/SettingsBodySkeleton.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/SettingsDrawer.module.scss","webpack://_N_E/src/components/Navbar/NavbarBody/NavbarBody.module.scss","webpack://_N_E/src/components/Navbar/Navbar.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/Section/Footer.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/Section/Label.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/Section/Row.module.scss","webpack://_N_E/src/components/dls/Spinner/SpinnerContainer/SpinnerContainer.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/Section/Title.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/Section/Section.module.scss","webpack://_N_E/src/components/dls/Switch/Switch.module.scss","webpack://_N_E/src/components/Navbar/SettingsDrawer/ThemeSection.module.scss","webpack://_N_E/src/components/dls/Footer/FooterThemeSwitcher.module.scss","webpack://_N_E/src/components/dls/Footer/Footer.module.scss","webpack://_N_E/src/styles/reset.scss","webpack://_N_E/src/styles/fonts.scss","webpack://_N_E/src/styles/theme.scss","webpack://_N_E/src/styles/_shades.scss","webpack://_N_E/src/styles/themes/_light.scss","webpack://_N_E/src/styles/themes/_dark.scss","webpack://_N_E/src/styles/themes/_sepia.scss","webpack://_N_E/src/styles/global.scss","webpack://_N_E/src/styles/variables.scss"],"names":[],"mappings":"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","file":"static/css/d8935ed7d66c18ef.css","sourcesContent":[".base {\n text-decoration: none;\n color: inherit;\n &:active,\n &:focus {\n outline: none;\n }\n}\n// variants\n.highlight {\n color: var(--color-text-link);\n &:hover {\n text-decoration: underline;\n }\n}\n.primary {\n &:hover {\n text-decoration: underline;\n }\n}\n.secondary {\n color: var(--color-text-faded);\n &:hover {\n color: var(--color-text-default);\n }\n}\n.blend {\n text-decoration: underline;\n font-weight: var(--font-weight-semibold);\n &:hover {\n opacity: var(--opacity-50);\n }\n}\n",".large {\n height: calc(1.5 * var(--spacing-medium));\n width: calc(1.5 * var(--spacing-medium));\n}\n.normal {\n height: calc(1.25 * var(--spacing-medium));\n width: calc(1.25 * var(--spacing-medium));\n}\n.small {\n height: calc(1 * var(--spacing-medium));\n width: calc(1 * var(--spacing-medium));\n}\n\n.spinner {\n display: block;\n box-sizing: border-box;\n}\n\n.delayVisibility {\n opacity: 0;\n animation: fadeIn 2s ease 1s forwards;\n}\n\n.centered {\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: auto;\n margin-inline-end: auto;\n}\n\n.container {\n width: 100%;\n height: 100%;\n position: relative;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n}\n\n@keyframes spinner {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0.15;\n }\n}\n\n.span {\n background-color: var(--color-text-default);\n position: absolute;\n inset-block-start: -3.9%;\n width: 24%;\n height: 8%;\n inset-inline-start: -10%;\n border-radius: var(--border-radius-default);\n animation: spinner 1.2s linear 0s infinite normal none running;\n}\n.span:nth-child(1) {\n animation-delay: -1.2s;\n transform: rotate(0deg) translate(146%);\n}\n.span:nth-child(2) {\n animation-delay: -1.1s;\n transform: rotate(30deg) translate(146%);\n}\n.span:nth-child(3) {\n animation-delay: -1s;\n transform: rotate(60deg) translate(146%);\n}\n.span:nth-child(4) {\n animation-delay: -0.9s;\n transform: rotate(90deg) translate(146%);\n}\n.span:nth-child(5) {\n animation-delay: -0.8s;\n transform: rotate(120deg) translate(146%);\n}\n.span:nth-child(6) {\n animation-delay: -0.7s;\n transform: rotate(150deg) translate(146%);\n}\n.span:nth-child(7) {\n animation-delay: -0.6s;\n transform: rotate(180deg) translate(146%);\n}\n.span:nth-child(8) {\n animation-delay: -0.5s;\n transform: rotate(210deg) translate(146%);\n}\n.span:nth-child(9) {\n animation-delay: -0.4s;\n transform: rotate(240deg) translate(146%);\n}\n.span:nth-child(10) {\n animation-delay: -0.3s;\n transform: rotate(270deg) translate(146%);\n}\n.span:nth-child(11) {\n animation-delay: -0.2s;\n transform: rotate(300deg) translate(146%);\n}\n.span:nth-child(12) {\n animation-delay: -0.1s;\n transform: rotate(330deg) translate(146%);\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n",".trigger {\n all: unset;\n display: inline-block;\n}\n\n.content {\n z-index: var(--z-index-sticky);\n font-size: var(--font-size-normal);\n border-radius: var(--border-radius-default);\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 max-width: calc(10 * var(--spacing-mega));\n & > span {\n fill: var(--color-background-inverse);\n }\n}\n\n.noInverse {\n background-color: var(--color-background-default);\n & > span {\n fill: var(--color-background-default);\n }\n}\n.noCenter {\n text-align: initial;\n}\n.secondary {\n background-color: var(--color-secondary-medium);\n & > span {\n fill: var(--color-secondary-medium);\n }\n}\n.success {\n background-color: var(--color-success-medium);\n & > span {\n fill: var(--color-success-medium);\n }\n}\n.warning {\n background-color: var(--color-warning-medium);\n & > span {\n fill: var(--color-warning-medium);\n }\n}\n.error {\n background-color: var(--color-error-medium);\n & > span {\n fill: var(--color-error-medium);\n }\n}\n","@use \"src/styles/utility\";\n\n.base {\n border: none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n box-sizing: border-box;\n transition: transform var(--transition-fast);\n color: var(--themed-fg, var(--color-text-default));\n background-color: var(--themed-bg, var(--color-background-default));\n font-weight: var(--font-weight-medium);\n border: 1px solid var(--themed-border);\n height: var(--button-size);\n justify-content: center;\n border-radius: var(--border-radius-default);\n padding-inline: var(--spacing-small);\n\n @media (hover: hover) {\n &:hover {\n background-color: transparent;\n color: var(--themed-bg);\n }\n }\n &:active {\n transform: scale(0.92);\n &.disabled {\n transform: none;\n }\n }\n}\n\n// type\n.primary {\n --themed-bg: var(--color-primary-medium);\n --themed-fg: var(--color-text-inverse);\n --themed-border: var(--color-primary-medium);\n}\n\n.secondary {\n --themed-bg: var(--color-background-default);\n --themed-fg: var(--color-text-faded);\n --themed-border: var(--color-borders-hairline);\n\n @media (hover: hover) {\n &:hover {\n --themed-bg: var(--color-text-default);\n --themed-border: var(--color-primary-medium);\n }\n }\n}\n\n.success {\n --themed-bg: var(--color-success-medium);\n --themed-fg: var(--shade-0);\n --themed-border: var(--color-success-medium);\n}\n\n.warning {\n --themed-bg: var(--color-warning-medium);\n --themed-fg: var(--shade-0);\n --themed-border: var(--color-warning-medium);\n}\n\n.error {\n --themed-bg: var(--color-error-medium);\n --themed-fg: var(--shade-0);\n --themed-border: var(--color-error-medium);\n}\n\n.inverse {\n --themed-bg: var(--color-text-inverse);\n --themed-fg: var(--color-primary-medium);\n --themed-border: var(--color-text-inverse);\n\n &.ghost {\n @media (hover: hover) {\n &:hover {\n color: var(--color-text-default);\n }\n }\n }\n}\n\n// size\n.large {\n font-size: var(--font-size-large);\n --button-size: calc(3 * var(--spacing-medium));\n}\n.normal {\n font-size: var(--font-size-normal);\n --button-size: calc(2.5 * var(--spacing-medium));\n}\n.small {\n font-size: var(--font-size-normal);\n --button-size: calc(2 * var(--spacing-medium));\n}\n\n// shape\n.square {\n border-radius: var(--border-radius-default);\n width: var(--button-size);\n padding: 0;\n}\n.circle {\n border-radius: var(--border-radius-circle);\n width: var(--button-size);\n padding: 0;\n}\n.pill {\n border-radius: var(--border-radius-pill);\n}\n\n// variant\n.shadow {\n box-shadow: var(--shadow-large);\n @media (hover: hover) {\n &:hover {\n background-color: var(--themed-bg);\n color: var(--themed-fg);\n position: relative;\n inset-block-start: -1px;\n }\n }\n}\n\n.ghost {\n background-color: transparent;\n border: none;\n color: var(--themed-bg);\n &:hover {\n background-color: var(--themed-bg);\n @include utility.lighten-background-color;\n }\n}\n// corner case for secondary ghost button\n.ghost.secondary {\n --themed-bg: var(--color-text-faded);\n}\n\n.outlined {\n background-color: transparent;\n color: var(--themed-bg);\n &:hover {\n background-color: var(--themed-bg);\n color: var(--themed-fg);\n }\n}\n// corner case for secondary ghost button\n.ghost.secondary {\n --themed-bg: var(--color-text-faded);\n}\n\n.compact {\n padding-inline: 0;\n background-color: transparent;\n color: var(--themed-bg);\n border: none;\n &:hover {\n opacity: var(--opacity-50);\n }\n}\n\n// suffix, prefix and content contaniner\n.suffix {\n display: flex;\n margin-inline-start: calc(0.5 * var(--spacing-medium));\n}\n.prefix {\n display: flex;\n margin-inline-end: calc(0.5 * var(--spacing-medium));\n}\n.content {\n display: flex;\n line-height: normal;\n}\n\n// svg sizes\n.base > span > svg {\n height: calc(0.5 * var(--button-size));\n width: calc(0.5 * var(--button-size));\n}\n.base[dir=\"rtl\"][data-auto-flip-icon=\"true\"] svg {\n transform: scaleX(-1);\n}\n\n.base.disabled {\n cursor: not-allowed;\n background-color: var(--color-background-alternative-medium);\n border: 1px solid var(--color-secondary-medium);\n color: var(--color-text-default);\n opacity: 0.7;\n @media (hover: hover) {\n &:hover {\n background-color: var(--color-background-alternative-medium);\n opacity: 0.7;\n }\n }\n}\n.ghost.disabled {\n border: none;\n background: inherit;\n @media (hover: hover) {\n &:hover {\n background: inherit;\n }\n }\n}\n\n// TODO: remove .noSidePadding usage\n.noSidePadding {\n padding-inline-start: 0;\n padding-inline-end: 0;\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",".tooltipContainer {\n border-radius: var(--border-radius-default);\n padding: var(--spacing-small);\n color: var(--color-text-inverse);\n background-color: var(--color-background-inverse);\n max-width: 100%;\n width: calc(var(--spacing-mega) * 10);\n z-index: var(--z-index-onboarding-step);\n}\n\n.title {\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-bold);\n}\n\n.description {\n margin-top: var(--spacing-xsmall);\n font-size: var(--font-size-small);\n}\n\n.icon {\n width: 24px;\n height: 24px;\n}\n\n.actionContainer {\n margin-top: var(--spacing-large);\n display: flex;\n align-items: center;\n gap: var(--spacing-xxsmall);\n}\n",null,null,null,null,null,null,null,null,null,null,null,null,null,"@use \"sass:math\";\n\n// animations\n@mixin transform {\n transform: translate3d(0, 0, 0);\n}\n\n@keyframes slideOutDown {\n from {\n @include transform;\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n}\n\n@keyframes slideInUp {\n from {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n @include transform;\n }\n}\n\n.animate {\n animation-fill-mode: both;\n animation-duration: 0.3s;\n}\n.enter {\n animation-name: slideInUp;\n}\n.exit {\n animation-name: slideOutDown;\n}\n\n// toast hover transition\n.toast {\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: var(--spacing-xxsmall);\n margin-inline-end: var(--spacing-xxsmall);\n border-radius: var(--border-radius-default);\n box-shadow: var(--shadow-xlarge);\n transition: transform 0.4s, opacity 0.4s ease;\n position: absolute;\n inset-block-end: 0;\n inset-inline-start: 0;\n inset-inline-end: 0;\n\n @for $i from 2 through 5 {\n &:nth-last-child(#{$i}) {\n transform: translate3d(0, #{$i * -7}px, 0)\n scale(#{math.div(100 - $i, 100)});\n }\n }\n\n &:nth-last-child(n + 4) {\n visibility: hidden;\n }\n}\n\n.toastContainer:hover > .toast {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n\n @for $i from 2 through 3 {\n &:nth-last-child(#{$i}) {\n transform: translate3d(0, #{($i - 1) * -80}px, 0) scale(1);\n }\n }\n}\n\n.errorBody {\n background-color: var(--color-error-medium);\n color: var(--shade-0);\n}\n\n.warningBody {\n background-color: var(--color-warning-medium);\n color: var(--shade-0);\n}\n\n.successBody {\n background-color: var(--color-success-medium);\n color: var(--shade-0);\n}\n\n// toast style\n.toastContainer {\n box-shadow: none;\n --toastify-toast-width: 480px;\n min-height: calc(10 * var(--spacing-large));\n}\n\n.contentContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n [dir=\"rtl\"] & {\n flex-direction: row-reverse;\n }\n}\n\n.actionsContainer {\n display: flex;\n}\n\n.actionsContainer > .action + .action {\n margin-inline-start: var(--spacing-xxsmall);\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/styles/constants\";\n@use \"src/styles/utility\";\n\n.container {\n position: fixed;\n opacity: 1;\n width: 100%;\n inset-block-end: 0;\n text-align: center;\n background: var(--color-background-default);\n transition: var(--transition-regular);\n z-index: var(--z-index-sticky);\n box-shadow: var(--shadow-large);\n border-block-start: 1px solid var(--color-borders-hairline);\n height: constants.$audio-player-default-height;\n @include breakpoints.tablet {\n height: constants.$audio-player-default-desktop-height;\n }\n will-change: transform;\n}\n\n.containerOnboarding {\n z-index: var(--z-index-onboarding-content);\n}\n\n.containerHidden {\n display: none;\n}\n\n.spinner {\n align-items: center;\n display: flex;\n height: 100%;\n}\n","// TODO: use css variables instead of hardcoded values. See global.scss\n$side-menu-desktop-width: 24rem;\n\n$notes-side-bar-desktop-width: 26rem;\n\n$audio-player-minimized-height: 2rem;\n\n$audio-player-default-height: 3.5rem;\n\n$audio-player-default-desktop-height: 3rem;\n\n$maximum-font-step: 10;\n\n$reading-view-page-min-width: calc(9.5 * var(--spacing-mega));\n\n$reading-view-container-top-margin: 1.5vh;\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","@use \"src/components/dls/Modal/constants\";\n\n.action {\n flex: 1;\n border: none;\n display: flex;\n justify-content: center;\n border-block-start: 1px solid var(--color-borders-hairline);\n font-size: var(--font-size-normal);\n background-color: inherit;\n padding-block-start: var(--spacing-large);\n padding-block-end: var(--spacing-large);\n padding-inline-start: var(--spacing-large);\n padding-inline-end: var(--spacing-large);\n color: var(--color-text-faded);\n overflow: hidden;\n transition: background-color constants.$animationDuration\n constants.$animationEasing;\n &:hover {\n opacity: var(--opacity-75);\n background-color: var(--color-background-alternative-medium);\n color: var(--color-text-default);\n }\n}\n.action:not(:only-child):not(:last-child) {\n border-inline-end: 1px solid var(--color-borders-hairline);\n}\n.action[disabled] {\n opacity: var(--opacity-75);\n cursor: not-allowed;\n background-color: var(--color-background-alternative-medium);\n color: var(--color-text-faded);\n}\n\n.primary {\n background-color: var(--color-background-inverse);\n color: var(--color-text-inverse);\n}\n",".body {\n padding-block-start: var(--spacing-mega);\n padding-block-end: var(--spacing-mega);\n padding-inline-start: var(--spacing-mega);\n padding-inline-end: var(--spacing-mega);\n}\n","/* stylelint-disable csstools/use-logical */\n@use \"src/styles/breakpoints\";\n@use \"src/components/dls/Modal/constants\";\n@use \"src/styles/theme\";\n\n@keyframes desktopContentIn {\n 0% {\n opacity: 0;\n transform: translate(-50%, -70%);\n }\n 100% {\n opacity: 1;\n transform: translate(-50%, -50%);\n }\n}\n\n@keyframes desktopContentOut {\n 0% {\n transform: translate(-50%, -50%);\n }\n 100% {\n transform: translate(-50%, -70%);\n }\n}\n\n@keyframes topSheetOnMobileIn {\n 0% {\n opacity: 0;\n transform: translate(0%, -90%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%, 0%);\n }\n}\n\n@keyframes topSheetOnMobileOut {\n 0% {\n transform: translate(0%, 0%);\n }\n 100% {\n transform: translate(0%, -90%);\n }\n}\n\n@keyframes mobileContentIn {\n 0% {\n transform: translate(0%, 100%);\n }\n 100% {\n transform: translate(0%, 0%);\n }\n}\n\n@keyframes mobileContentOut {\n 0% {\n transform: translate(0%, 0%);\n }\n 100% {\n transform: translate(0%, 100%);\n }\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.content {\n background-color: var(--color-background-default);\n border-radius: var(--border-radius-rounded) var(--border-radius-rounded) 0 0;\n overflow: hidden;\n @include theme.light {\n box-shadow: var(--shadow-jumbo);\n }\n @include theme.dark {\n box-shadow: none;\n }\n position: fixed;\n bottom: 0%;\n left: 0%;\n width: constants.$mobileWidth;\n &:focus {\n outline: none;\n }\n\n @include breakpoints.desktop {\n border-radius: var(--border-radius-rounded);\n width: constants.$desktopWidth;\n bottom: inherit;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n &.medium {\n max-width: constants.$desktopMaxWidthMedium;\n }\n\n &.large {\n max-width: constants.$desktopMaxWidthLarge;\n }\n }\n\n &.topSheetOnMobile {\n @include breakpoints.smallerThanTablet {\n // add 2.5% spacing on the left and right, on mobile\n width: 95%;\n margin-left: 2.5%;\n\n top: 10%;\n border-radius: var(--border-radius-rounded) var(--border-radius-rounded);\n bottom: unset;\n }\n }\n\n z-index: var(--z-index-modal);\n}\n\n.content[data-state=\"open\"] {\n animation:\n mobileContentIn constants.$animationDuration constants.$animationEasing,\n fadeIn constants.$animationDuration constants.$animationEasing;\n &.topSheetOnMobile {\n @include breakpoints.smallerThanTablet {\n animation:\n topSheetOnMobileIn constants.$animationDuration constants.$animationEasing,\n fadeIn constants.$animationDuration constants.$animationEasing;\n }\n }\n @include breakpoints.tablet {\n animation:\n desktopContentIn constants.$animationDuration constants.$animationEasing,\n fadeIn constants.$animationDuration constants.$animationEasing;\n }\n}\n.content[data-state=\"closed\"] {\n animation:\n mobileContentOut constants.$animationDuration constants.$animationEasing,\n fadeIn constants.$animationDuration constants.$animationEasing;\n &.topSheetOnMobile {\n @include breakpoints.smallerThanTablet {\n animation:\n topSheetOnMobileOut constants.$animationDuration constants.$animationEasing,\n fadeOut constants.$animationDuration constants.$animationEasing;\n }\n }\n @include breakpoints.tablet {\n animation:\n desktopContentOut constants.$animationDuration constants.$animationEasing,\n fadeOut constants.$animationDuration constants.$animationEasing;\n }\n}\n","$animationDuration: 0.35s;\n$animationEasing: cubic-bezier(0.4, 0, 0.2, 1);\n\n$desktopWidth: 90vw;\n$desktopMaxWidthMedium: calc(30.5 * var(--spacing-medium));\n$desktopMaxWidthLarge: calc(36 * var(--spacing-large));\n\n$mobileWidth: 100vw;\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",".footer {\n display: flex;\n justify-content: stretch;\n}\n",".header {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-block-start: var(--spacing-large);\n padding-block-end: var(--spacing-large);\n padding-inline-start: var(--spacing-large);\n padding-inline-end: var(--spacing-large);\n}\n",".subtitle {\n text-align: center;\n color: var(--color-text-faded);\n font-size: var(--font-size-normal);\n font-weight: var(--font-weight-normal);\n line-height: var(--line-height-xlarge);\n}\n",".title {\n text-align: center;\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-xlarge);\n line-height: var(--line-height-jumbo);\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/components/dls/Modal/constants\";\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.overlay {\n background-color: var(--color-background-backdrop);\n &.invertedOverlay {\n background-color: var(--color-background-lighten);\n }\n position: fixed;\n inset: 0;\n z-index: var(--z-index-overlay);\n}\n.overlay[data-state=\"open\"] {\n animation: fadeIn constants.$animationDuration constants.$animationEasing;\n}\n.overlay[data-state=\"closed\"] {\n animation: fadeOut constants.$animationDuration constants.$animationEasing;\n}\n","$separator-size: 1px;\n\n.base {\n &[data-orientation=\"horizontal\"] {\n height: $separator-size;\n width: 100%;\n }\n\n &[data-orientation=\"vertical\"] {\n height: 100%;\n width: $separator-size;\n }\n}\n\n.semiBold {\n background-color: var(--color-borders-hairline);\n}\n\n.bold {\n background-color: var(--color-primary-medium);\n &[data-orientation=\"horizontal\"] {\n height: calc(1.28 * $separator-size);\n }\n\n &[data-orientation=\"vertical\"] {\n width: calc(1.28 * $separator-size);\n }\n}\n",".container {\n background: var(--color-background-alternative-medium);\n border: 1px solid rgba(0, 0, 0, 0.13);\n color: black;\n position: fixed;\n inset-block-start: calc(var(--spacing-mega) + var(--spacing-mega));\n inset-inline-end: calc(var(--spacing-mega) + var(--spacing-medium));\n height: calc(2 * var(--spacing-mega));\n width: calc(2 * var(--spacing-mega));\n\n z-index: var(--z-index-sticky);\n border-radius: 100%;\n box-shadow: var(--shadow-small);\n text-align: center;\n cursor: pointer;\n padding: unset;\n}\n\n.containerExpanded {\n cursor: unset;\n height: auto;\n width: auto;\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 border-radius: var(--spacing-small);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xsmall);\n align-items: flex-start;\n}\n\n.separator {\n width: 100%;\n margin-block-end: var(--spacing-xxxsmall);\n}\n\n.closeButton {\n background: var(--color-primary-medium);\n border: none;\n border-radius: var(--spacing-xsmall);\n color: white;\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n box-shadow: var(--shadow-normal);\n color: var(--color-text-inverse);\n}\n\n.wrench {\n height: calc(2 * var(--spacing-mega));\n width: calc(var(--spacing-large) + var(--spacing-xxsmall));\n}\n","@use \"src/styles/theme\";\n\n$content-animation-easing: cubic-bezier(0.16, 1, 0.3, 1);\n$overlay-background-light: hsla(0, 0%, 100%, 0.8);\n$overlay-background-dark: rgba(0, 0, 0, 0.8);\n$overlay-background-sepia: rgba(239, 226, 205, 0.7);\n$shadow: 0 16px 70px rgb(0 0 0 / 20%); // using custom shadow for now until we fix our token and design in dark theme;\n$width: 95vw;\n$max-width: calc(20 * var(--spacing-mega));\n$max-height: 85vh;\n$min-height: calc(9 * var(--spacing-mega));\n\n@keyframes contentShow {\n 0% {\n opacity: 0;\n transform: var(--content-translate-position) scale(0.96);\n }\n 100% {\n opacity: 1;\n transform: var(--content-translate-position) scale(1);\n }\n}\n\n@keyframes contentHide {\n 0% {\n opacity: 1;\n transform: var(--content-translate-position) scale(1);\n }\n 100% {\n opacity: 0;\n transform: var(--content-translate-position) scale(0.96);\n }\n}\n\n.content {\n --content-translate-position: translate(-50%, -50%);\n [dir=\"rtl\"] & {\n --content-translate-position: translate(50%, -50%);\n }\n\n background-color: var(--color-background-default);\n border-radius: var(--border-radius-rounded);\n box-shadow: $shadow;\n position: fixed;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n transform: var(--content-translate-position);\n width: $width;\n max-width: $max-width;\n max-height: $max-height;\n min-height: $min-height;\n display: flex;\n flex-direction: column;\n @media (prefers-reduced-motion: no-preference) {\n &[data-state=\"open\"] {\n animation: contentShow var(--transition-fast) $content-animation-easing;\n }\n &[data-state=\"closed\"] {\n animation: contentHide var(--transition-fast) $content-animation-easing;\n }\n }\n &:focus {\n outline: none;\n }\n z-index: var(--z-index-modal);\n}\n\n@keyframes overlayShow {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes overlayHide {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n.overlay {\n @include theme.light {\n background-color: $overlay-background-light;\n }\n @include theme.dark {\n background-color: $overlay-background-dark;\n }\n @include theme.sepia {\n background-color: $overlay-background-sepia;\n }\n backdrop-filter: blur(6px);\n position: fixed;\n inset: 0;\n\n @media (prefers-reduced-motion: no-preference) {\n &[data-state=\"open\"] {\n animation: overlayShow var(--transition-fast) ease;\n }\n &[data-state=\"closed\"] {\n animation: overlayHide var(--transition-fast) ease;\n }\n }\n z-index: var(--z-index-overlay);\n}\n","@use \"src/styles/breakpoints\";\n\n.loadingContainer {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n","$animationDuration: 0.35s;\n$animationEasing: cubic-bezier(0.4, 0, 0.2, 1);\n\n$min-width: calc(12 * var(--spacing-large));\n$separator-size: 1px;\n\n@keyframes slideUpAndFade {\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideDownAndFade {\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideRightAndFade {\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes slideLeftAndFade {\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.content {\n z-index: var(--z-index-sticky);\n padding-block-start: var(--spacing-small);\n padding-block-end: var(--spacing-small);\n padding-inline-start: 0;\n padding-inline-end: 0;\n min-width: $min-width;\n background-color: var(--color-background-elevated);\n border-radius: var(--border-radius-rounded);\n box-shadow: var(--shadow-large);\n animation-duration: $animationDuration;\n animation-timing-function: $animationEasing;\n will-change: transform, opacity;\n\n &[data-state=\"open\"] {\n &[data-side=\"top\"] {\n animation-name: slideDownAndFade;\n }\n &[data-side=\"right\"] {\n animation-name: slideLeftAndFade;\n }\n &[data-side=\"bottom\"] {\n animation-name: slideUpAndFade;\n }\n &[data-side=\"left\"] {\n animation-name: slideRightAndFade;\n }\n }\n}\n\n.item {\n font-size: var(--font-size-normal);\n line-height: var(--line-height-normal);\n color: var(--color-text-default);\n display: flex;\n align-items: center;\n padding-block: var(--spacing-xsmall);\n padding-inline-start: var(--spacing-medium);\n padding-inline-end: var(--spacing-medium);\n position: relative;\n cursor: pointer;\n\n &[data-disabled] {\n color: var(--color-text-faded);\n pointer-events: none;\n\n & .iconWrapper {\n opacity: var(--opacity-50);\n }\n }\n\n &:focus {\n background-color: var(--color-background-alternative-medium);\n color: var(--color-text-default);\n }\n\n [dir=\"rtl\"] & .iconWrapper.shouldFlipOnRTL {\n transform: scaleX(-1);\n }\n\n & .iconWrapper {\n margin-inline-end: var(--spacing-small);\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--spacing-medium);\n width: var(--spacing-medium);\n\n svg {\n width: 100%;\n height: 100%;\n }\n }\n}\n\n.separator {\n height: $separator-size;\n background-color: var(--color-secondary-faded);\n margin-block-start: var(--spacing-xxsmall);\n margin-block-end: var(--spacing-xxsmall);\n margin-inline-start: var(--spacing-xxsmall);\n margin-inline-end: var(--spacing-xxsmall);\n}\n\n.selected {\n background-color: var(--color-background-alternative-medium);\n}\n","@use \"src/styles/utility\";\n@use \"src/styles/breakpoints\";\n\n.container {\n @include utility.center-vertically;\n\n margin-inline-start: var(--spacing-xxsmall);\n\n @include breakpoints.tablet {\n margin-inline-start: var(--spacing-medium);\n }\n}\n\n.globeIconWrapper {\n display: flex;\n align-items: center;\n & > svg {\n height: calc(1.4 * var(--spacing-medium));\n }\n & > svg > path {\n stroke: var(--color-text-default);\n }\n}\n\n.triggerButton {\n border: 1px solid var(--color-text-default);\n}\n\n.triggerSuffixContainer {\n display: flex;\n position: relative;\n inset-block-end: 1px;\n transform: rotate(180deg);\n}\n","@use \"src/styles/breakpoints\";\n\n.logoWrapper {\n display: flex;\n align-self: center;\n justify-content: flex-start;\n & > svg {\n margin-block-start: 1px;\n height: var(--spacing-medium);\n width: auto;\n @include breakpoints.tablet {\n height: var(--spacing-large);\n }\n & > path {\n fill: var(--color-text-default);\n }\n }\n}\n",".container {\n display: flex;\n align-items: center;\n padding-block: var(--spacing-small);\n text-decoration: none;\n}\n.poweredBy {\n font-size: var(--font-size-xsmall);\n line-height: normal;\n color: var(--color-text-faded);\n display: flex;\n margin-inline-end: var(--spacing-xxsmall);\n}\n\n.tarteelTextWrapper {\n display: flex;\n align-items: center;\n & > svg > path {\n fill: var(--color-text-default);\n }\n}\n",".container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: var(--font-size-xsmall-dangerous);\n}\n\n.betaContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 50%;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.bold {\n font-weight: var(--font-weight-bold);\n}\n\n.beta {\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 border-radius: var(--border-radius-default);\n background-color: var(--color-success-medium);\n color: var(--color-background-default);\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/styles/constants\";\n\n.container {\n display: flex;\n flex-direction: column;\n background: var(--color-background-elevated);\n position: fixed;\n height: 100vh;\n width: 100%;\n inset-block: 0;\n z-index: var(--z-index-header);\n transition: var(--transition-regular);\n transition-timing-function: ease-in;\n overflow-y: auto !important;\n overflow-x: hidden;\n overscroll-behavior-y: contain !important;\n @include breakpoints.tablet {\n width: constants.$side-menu-desktop-width;\n }\n &.left {\n inset-inline-start: -100%;\n @include breakpoints.tablet {\n inset-inline-start: calc(-1 * constants.$side-menu-desktop-width);\n }\n }\n &.right {\n inset-inline-end: -100%;\n @include breakpoints.tablet {\n inset-inline-end: calc(-1 * constants.$side-menu-desktop-width);\n }\n }\n}\n\n.containerOpen {\n box-shadow: var(--shadow-normal);\n transition-timing-function: ease-out;\n &.left {\n inset-inline-start: 0;\n }\n &.right {\n inset-inline-end: 0;\n }\n}\n\n.searchContainer {\n display: flex;\n flex-direction: column;\n min-height: calc(100% - calc(var(--navbar-container-height) + calc(4 * var(--spacing-mega))));\n @include breakpoints.tablet {\n min-height: calc(100% - calc(var(--navbar-container-height) + var(--spacing-small)));\n }\n justify-content: space-between;\n}\n\n.bodyContainer {\n flex: 1;\n margin-block-start: var(--navbar-container-height);\n padding-block-start: var(--spacing-small);\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n}\n\n.bodyWithBottomPadding {\n padding-block-end: calc(4 * var(--spacing-large));\n}\n\n.navigationBodyContainer {\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.header {\n font-size: var(--font-size-large);\n width: 100%;\n position: fixed;\n height: var(--navbar-container-height);\n border-block-end: 1px var(--color-borders-hairline) solid;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n @include breakpoints.tablet {\n width: constants.$side-menu-desktop-width;\n }\n z-index: var(--z-index-header);\n}\n\n.headerContentContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n background-color: var(--color-background-elevated);\n}\n\n.headerContent {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: var(--spacing-xsmall);\n margin-inline-end: var(--spacing-xsmall);\n}\n\n.hiddenButtonHeader {\n border-block-end: 0;\n}\n\n.hiddenButtonHeaderContentContainer {\n align-items: flex-end;\n}\n\n.navbarInvisible {\n transform: translate3d(0, 0 + var(--navbar-container-height), 0);\n}\n","@use \"src/styles/theme\";\n$baseSize: var(--spacing-mega);\n$animationDuration: 8s;\n\n.baseSize {\n height: $baseSize;\n width: $baseSize;\n}\n\n.skeleton {\n position: relative;\n display: block;\n border-radius: var(--border-radius-default);\n}\n\n.active::before {\n border-radius: var(--border-radius-default);\n\n @include theme.light {\n background-color: var(--color-secondary-faded);\n }\n @include theme.dark {\n background-color: var(--color-background-alternative-faded);\n }\n\n animation: 1.5s ease-in-out 0.5s infinite normal none running loading;\n\n content: \" \";\n position: absolute;\n\n inset-block: 0;\n inset-inline-start: 0;\n inset-inline-end: 0;\n}\n\n.rounded::before {\n border-radius: var(--border-radius-circle);\n}\n\n@keyframes loading {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.content {\n opacity: 0;\n}\n",".skeletonContainer {\n display: flex;\n flex-direction: column;\n}\n\n.navRow {\n width: auto;\n height: var(--spacing-mega);\n padding: var(--spacing-xxsmall) 0;\n margin: var(--spacing-xxsmall) var(--spacing-xsmall);\n margin-inline-start: var(--spacing-small);\n}\n\n.blockRow {\n width: auto;\n height: calc(var(--spacing-mega) * 6);\n margin: var(--spacing-xxsmall) var(--spacing-xsmall);\n margin-inline-start: var(--spacing-small);\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/styles/utility\";\n\n.leftCTA {\n display: flex;\n margin-inline-start: var(--spacing-xsmall);\n}\n\n.rightCTA {\n display: flex;\n margin-inline-end: var(--spacing-medium);\n\n > button {\n margin-inline-start: var(--spacing-micro);\n }\n\n @include breakpoints.tablet {\n margin-inline-end: var(--spacing-mega);\n\n > button {\n margin-inline-start: var(--spacing-xsmall);\n }\n }\n}\n\n.centerVertically {\n @include utility.center-vertically;\n}\n",".container {\n margin-block-start: var(--spacing-small);\n margin-inline-end: var(--spacing-small);\n margin-block-end: var(--spacing-small);\n margin-inline-start: var(--spacing-small);\n opacity: var(--opacity-75);\n display: flex;\n > svg {\n height: calc(1.25 * var(--spacing-medium));\n width: calc(1.25 * var(--spacing-medium));\n }\n}\n",".button {\n & > span > svg {\n & > path {\n fill: var(--color-success-medium) !important;\n }\n }\n}\n",".searchInputContainer {\n height: 100%;\n width: 80%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.searchInput {\n width: 100%;\n border: 0;\n color: var(--color-text-default);\n background: transparent;\n &:focus {\n outline: none;\n }\n &:disabled {\n background: none;\n }\n}\n\n.clear {\n background: none;\n border: none;\n text-transform: uppercase;\n text-decoration: underline;\n cursor: pointer;\n color: var(--color-text-default);\n font-size: var(--font-size-xsmall);\n}\n\n.separator {\n max-height: var(--spacing-mega);\n margin-inline: calc(0.5 * var(--spacing-xxsmall));\n}\n",".skeletonContainer {\n display: flex;\n flex-direction: column;\n}\n\n.title {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin: var(--spacing-xxsmall);\n}\n\n.titleSkeleton {\n width: calc(3 * var(--spacing-mega));\n height: var(--spacing-medium);\n}\n\n.rowSkeleton {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.inputRow {\n margin-block-end: var(--spacing-large);\n padding-block-end: var(--spacing-large);\n border-block-end: 1px solid;\n border-color: var(--color-secondary-faded);\n}\n\n.label {\n margin: var(--spacing-xxsmall);\n margin-inline-end: auto;\n width: 20%;\n height: var(--spacing-large);\n}\n\n.input {\n margin: var(--spacing-medium);\n width: 60%;\n height: calc(2 * var(--spacing-small));\n}\n",".headerContainer {\n display: flex;\n align-items: center;\n}\n","@use \"src/styles/utility\";\n@use \"src/styles/breakpoints\";\n\n.itemsContainer {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n height: 100%;\n background-color: var(--color-background-elevated);\n}\n\n.centerVertically {\n @include utility.center-vertically;\n}\n\n.leftCTA {\n display: flex;\n margin-inline-start: var(--spacing-medium);\n align-items: center;\n\n @include breakpoints.tablet {\n margin-inline-start: var(--spacing-mega);\n }\n}\n\n.rightCTA {\n display: flex;\n margin-inline-end: var(--spacing-medium);\n align-items: center;\n\n > button {\n margin-inline-start: var(--spacing-micro);\n }\n\n @include breakpoints.tablet {\n margin-inline-end: var(--spacing-mega);\n\n > button {\n margin-inline-start: var(--spacing-xsmall);\n }\n }\n}\n","@use \"src/styles/constants\";\n@use \"src/styles/breakpoints\";\n\n.emptySpacePlaceholder {\n height: var(--navbar-container-height);\n}\n\n.container {\n inset-block-start: 0;\n position: fixed;\n height: var(--navbar-height);\n width: 100%;\n transition: var(--transition-regular);\n background: var(--color-background-elevated);\n z-index: var(--z-index-header);\n will-change: transform;\n}\n\n.hiddenNav {\n // https://ptgamr.github.io/2014-09-13-translate3d-vs-translate-performance/\n transform: translate3d(0, calc(-1 * var(--navbar-container-height)), 0);\n}\n",".footer {\n padding-block-start: var(--spacing-medium);\n font-style: italic;\n opacity: var(--opacity-75);\n font-size: var(--font-size-small);\n margin-block-end: var(--spacing-micro);\n}\n.invisible {\n display: none;\n}\n",".label {\n color: var(--color-text-default);\n opacity: var(--opacity-75);\n display: flex;\n align-items: center;\n}\n",".row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.row > *:first-child {\n flex: 1;\n}\n.row + .row {\n margin-block-start: var(--spacing-xsmall);\n}\n",".internalContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.spinner {\n margin-inline-start: var(--spacing-xsmall);\n}\n",".title {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-semibold);\n padding-block-end: var(--spacing-medium);\n display: flex;\n align-items: center;\n}\n",".separator {\n margin-block: var(--spacing-mega);\n}\n","$selectedItemShadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\n$container-padding: calc(0.5 * var(--spacing-xxsmall));\n$separatorOpacity: 0.2;\n\n.container {\n position: relative;\n display: grid;\n background-color: var(--color-background-alternative-faded);\n border-radius: var(--border-radius-pill);\n padding-block-start: $container-padding;\n padding-block-end: $container-padding;\n padding-inline-start: $container-padding;\n padding-inline-end: $container-padding;\n grid-template-columns: repeat(\n auto-fit,\n minmax(0, 1fr)\n ); // use grid to prevent layout shift when `font-family: bold` on item selected https://css-tricks.com/bold-on-hover-without-the-layout-shift/\n}\n\n.xSmallContainer {\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.item {\n cursor: pointer;\n color: var(--color-text-default);\n background-color: transparent;\n border: none;\n z-index: 1;\n}\n\n.item[disabled] {\n cursor: not-allowed;\n opacity: var(--opacity-50);\n}\n\n.separatorLine {\n position: absolute;\n height: 100%;\n width: 1px;\n}\n.separatorLineVisible {\n &::before {\n content: \"\";\n position: absolute;\n transform: translateY(75%);\n width: 1px;\n height: 40%;\n border-inline-start: 1px solid var(--color-text-default);\n opacity: $separatorOpacity;\n }\n}\n\n$background-container: calc(0.8 * var(--spacing-xxsmall));\n.selectedItemBackgroundContainer {\n transition: transform var(--transition-regular) ease-in-out;\n // the `width` and the `transform` is controlled dynamically in React component. Check Switch.tsx\n\n position: absolute;\n height: 100%;\n z-index: 0;\n padding-block-start: $background-container;\n padding-block-end: $background-container;\n padding-inline-start: $background-container;\n padding-inline-end: $background-container;\n\n box-sizing: border-box;\n\n .selectedItemBackground {\n border-radius: var(--border-radius-pill);\n box-shadow: $selectedItemShadow;\n background-color: var(--color-background-elevated);\n width: 100%;\n height: 100%;\n }\n}\n\n// sizing\n.itemNormal {\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 font-size: var(--font-size-normal);\n}\n\n.itemLarge {\n padding-block-start: var(--spacing-small);\n padding-block-end: var(--spacing-small);\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n}\n\n.itemSmall {\n font-size: var(--font-size-xsmall);\n padding-block-start: var(--spacing-xxsmall);\n padding-block-end: var(--spacing-xxsmall);\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n}\n\n.itemXSmall {\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}\n",".container {\n display: flex;\n justify-content: center;\n}\n\n.themeNameContainer {\n display: flex;\n align-items: center;\n line-height: normal;\n}\n\n.iconContainer {\n display: flex;\n & > svg {\n transition: width var(--transition-fast) ease;\n width: 0rem;\n }\n}\n\n.iconActive {\n & > svg {\n width: var(--spacing-medium);\n margin-inline-end: var(--spacing-small);\n }\n}\n",".triggerContainer {\n border: 1px solid var(--color-text-default);\n}\n\n.iconContainer {\n display: flex;\n}\n.suffixIconContainer {\n display: flex;\n position: relative;\n inset-block-end: 1px;\n transform: rotate(180deg);\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/styles/utility\";\n@use \"src/styles/constants\";\n\n.flowItem {\n @include utility.pageContainer();\n border-block-start: 1px solid var(--color-borders-hairline);\n padding-block-start: var(--spacing-medium);\n margin-block-start: 0;\n margin-block-end: 0;\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 @include breakpoints.tablet {\n --flow-side-spacing: 0;\n }\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}\n\n.container {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n @include breakpoints.desktop {\n flex-direction: row;\n }\n}\n\n.title {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n line-height: var(--line-height-xlarge);\n}\n\n.iconContainer {\n & > svg > path {\n fill: var(--color-text-default);\n }\n margin-block-end: var(--spacing-xxsmall);\n}\n.headingContainer {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n @include breakpoints.desktop {\n flex-direction: row;\n .iconContainer {\n margin-inline-end: var(--spacing-medium);\n }\n }\n}\n\n.copyright {\n margin-block-start: var(--spacing-xxsmall);\n font-size: var(--font-size-xsmall);\n opacity: var(--opacity-85);\n}\n\n.groupListContainer {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n flex: 1;\n max-width: calc(15 * var(--spacing-mega));\n}\n\n.group {\n display: flex;\n flex-direction: column;\n margin-block-end: var(--spacing-medium);\n width: 50%;\n @include breakpoints.tablet {\n width: auto;\n }\n}\n\n.groupTitle {\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-large);\n margin-block-end: var(--spacing-xsmall);\n}\n\n.description {\n max-width: calc(15 * var(--spacing-mega));\n opacity: var(--opacity-75);\n margin-block-start: var(--spacing-xxsmall);\n margin-block-end: var(--spacing-medium);\n}\n\n.linkContainer {\n opacity: var(--opacity-75);\n @include breakpoints.smallerThanTablet {\n margin-block-end: var(--spacing-xxsmall);\n }\n margin-block-start: var(--spacing-xxsmall);\n}\n\n.disabledlinkContainer {\n opacity: var(--opacity-50);\n cursor: not-allowed;\n}\n\n.titleAndDescriptionContainer {\n max-width: calc(12.5 * var(--spacing-mega));\n margin-inline-end: var(--spacing-medium);\n}\n\n.bottomSectionContainer {\n display: flex;\n flex-direction: column-reverse;\n @include breakpoints.tablet {\n flex-direction: row;\n }\n padding-block-start: var(--spacing-medium);\n justify-content: space-between;\n}\n.actionsSections {\n margin-block-end: var(--spacing-small);\n display: flex;\n gap: var(--spacing-small);\n @include breakpoints.tablet {\n flex-direction: row;\n align-items: center;\n gap: 0;\n }\n}\n.actionContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-block-end: var(--spacing-medium);\n @include breakpoints.tablet {\n margin-inline-start: var(--spacing-mega);\n }\n}\n.actionLabel {\n line-height: 1;\n margin-inline-end: var(--spacing-small);\n}\n\n.bottomLinks {\n & > a {\n margin-inline-end: var(--spacing-medium);\n opacity: var(--opacity-85);\n }\n}\n\n// https://github.com/quran/quran.com-frontend-next/issues/560\n// our AudioPlayer is has \"position: fixed\", so its position is removed from the normal flow\n// we need to add an empty space placeholder, so the AudioPlayer doesn't cover the other elements in the page\n.emptySpacePlaceholder {\n height: constants.$audio-player-default-height;\n}\n\n.donateButton {\n font-weight: var(--font-weight-semibold);\n}\n\n.hiringAnnouncementContainer {\n background-color: var(--color-secondary-faded);\n padding: var(--spacing-small);\n margin-block: var(--spacing-small);\n border-radius: var(--border-radius-default);\n}\n","html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\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-inline-end: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n line-height: 1.3540000915527344;\n}\n\n/* make sure to set some focus styles for accessibility */\n:focus {\n outline: 0;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\n\ntextarea {\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n/**\n * Correct 'inline-block' display not defined in IE 6/7/8/9 and Firefox 3.\n */\n\naudio,\ncanvas,\nvideo {\n display: inline-block;\n *display: inline;\n *zoom: 1;\n max-width: 100%;\n}\n\n/**\n * Prevent modern browsers from displaying 'audio' without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.\n * Known issue: no IE 6 support.\n */\n\n[hidden] {\n display: none;\n}\n\n/**\n * 1. Correct text resizing oddly in IE 6/7 when body 'font-size' is set using\n * 'em' units.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-size: 100%; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -ms-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Address 'outline' inconsistency between Chrome and other browsers.\n */\n\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/**\n * 1. Remove border when inside 'a' element in IE 6/7/8/9 and Firefox 3.\n * 2. Improve image quality when scaled in IE 7.\n */\n\nimg {\n border: 0; /* 1 */\n -ms-interpolation-mode: bicubic; /* 2 */\n}\n\n/**\n * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.\n */\n\nfigure {\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n}\n\n/**\n * Correct margin displayed oddly in IE 6/7.\n */\n\nform {\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid var(--color-borders-hairline);\n border-radius: var(--border-radius-default);\n margin-block-start: 0;\n margin-block-end: 0;\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/**\n * 1. Correct color not being inherited in IE 6/7/8/9.\n * 2. Correct text not wrapping in Firefox 3.\n * 3. Correct alignment displayed oddly in IE 6/7.\n */\n\nlegend {\n border: 0; /* 1 */\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n white-space: normal; /* 2 */\n *margin-inline-start: -7px; /* 3 */\n}\n\n/**\n * 1. Correct font size not being inherited in all browsers.\n * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,\n * and Chrome.\n * 3. Improve appearance and consistency in all browsers.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font-size: 100%; /* 1 */\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0; /* 2 */\n vertical-align: baseline; /* 3 */\n *vertical-align: middle; /* 3 */\n}\n\n/**\n * Address Firefox 3+ setting 'line-height' on 'input' using '!important' in\n * the UA stylesheet.\n */\n\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent 'text-transform' inheritance for 'button' and 'select'.\n * All other form control elements do not inherit 'text-transform' values.\n * Correct 'button' style inheritance in Chrome, Safari 5+, and IE 6+.\n * Correct 'select' style inheritance in Firefox 4+ and Opera.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native 'audio'\n * and 'video' controls.\n * 2. Correct inability to style clickable 'input' types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * 'input' and others.\n * 4. Remove inner spacing in IE 7 without affecting normal text inputs.\n * Known issue: inner spacing remains in IE 6.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n *overflow: visible; /* 4 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to content-box in IE 8/9.\n * 2. Remove excess padding in IE 8/9.\n * 3. Remove excess padding in IE 7.\n * Known issue: excess padding remains in IE 6.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0; /* 2 */\n *height: 13px; /* 3 */\n *width: 13px; /* 3 */\n}\n\n/**\n * 1. Address 'appearance' set to 'searchfield' in Safari 5 and Chrome.\n * 2. Address 'box-sizing' set to 'border-box' in Safari 5 and Chrome\n * (include '-moz' to future-proof).\n */\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 3+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n/**\n * update default scrollbar style\n*/\n\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--scrollbar-thumb);\n border-radius: 5px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: var(--scrollbar-thumb-hover);\n}\n\n::-webkit-scrollbar-thumb:active {\n background-color: var(--scrollbar-thumb-active);\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 6/7/8/9.\n * 2. Improve readability and alignment in all browsers.\n */\n\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n::-moz-selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n::selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\nhtml,\nbutton,\ninput,\nselect,\ntextarea {\n color: #222;\n}\n\nimg {\n vertical-align: middle;\n}\n\ntextarea {\n resize: vertical;\n}\n\n.chromeframe {\n margin-block-start: 0.2em;\n margin-block-end: 0.2em;\n margin-inline-start: 0;\n margin-inline-end: 0;\n background: #ccc;\n color: #000;\n padding-block-start: 0.2em;\n padding-block-end: 0.2em;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n","// TODO: figure out a way to generate font faces on the fly. We're creating lot of font faces that browsers might not need.\n\n/*Fonts for rendering different Mushaf scripts*/\n@font-face {\n font-family: \"IndoPak\";\n src: local(\"AlQuran IndoPak by QuranWBW\"),\n url(\"/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2\")\n format(\"woff2\"),\n url(\"/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff\")\n format(\"woff\"),\n url(\"/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.ttf\")\n format(\"truetype\");\n font-display: swap;\n}\n\n@font-face {\n font-family: \"UthmanicHafs\";\n src: local(\"KFGQPC HAFS Uthmanic Script\"),\n url(\"/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2\")\n format(\"woff2\"),\n url(\"/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.ttf\")\n format(\"truetype\");\n font-display: swap;\n}\n\n// TODO: regenerate this font and add font-family name\n@font-face {\n font-family: \"surahnames\";\n src: url(\"/fonts/quran/surah-names/v1/sura_names.woff2\"),\n url(\"/fonts/quran/quran/surah-names/v1/sura_names.woff\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n\n/*Language specific fonts*/\n@font-face {\n font-family: \"divehi\";\n src: local(\"Dhivehi Akuru\"),\n url(\"/fonts/lang/dhivehi/dhivehi/DhivehiAkuru.woff2\"),\n url(\"/fonts/lang/dhivehi/dhivehi/DhivehiAkuru.woff\") format(\"woff\"),\n url(\"/fonts/lang/dhivehi/dhivehi/DhivehiAkuru.otf\") format(\"opentype\");\n font-display: swap;\n}\n\n@font-face {\n font-family: \"NotoNastaliq\";\n src: local(\"Noto Naskh Arabic\"), local(\"Nafees Regular\"),\n url(\"/fonts/lang/arabic/NotoNaskhArabic-Regular.woff2\"),\n url(\"/fonts/lang/arabic/NotoNaskhArabic-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"MehrNastaliq\";\n src: local(\"Mehr Nastaliq Web\"), url(\"/fonts/lang/urdu/MehrNastaliqWeb.woff2\"),\n url(\"/fonts/lang/urdu/MehrNastaliqWeb.woff\") format(\"woff\"),\n url(\"/fonts/lang/urdu/MehrNastaliqWeb.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n // only apply this font to Urdu characters https://jrgraphix.net/r/Unicode/0600-06FF\n unicode-range: U+0600-06FF;\n}\n\n@font-face {\n font-family: \"NotoSerifBengali\";\n src: local(\"Noto Serif Bengali\"),\n url(\"/fonts/lang/bengali/NotoSerifBengali-Regular.woff2\");\n font-display: swap;\n}\n\n@font-face {\n font-family: \"DroidArabicNaskh\";\n src: local(\"Droid Arabic Naskh\"),\n url(\"/fonts/lang/kurdish/droid-naskh-regular.woff2\"),\n url(\"/fonts/lang/kurdish/droid-naskh-regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n\n// Fallback for browsers that don't support variable fonts\n@font-face {\n font-family: \"ProximaVara\";\n src: local(\"Proxima Vara\"), url(\"/fonts/lang/ProximaVara/ProximaVara.woff2\");\n font-weight: 100 900;\n /* default 400 */\n font-stretch: 50% 100%;\n /* default 100% */\n font-display: swap;\n}\n","@use \"./themes/light\";\n@use \"./themes/dark\";\n@use \"./themes/sepia\";\n@use \"./shades\";\n\n/** System theme (auto-detects OS light/dark mode), other themes extend this one */\n:root {\n --spacing-micro: 0.1875rem;\n --spacing-xxsmall: 0.375rem;\n --spacing-xsmall: 0.625rem;\n --spacing-small: 0.8125rem;\n --spacing-medium: 1rem;\n --spacing-large: 1.1875rem;\n --spacing-mega: 2rem;\n\n --font-size-xsmall-dangerous: 0.6rem;\n --font-size-xsmall: 0.75rem;\n --font-size-small: 0.875rem;\n --font-size-normal: 1rem;\n --font-size-large: 1.125rem;\n --font-size-xlarge: 1.5rem;\n --font-size-jumbo: 2rem;\n\n --line-height-small: 0.8125rem;\n --line-height-normal: 1rem;\n --line-height-large: 1.1875rem;\n --line-height-xlarge: 1.375rem;\n --line-height-jumbo: 2.25rem;\n\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extra-bold: 800;\n\n --border-radius-sharp: 0;\n --border-radius-pill: 20rem;\n --border-radius-default: 0.25rem;\n --border-radius-rounded: 0.5rem;\n --border-radius-circle: 50%;\n\n --opacity-10: 10%;\n --opacity-30: 30%;\n --opacity-50: 50%;\n --opacity-75: 75%;\n --opacity-85: 85%;\n\n --z-index-min: -999;\n --z-index-default: 1;\n --z-index-sticky: 300;\n --z-index-header: 400;\n --z-index-overlay: 500;\n --z-index-dropdown: 600;\n --z-index-spinner: 700;\n --z-index-modal: 800;\n --z-index-onboarding-overlay: 801;\n --z-index-onboarding-content: 802;\n --z-index-onboarding-step: 803;\n --z-index-onboarding-spotlight: 804;\n --z-index-max: 999;\n\n --transition-fast: 0.16s;\n --transition-regular: 0.4s;\n --transition-slow: 0.6s;\n\n @include shades.shades-dangerous;\n @include light.mode;\n\n // Detect OS dark mode\n @media (prefers-color-scheme: dark) {\n @include dark.mode;\n }\n}\n\n/** Light Theme */\n[data-theme=\"light\"] {\n @include light.mode;\n}\n\n/** Dark Theme */\n[data-theme=\"dark\"] {\n @include dark.mode;\n}\n\n/** Sepia Theme */\n[data-theme=\"sepia\"] {\n @include sepia.mode;\n}\n","/** \n Important note: these shades are meant to be used in the theme file, and not accessed directly. If you are looking to use a shade of grey, please search for the corresponding token in the theme file.\n*/\n\n@mixin shades-dangerous() {\n --shade-0: #f8f9fa;\n --shade-1: #f4f5f6;\n --shade-2: #e9ecef;\n --shade-3: #dee2e6;\n --shade-4: #ced4da;\n --shade-5: #adb5bd;\n --shade-6: #868e96;\n --shade-7: #495057;\n --shade-8: #343a40;\n --shade-9: #212529;\n}\n","@use \"src/styles/shades\";\n\n@mixin mode {\n --color-primary-faded: #fff;\n --color-primary-faint: #fff;\n --color-primary-medium: #000;\n --color-primary-deep: #fff;\n\n --color-secondary-faded: #eaeaea;\n --color-secondary-faint: #999;\n --color-secondary-medium: #f2f2f2; // temporary placeholder for the beta.\n --color-secondary-deep: #333;\n\n --color-success-faded: #ebf9fa;\n --color-success-faint: #c2edef;\n --color-success-medium: #2ca4ab;\n --color-success-deep: #258c91;\n\n --color-error-faded: #f7d4d6;\n --color-error-faint: #ff1a1a;\n --color-error-medium: #ee0102;\n --color-error-deep: #c50000;\n\n --color-warning-faded: #fef3dc;\n --color-warning-faint: #ffdfaa;\n --color-warning-medium: #ffb300;\n --color-warning-deep: #ab570a;\n\n --color-text-default: #272727;\n --color-text-faded: #666;\n --color-text-inverse: #fff;\n --color-text-link: #2ca4ab;\n --color-text-warning: #ab570a;\n --color-text-error: #c50000;\n\n --color-background-default: #fff;\n --color-background-elevated: #fff;\n\n --color-background-alternative-faded: var(--shade-0);\n --color-background-alternative-faint: var(--shade-1);\n --color-background-alternative-medium: var(--shade-2);\n --color-background-alternative-deep: var(--shade-6);\n\n --color-background-inverse: #000;\n --color-background-backdrop: rgba(0, 0, 0, 0.6);\n --color-background-lighten: hsla(0, 0%, 100%, 0.8);\n // lighten the `background-color` by using it in `background-image`. check Button's ghost variant for example\n\n --color-borders-hairline: rgb(235, 238, 240);\n\n --color-highlight: #79ffe1;\n\n --shadow-small: 0px 2px 4px rgba(0, 0, 0, 0.1);\n --shadow-normal: 0px 4px 8px rgba(0, 0, 0, 0.12);\n --shadow-large: 0 5px 10px rgba(0, 0, 0, 0.12);\n --shadow-xlarge: 0 8px 30px rgba(0, 0, 0, 0.12);\n --shadow-jumbo: 0 30px 60px rgba(0, 0, 0, 0.12);\n --shadow-hover: 0 30px 60px rgba(0, 0, 0, 0.12);\n --shadow-sticky: 0 12px 10px -10px rgba(0, 0, 0, 0.12);\n\n // scrollbar styles\n --scrollbar-background: var(--shade-2);\n --scrollbar-thumb: var(--shade-4);\n --scrollbar-thumb-hover: var(--shade-6);\n --scrollbar-thumb-active: var(--shade-7);\n}\n","@use \"src/styles/shades\";\n\n@mixin mode {\n --color-primary-faded: #fff;\n --color-primary-faint: #fff;\n --color-primary-medium: #fff;\n --color-primary-deep: #fff;\n\n --color-secondary-faded: #333;\n --color-secondary-faint: #444;\n --color-secondary-medium: var(--shade-7);\n --color-secondary-deep: #eaeaea;\n\n --color-success-faded: #272f33;\n --color-success-faint: #3d474d;\n --color-success-medium: #2ca4ab;\n --color-success-deep: #f1feff;\n\n --color-error-faded: #e60000;\n --color-error-faint: #f00;\n --color-error-medium: #f00;\n --color-error-deep: #f33;\n\n --color-warning-faded: #fef3dc;\n --color-warning-faint: #ffdfaa;\n --color-warning-medium: #ffb300;\n --color-warning-deep: #ab570a;\n\n --color-text-default: #e7e9ea;\n --color-text-faded: #777;\n --color-text-inverse: #000;\n --color-text-link: #2ca4ab;\n --color-text-warning: #f7b955;\n --color-text-error: #f33;\n\n --color-background-default: #1f2125;\n --color-background-elevated: var(--shade-8);\n\n --color-background-alternative-faded: var(--shade-9);\n --color-background-alternative-faint: var(--shade-8);\n --color-background-alternative-medium: var(--shade-7);\n --color-background-alternative-deep: var(--shade-5);\n\n --color-background-inverse: #fff;\n --color-background-backdrop: rgba(0, 0, 0, 0.8);\n --color-background-lighten: rgba(0, 0, 0, 0.75);\n // lighten the `background-color` by using it in `background-image`. check Button's ghost variant for example\n\n --color-borders-hairline: rgb(70, 75, 80);\n\n --color-highlight: #2ca4ab;\n\n --shadow-small: 0px 2px 4px var(--shade-9);\n --shadow-normal: 0px 4px 8px var(--shade-9);\n --shadow-large: 0 5px 10px var(--shade-9);\n --shadow-xlarge: 0 8px 30px var(--shade-9);\n --shadow-jumbo: 0 30px 60px var(--shade-9);\n --shadow-hover: 0 30px 60px var(--shade-9);\n --shadow-sticky: 0 12px 10px -10px var(--shade-9);\n\n // scrollbar styles\n --scrollbar-background: var(--shade-9);\n --scrollbar-thumb: var(--shade-7);\n --scrollbar-thumb-hover: var(--shade-6);\n --scrollbar-thumb-active: var(--shade-5);\n}\n","@use \"src/styles/shades\";\n\n@mixin mode {\n --color-primary-faded: #fff;\n --color-primary-faint: #fff;\n --color-primary-medium: #000;\n --color-primary-deep: #fff;\n\n --color-secondary-faded: #efe2cd;\n --color-secondary-faint: #999;\n --color-secondary-medium: #dbccb3;\n --color-secondary-deep: #333;\n\n --color-success-faded: #f2e0bf;\n --color-success-faint: #d8c6a5;\n --color-success-medium: #72603f;\n --color-success-deep: #3f2d0c;\n\n --color-error-faded: #f7d4d6;\n --color-error-faint: #ff1a1a;\n --color-error-medium: #ee0102;\n --color-error-deep: #c50000;\n\n --color-warning-faded: #fef3dc;\n --color-warning-faint: #ffdfaa;\n --color-warning-medium: #9d5c01;\n --color-warning-deep: #ab570a;\n\n --color-text-default: #000;\n --color-text-faded: #666;\n --color-text-inverse: #fff;\n --color-text-link: #2ca4ab;\n --color-text-warning: #ab570a;\n --color-text-error: #c50000;\n\n --color-background-default: #f8ebd5;\n --color-background-elevated: #fff7ea;\n\n --color-background-alternative-faded: #efe2cd;\n --color-background-alternative-faint: #f0e2cc;\n --color-background-alternative-medium: #efe2cd;\n --color-background-alternative-deep: #ccb996;\n\n --color-background-inverse: #000;\n --color-background-backdrop: rgba(0, 0, 0, 0.25);\n --color-background-lighten: rgba(252, 233, 203, 0.8);\n // lighten the `background-color` by using it in `background-image`. check Button's ghost variant for example\n\n --color-borders-hairline: #dbccb3;\n\n --color-highlight: #50e3c2;\n\n --shadow-small: 0px 2px 4px rgba(0, 0, 0, 0.1);\n --shadow-normal: 0px 4px 8px rgba(0, 0, 0, 0.12);\n --shadow-large: 0 5px 10px rgba(0, 0, 0, 0.12);\n --shadow-xlarge: 0 8px 30px rgba(0, 0, 0, 0.12);\n --shadow-jumbo: 0 30px 60px rgba(0, 0, 0, 0.12);\n --shadow-hover: 0 30px 60px rgba(0, 0, 0, 0.12);\n --shadow-sticky: 0 12px 10px -10px rgba(0, 0, 0, 0.12);\n\n // scrollbar styles\n --scrollbar-background: #72603f;\n --scrollbar-thumb: #f0cd8c;\n --scrollbar-thumb-hover: #d4b478;\n --scrollbar-thumb-active: #8d774e;\n}\n","@use \"src/styles/theme\";\n@use \"src/styles/constants\";\n\nbody {\n min-height: 100vh;\n background: var(--color-background-default);\n color: var(--color-text-default);\n padding: 0px !important;\n\n ::selection {\n background: var(--color-highlight);\n }\n\n ::-moz-selection {\n background: var(--color-highlight);\n }\n\n overscroll-behavior-y: none;\n font-family: \"ProximaVara\", \"Helvetica Neue\", Helvetica, Arial;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n // Note: Reciter and translation names have full locale names e.g. \"urdu\" instead of \"ur\"\n // and these names are coming from BE. It is easier to add another selector in css instead of changing BE\n :lang(ur),\n :lang(urdu),\n .ur,\n .urdu {\n font-family: \"MehrNastaliq\", \"Mehr Nastaliq Web\", \"Helvetica Neue\", Helvetica, Arial, serif;\n }\n\n :lang(ar),\n :lang(arabic) .ar {\n font-family: \"Noto Nastaliq Arabic\", \"NotoNastaliq\", \"ProximaVara\", \"Helvetica Neue\", Helvetica, Arial;\n }\n\n :lang(bn),\n :lang(bengali) {\n font-family: \"NotoSerifBengali\", \"ProximaVara\", \"Helvetica Neue\", Helvetica, Arial;\n }\n\n :lang(ku) {\n font-family: \"DroidArabicNaskh\", \"Noto Nastaliq Arabic\", \"NotoNastaliq\", \"ProximaVara\", Helvetica, Arial;\n }\n}\n\n// reference: https://github.com/necolas/normalize.css/blob/fc091cce1534909334c1911709a39c22d406977b/normalize.css#L165\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n}\n\na {\n color: var(--color-text-default);\n}\n\nselect option {\n background-color: var(--color-background-default);\n color: var(--color-text-default);\n}\n\n.__floater__arrow {\n svg polygon {\n fill: var(--color-background-inverse) !important;\n }\n}\n","@use \"src/styles/breakpoints\";\n@use \"src/styles/theme\";\n\n// dynamic global variables\n\n:root {\n // TODO: migrate constants.scss to use css variables\n --navbar-height: 3.6rem;\n --navbar-container-height: var(--navbar-height);\n --banner-height: 3rem;\n --day-circle-color: transparent;\n}\n\n.banner-active {\n --banner-height: 3rem;\n --navbar-container-height: calc(var(--navbar-height) + var(--banner-height));\n\n @include breakpoints.tablet {\n --banner-height: var(--navbar-height);\n --navbar-container-height: var(--navbar-height);\n }\n}\n"],"sourceRoot":""}
|
