{"version":3,"sources":["webpack://_N_E/src/components/dls/InlineWordByWord/InlineWordByWord.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/styles/_utility.scss","webpack://_N_E/src/components/dls/QuranWord/GlyphWord.module.scss","webpack://_N_E/src/styles/_theme.scss","webpack://_N_E/src/components/dls/QuranWord/TajweedWordImage.module.scss","webpack://_N_E/src/components/Verse/PlainVerseText/PlainVerseTextWord/PlainVerseTextWord.module.scss","webpack://_N_E/src/components/dls/QuranWord/TextWord.module.scss","webpack://_N_E/src/components/Verse/VerseText.module.scss"],"names":[],"mappings":"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","file":"static/css/c58c0ebd5e10fe12.css","sourcesContent":["@use \"src/styles/breakpoints\";\n\n.word {\n  /**\n        This is needed for when the translation/transliteration content\n        is too big to be fit into one line on mobile\n        or on desktop to be able to maintain the reading view's alignment without overflowing.\n        {@see https://quran.com/3:125?wbw_locale=ur}\n    **/\n  white-space: normal;\n  overflow-wrap: break-word;\n  // center the text content inside the container\n  margin: auto;\n}\n\n/**\n    We have 6 different font sizes for word by word. We will need to set max-width\n    of the translation/transliteration content on Desktop so that we are able to maintain\n    the reading view's alignment without overflowing. {@see https://quran.com/3:125?wbw_locale=ur}\n**/\n.xs {\n  font-size: var(--font-size-xsmall-dangerous);\n  @include breakpoints.tablet {\n    max-width: calc(3 * var(--spacing-mega));\n  }\n}\n.sm {\n  font-size: var(--font-size-xsmall);\n  @include breakpoints.tablet {\n    max-width: calc(3.5 * var(--spacing-mega));\n  }\n}\n.md {\n  font-size: var(--font-size-small);\n  @include breakpoints.tablet {\n    max-width: calc(3.7 * var(--spacing-mega));\n  }\n}\n.lg {\n  font-size: var(--font-size-normal);\n  @include breakpoints.tablet {\n    max-width: calc(3.9 * var(--spacing-mega));\n  }\n}\n.xl {\n  font-size: var(--font-size-large);\n  @include breakpoints.tablet {\n    max-width: calc(4 * var(--spacing-mega));\n  }\n}\n.xxl {\n  font-size: var(--font-size-xlarge);\n  @include breakpoints.tablet {\n    max-width: calc(4.2 * var(--spacing-mega));\n  }\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","@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","@use \"src/styles/utility\";\n\n@include utility.generate-font-scales(\"fallback_qpc_uthmani_hafs\"); // fallback font size\n\n.styledWord {\n  line-height: var(--line-height);\n}\n\n.wordSpacing {\n  // This fixes cut off words in Uthmani Mushaf V1 on firefox\n\n  @-moz-document url-prefix() {\n    word-spacing: 4px;\n    margin-right: -5px;\n    white-space: pre;\n  }\n}\n\n// this is needed to reduce CLS when we are displaying the fallback text by trying to make the font-sizes of the original text and the fallback text as close as possible so that once the original font loads, there will be as little visible CLS as possible.\n.fallbackText {\n  font-family: UthmanicHafs !important;\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","@use \"src/styles/breakpoints\";\n@use \"src/styles/theme\";\n\n$dark-theme-filter: invert(76%) contrast(100%) saturate(500%) hue-rotate(274deg);\n$light-theme-filter: contrast(100%) hue-rotate(50deg);\n.imageContainer {\n  @include theme.light {\n    img {\n      filter: $light-theme-filter;\n    }\n  }\n  @include theme.dark {\n    img {\n      filter: $dark-theme-filter;\n    }\n  }\n  @include theme.sepia {\n    img {\n      filter: $light-theme-filter;\n    }\n  }\n}\n\n.xs {\n  img {\n    height: 40px;\n    @include breakpoints.tablet {\n      height: 50px;\n    }\n  }\n}\n.sm {\n  img {\n    height: 50px;\n    @include breakpoints.tablet {\n      height: 65px;\n    }\n  }\n}\n.md {\n  img {\n    height: 70px;\n    @include breakpoints.tablet {\n      height: 75px;\n    }\n  }\n}\n.lg {\n  img {\n    height: 80px;\n    @include breakpoints.tablet {\n      height: 90px;\n    }\n  }\n}\n.xl {\n  img {\n    height: 90px;\n    @include breakpoints.tablet {\n      height: 92px;\n    }\n  }\n}\n\n.xl2 {\n  img {\n    height: 100px;\n  }\n}\n\n.xl3 {\n  img {\n    height: 110px;\n    @include breakpoints.tablet {\n      height: 102px;\n    }\n  }\n}\n\n.xl4 {\n  img {\n    height: 120px;\n    @include breakpoints.tablet {\n      height: 104px;\n    }\n  }\n}\n\n.xl5 {\n  img {\n    height: 130px;\n    @include breakpoints.tablet {\n      height: 106px;\n    }\n  }\n}\n\n.xl6 {\n  img {\n    height: 140px;\n    @include breakpoints.tablet {\n      height: 108px;\n    }\n  }\n}\n",".plainVerseWordContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-end: var(--spacing-xxsmall);\n  margin-block-end: var(--spacing-xsmall);\n}\n\n.plainVerseWbwText {\n  margin-block: var(--spacing-xxsmall);\n  margin-inline: var(--spacing-xxsmall);\n}\n",".word {\n  line-height: var(--line-height);\n}\n\n.UthmanicHafs {\n  font-family: UthmanicHafs !important; // important is needed to over-ride the language specific font-family\n}\n\n.IndoPak {\n  font-family: IndoPak !important; // important is needed to over-ride the language specific font-family\n}\n","@use \"src/styles/constants\";\n@use \"src/styles/utility\";\n@use \"src/styles/breakpoints\";\n@use \"src/styles/theme\";\n\n.verseText {\n  display: flex;\n  /**\n    flex-start for when the inline word by word translation/transliteration is enabled\n    and its content is wrapped across multiple lines.\n    {@see https://quran.com/2:74} on mobile with Inline word by word translation enabled.\n  **/\n  align-items: flex-start;\n  line-height: var(--line-height);\n}\n.verseTextContainer {\n  display: block;\n  direction: rtl;\n}\n\n.chapterHeaderContainer {\n  margin-inline-start: var(--spacing-medium);\n  margin-inline-end: var(--spacing-medium);\n}\n\n.largeQuranTextLayoutContainer {\n  display: inline;\n  @include breakpoints.tablet {\n    display: block;\n  }\n}\n\n.largeQuranTextLayout {\n  display: inline;\n  @include breakpoints.tablet {\n    display: flex;\n  }\n}\n\n.verseTextCenterAlign {\n  justify-content: center;\n}\n.verseTextSpaceBetween {\n  justify-content: space-between;\n}\n.verseTextWrap {\n  flex-wrap: wrap;\n}\n\n@include utility.generate-font-scales(\"code_v1\");\n@include utility.generate-font-scales(\"code_v2\");\n@include utility.generate-font-scales(\"text_indopak_15_lines\");\n@include utility.generate-font-scales(\"text_indopak_16_lines\");\n@include utility.generate-font-scales(\"qpc_uthmani_hafs\");\n@include utility.generate-font-scales(\"fallback_qpc_uthmani_hafs\");\n@include utility.generate-font-scales(\"tajweed\");\n\n.highlighted {\n  background-color: var(--color-background-alternative-faded);\n}\n\n// On mobile, make the QuranWord slightly bigger on translation or tafsir mode\n.tafsirOrTranslationMode {\n  // --font-size is generated by `utility.genereate-font-sizes`\n  font-size: calc(1.2 * var(--font-size));\n}\n"],"sourceRoot":""}