| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/CommandBar/CommandsList/CommandPrefix/CommandPrefix.module.scss","webpack://_N_E/src/components/CommandBar/CommandsList/CommandList.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/TarteelVoiceSearch/BodyContainer/Error/Error.module.scss","webpack://_N_E/src/components/TarteelVoiceSearch/BodyContainer/PartialResult/PartialResult.module.scss","webpack://_N_E/src/components/Search/SearchResults/SearchResultItem.module.scss","webpack://_N_E/src/components/Search/NoResults/NoResults.module.scss","webpack://_N_E/src/components/TarteelVoiceSearch/BodyContainer/VoiceSearchBodyContainer.module.scss","webpack://_N_E/src/components/CommandBar/CommandBarBody/CommandBarBody.module.scss"],"names":[],"mappings":"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","file":"static/css/ef2a99616ee3efc6.css","sourcesContent":[".commandPrefix {\n margin-inline-end: var(--spacing-small);\n display: flex;\n align-items: center;\n > svg {\n width: var(--spacing-large);\n height: var(--spacing-large);\n }\n}\n\n.container {\n display: flex;\n align-items: center;\n max-width: 90%;\n}\n\n.name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","@use \"src/styles/breakpoints\";\n\n$itemHeight: calc(1.5 * var(--spacing-mega));\n.noResult {\n text-align: center;\n font-size: var(--font-size-large);\n color: var(--color-text-faded);\n}\n\n.groupHeader {\n display: flex;\n align-items: center;\n background: transparent;\n height: var(--spacing-mega);\n font-size: var(--font-size-xsmall);\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n color: var(--color-text-faded);\n}\n\n.command {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: $itemHeight;\n font-size: var(--font-size-normal);\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xsmall);\n cursor: pointer;\n color: var(--color-text-faded);\n white-space: nowrap;\n position: relative;\n z-index: var(--z-index-default);\n &.selected {\n color: var(--color-text-default);\n }\n}\n\n.highlight {\n transition: transform var(--transition-fast);\n height: $itemHeight;\n width: 100%;\n position: absolute;\n border-radius: var(--border-radius-rounded);\n background: var(--color-background-alternative-faint);\n z-index: var(--z-index-default);\n @include breakpoints.tablet {\n margin-block-start: calc(-1 * var(--spacing-xsmall));\n }\n}\n\n.keyboardInputContainer {\n flex-direction: row;\n display: flex;\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",".container {\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n & > svg {\n margin-block-end: var(--spacing-mega);\n width: calc(2 * var(--spacing-mega));\n height: calc(2 * var(--spacing-mega));\n & > path {\n fill: var(--color-background-inverse);\n }\n }\n}\n","@use \"src/styles/breakpoints\";\n\n.outerContainer {\n width: 100%;\n box-sizing: border-box;\n padding-inline: var(--spacing-medium);\n}\n\n.innerContainer {\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-block-end: calc(2 * var(--spacing-mega));\n margin-block-start: calc(1.5 * var(--spacing-mega));\n}\n\n.transcript {\n text-align: end;\n min-height: var(--spacing-large);\n}\n\n.suggestTitle {\n font-size: var(--font-size-xlarge);\n font-weight: var(--font-weight-semibold);\n margin-block-end: var(--spacing-xxsmall);\n}\n.suggestSubtitle {\n opacity: var(--opacity-75);\n max-width: 80%;\n font-size: var(--font-size-large);\n}\n\n.micCircle {\n background-color: var(--color-success-medium);\n border-radius: var(--border-radius-circle);\n width: calc(4 * var(--spacing-large));\n height: calc(4 * var(--spacing-large));\n display: flex;\n flex-direction: row;\n align-items: center;\n > svg {\n width: 100%;\n & > path {\n fill: var(--color-background-default);\n }\n }\n}\n\n.circlesContainer {\n width: 20%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n > div {\n position: absolute;\n }\n}\n\n.volumeCircle {\n background-color: var(--color-secondary-faint);\n border-radius: var(--border-radius-circle);\n width: calc(var(--volume) * 4 * var(--spacing-large));\n height: calc(var(--volume) * 4 * var(--spacing-large));\n transition: width var(--transition-fast) ease,\n height var(--transition-fast) ease;\n}\n\n@mixin verticalLayout {\n .innerContainer {\n flex-direction: column;\n margin: 0;\n }\n .circlesContainer {\n width: 100%;\n height: calc(10 * var(--spacing-medium));\n }\n .suggestTitle {\n text-align: center;\n }\n .suggestSubtitle {\n max-width: 100%;\n text-align: center;\n }\n}\n\n.verticalLyaout {\n @include verticalLayout;\n}\n\n@include breakpoints.smallerThanTablet {\n @include verticalLayout();\n}\n",".translationName {\n font-size: var(--font-size-xsmall);\n opacity: var(--opacity-75);\n}\n\n.translationContainer {\n margin-block-start: var(--spacing-small);\n margin-block-end: var(--spacing-small);\n margin-inline-start: 0;\n margin-inline-end: 0;\n em {\n font-weight: var(--font-weight-semibold);\n }\n}\n\n.container {\n text-decoration: none;\n border-block-end: 1px solid var(--color-borders-hairline);\n padding-block: var(--spacing-medium);\n margin-block-end: var(--spacing-xsmall);\n}\n\n.itemContainer {\n border-radius: var(--border-radius-default);\n margin-inline-start: auto;\n margin-inline-end: auto;\n}\n\n.quranTextContainer {\n}\n\n.verseLink {\n}\n\n.quranTextResult {\n font-size: var(--font-size-xlarge);\n line-height: var(--line-height-large);\n direction: rtl;\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\n.verseKey {\n color: var(--color-success-medium);\n display: block;\n margin-block-end: var(--spacing-medium);\n font-weight: var(--font-weight-bold);\n}\n",".container {\n margin-block-start: var(--spacing-large);\n margin-inline-end: var(--spacing-large);\n margin-block-end: var(--spacing-large);\n margin-inline-start: var(--spacing-large);\n}\n\n.mainBody {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.iconContainer {\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-secondary-medium);\n}\n\n.iconContainer svg {\n width: calc(2 * var(--spacing-large));\n height: calc(2 * var(--spacing-large));\n}\n\n.mainMessage {\n padding-block-start: var(--spacing-medium);\n padding-block-end: var(--spacing-medium);\n padding-inline-start: var(--spacing-medium);\n padding-inline-end: var(--spacing-medium);\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n line-height: normal;\n}\n\n.secondaryMessage {\n font-size: var(--font-size-normal);\n}\n","@use \"src/styles/breakpoints\";\n\n$body-min-height: 80vh;\n$body-min-height-mobile: 65vh;\n\n.container {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: center;\n min-height: $body-min-height-mobile;\n @include breakpoints.tablet {\n min-height: $body-min-height;\n }\n}\n\n.noResultContainer {\n text-align: center;\n}\n\n.commandBarContainer {\n @include breakpoints.tablet {\n margin-block-start: calc(2 * var(--spacing-mega));\n }\n}\n","@use \"src/styles/breakpoints\";\n$height: calc(9 * var(--spacing-mega));\n\n.container {\n padding: 0 var(--spacing-large);\n box-sizing: border-box;\n}\n\n.textInputContainer {\n display: flex;\n align-items: center;\n flex: 1;\n\n & > svg {\n fill: var(--color-text-faded);\n opacity: var(--opacity-50);\n }\n\n & > .input {\n margin-inline-start: var(--spacing-xsmall);\n }\n}\n\n.inputContainer {\n border-block-end: 1px solid var(--color-borders-hairline);\n padding-block: var(--spacing-small);\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.voiceFlowContainer {\n justify-content: flex-end;\n border-block-end: 0;\n}\n\n.input {\n appearance: none;\n border-radius: 0;\n width: 100%;\n background: transparent;\n border: 0;\n outline: 0;\n font-size: var(--font-size-normal);\n @include breakpoints.tablet {\n font-size: var(--font-size-xlarge);\n }\n padding: var(--spacing-small) 0;\n color: var(--color-text-faded);\n &::placeholder {\n color: var(--color-text-faded);\n opacity: var(--opacity-50);\n }\n}\n\n.bodyContainer {\n @include breakpoints.tablet {\n padding-block-start: var(--spacing-xsmall);\n padding-block-end: var(--spacing-xsmall);\n }\n padding-inline-start: 0;\n padding-inline-end: 0;\n overflow-y: auto;\n position: relative;\n height: $height;\n box-sizing: border-box;\n}\n\n.attribution {\n display: flex;\n justify-content: flex-end;\n}\n"],"sourceRoot":""}
|
