| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/dls/Collapsible/Collapsible.module.scss","webpack://_N_E/src/components/Notes/NoteModal/PublicReflectionCheckboxDescription/PublicReflectionCheckboxDescription.module.scss","webpack://_N_E/src/components/dls/Forms/StarRating/Root.module.scss","webpack://_N_E/src/components/dls/Forms/StarRating/Star.module.scss","webpack://_N_E/src/components/dls/Forms/TextArea/TextArea.module.scss","webpack://_N_E/src/components/FormBuilder/FormBuilder.module.scss","webpack://_N_E/src/components/Notes/NoteModal/ReflectionIntro/ReflectionIntro.module.scss","webpack://_N_E/src/components/dls/HelperTooltip/HelperTooltip.module.scss","webpack://_N_E/src/components/Notes/NoteModal/ShareToQrCheckboxLabel/ShareToQrCheckboxLabel.module.scss","webpack://_N_E/src/components/Notes/NoteModal/NoteModal.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/components/Notes/NoteModal/EditNoteMode/EditNoteListItem/NoteListItem.module.scss","webpack://_N_E/src/components/Notes/NoteModal/NoteRangesIndicator/NoteRangesIndicator.module.scss","webpack://_N_E/src/components/Notes/NoteModal/EditNoteMode/NoteRanges/NoteRanges.module.scss","webpack://_N_E/src/components/Notes/NoteModal/EditNoteMode/EditNoteMode.module.scss","webpack://_N_E/src/components/Collection/SaveToCollectionModal/SaveToCollectionModal.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/ComboboxItem/ComboboxItem.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/ComboboxItems/ComboboxItems.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Icons/CaretInputIcon.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Icons/ClearInputIcon.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Icons/SearchInputIcon.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Tag/Tag.module.scss","webpack://_N_E/src/components/dls/Forms/Combobox/Combobox.module.scss","webpack://_N_E/src/components/Verse/AdvancedCopy/SelectorContainer.module.scss","webpack://_N_E/src/components/Verse/AdvancedCopy/VersesRangeSelector.module.scss","webpack://_N_E/src/components/dls/Forms/RadioGroup/Item.module.scss","webpack://_N_E/src/components/dls/Forms/RadioGroup/Root.module.scss","webpack://_N_E/src/components/dls/Forms/RadioGroup/RadioGroup.module.scss","webpack://_N_E/src/components/Verse/AdvancedCopy/VerseAdvancedCopy.module.scss","webpack://_N_E/src/components/Verse/VerseActionAdvancedCopy/VerseActionAdvancedCopy.module.scss","webpack://_N_E/src/components/AudioPlayer/RepeatAudioModal/RepeatSetting.module.scss","webpack://_N_E/src/components/AudioPlayer/RepeatAudioModal/RepeatAudioModal.module.scss","webpack://_N_E/src/components/QuranReader/ReadingView/WordByWordVerseAction/WordByWordHeading/WordByWordHeading.module.scss","webpack://_N_E/src/components/QuranReader/ReadingView/WordByWordVerseAction/WordByWordVerseAction.module.scss","webpack://_N_E/src/components/dls/Forms/Checkbox/Checkbox.module.scss","webpack://_N_E/src/components/dls/Forms/Input/Input.module.scss"],"names":[],"mappings":"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","file":"static/css/353201215576064a.css","sourcesContent":[".header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n}\n\n.headerLeft {\n display: flex;\n}\n\n.prefixContainer {\n display: flex;\n align-items: center;\n margin-inline-end: var(--spacing-xxsmall);\n}\n\n.prefixRotated {\n transform: rotate(180deg);\n}\n\n.suffixContainer {\n display: flex;\n align-items: center;\n margin-inline-end: var(--spacing-xxsmall);\n}\n",".container {\n border: 1px var(--color-borders-hairline) solid;\n border-radius: var(--border-radius-default);\n padding: var(--spacing-xsmall);\n margin-block: var(--spacing-xxsmall);\n}\n\n.title {\n font-weight: var(--font-weight-semibold);\n}\n\n.contentContainer {\n margin-block-start: var(--spacing-small);\n}\n\n.checkboxTitle {\n font-weight: var(--font-weight-semibold);\n margin-block: var(--spacing-small);\n text-decoration: underline;\n}\n",".container {\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n}\n\n.container[data-orientation=\"horizontal\"] {\n align-items: center;\n justify-content: space-between;\n display: flex;\n flex-wrap: wrap;\n}\n",".starButton {\n all: unset;\n width: var(--spacing-mega);\n height: var(--spacing-mega);\n display: inline-grid;\n place-items: center;\n color: hsl(50, 100%, 50%);\n border-radius: var(--border-radius-default);\n\n // if the star is selected but disabled, we still need to show it colorful\n &:disabled.selected {\n color: hsl(50, 100%, 50%);\n }\n // if the star is selected and disabled, we need to show it dimmed\n &:disabled {\n color: var(--color-error-faded);\n }\n}\n\n.starButton:hover {\n // if the star is not disabled, make it colorful\n &:not(:disabled) {\n color: hsl(50, 100%, 45%);\n }\n}\n\n.starButton:focus-visible {\n background-color: hsl(50, 100%, 90%);\n box-shadow: 0 0 0 var(--spacing-micro) hsl(50, 100%, 80%);\n}\n","@use \"src/styles/theme\";\n\n.container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n &.disabled,\n &.disabled * {\n background: var(--color-background-alternative-medium);\n pointer-events: none;\n cursor: not-allowed;\n }\n border: 1px solid var(--color-borders-hairline);\n &.error {\n border-color: var(--color-error-deep);\n }\n &.success {\n border-color: var(--color-success-medium);\n }\n &.warning {\n border-color: var(--color-warning-medium);\n }\n border-radius: var(--border-radius-rounded);\n padding-inline: var(--spacing-small);\n}\n\n.main {\n padding-inline: var(--spacing-xsmall);\n padding-block: var(--spacing-xsmall);\n\n & .input {\n font-size: var(--font-size-large);\n color: var(--color-text-default);\n font-weight: var(--font-weight-semibold);\n }\n}\n\n.label {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.input {\n padding: 0;\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n border: 0;\n height: 80%;\n width: 100%;\n font-size: var(--font-size-normal);\n color: var(--color-text-default);\n background: transparent;\n &:focus {\n outline: none;\n }\n &:disabled {\n background: none;\n }\n &.error {\n color: var(--color-error-deep);\n }\n &.success {\n color: var(--color-success-medium);\n }\n &.warning {\n color: var(--color-warning-medium);\n }\n}\n",".container {\n display: flex;\n flex-direction: column;\n}\n\n.inputContainer {\n margin-block: var(--spacing-xxsmall);\n}\n\n.errorText {\n color: var(--color-error-deep);\n}\n\n.submitButton {\n margin-block-start: var(--spacing-small);\n}\n",".container {\n border: 1px var(--color-borders-hairline) solid;\n border-radius: var(--border-radius-default);\n padding: var(--spacing-xsmall);\n margin-block: var(--spacing-xxsmall);\n}\n\n.title {\n font-weight: var(--font-weight-semibold);\n display: flex;\n align-items: center;\n}\n\n.sectionHeader {\n font-weight: var(--font-weight-bold);\n margin-block-end: var(--spacing-small);\n}\n\n.subSectionHeader {\n margin-block-start: var(--spacing-small);\n}\n\n.sectionContainer {\n margin-block: var(--spacing-small);\n padding-block-end: var(--spacing-small);\n border-bottom: 1px var(--color-borders-hairline) solid;\n}\n","$tooltip-max-width: 200px;\n.questionMarkIconContainer {\n display: flex;\n align-items: center;\n color: var(--color-background-alternative-deep);\n margin-inline: var(--spacing-xsmall);\n & > svg {\n width: var(--spacing-large);\n }\n}\n\n.trigger {\n display: flex;\n}\n\n.content {\n display: flex;\n max-width: $tooltip-max-width;\n}\n",".container {\n display: flex;\n align-items: center;\n}\n\n.bold {\n font-weight: var(--font-weight-bold);\n}\n","@use \"src/styles/breakpoints\";\n\n.buttonContainer {\n display: flex;\n align-items: center;\n flex-direction: column;\n padding-block: var(--spacing-small);\n}\n\n.headerContainer {\n display: flex;\n gap: var(--spacing-small);\n align-items: center;\n\n padding-block: var(--spacing-large);\n @include breakpoints.smallerThanTablet {\n padding-block: var(--spacing-medium);\n }\n}\n\n.titleInput {\n & > div {\n border: none;\n }\n\n input {\n height: 100%;\n font-size: var(--font-size-jumbo);\n font-weight: var(--font-weight-bold);\n }\n}\n\n.bodyInput {\n border: none !important;\n border-radius: 0 !important;\n padding-inline: 0 !important;\n & > div {\n border: none;\n margin-block-start: var(--spacing-large);\n }\n\n textarea {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-medium);\n\n @include breakpoints.smallerThanTablet {\n min-height: 50vh;\n }\n }\n\n legend {\n color: var(--color-text-inverse);\n font-weight: var(--font-weight-semibold);\n background-color: var(--color-success-medium);\n border-radius: var(--border-radius-rounded);\n padding-inline: var(--spacing-xsmall);\n }\n}\n\n.actionContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.editFormButtons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.saveButton {\n margin-inline-end: var(--spacing-small);\n}\n\n.buttonsContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-start: var(--spacing-small);\n}\n\n.submitContainer {\n display: flex;\n flex-direction: column;\n align-items: end;\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 margin-block: var(--spacing-xsmall);\n border: 1px var(--color-borders-hairline) solid;\n padding: var(--spacing-small);\n border-radius: var(--border-radius-rounded);\n box-shadow: var(--shadow-small);\n}\n\n.headerContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.noteBody {\n margin-block-end: var(--spacing-small);\n line-break: anywhere;\n white-space: pre-wrap;\n}\n\n.shareButtonContainer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n\n.buttonsContainer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n",".container {\n border: 1px solid var(--color-primary-medium);\n border-radius: var(--border-radius-rounded);\n background-color: var(--color-background-inverse);\n color: var(--color-text-inverse);\n font-size: var(--font-size-xsmall);\n width: fit-content;\n padding: 0 var(--spacing-micro);\n}\n",".container {\n padding-inline: var(--spacing-small);\n}\n\n.headerContainer {\n padding: var(--spacing-small) 0;\n}\n","@use \"src/styles/breakpoints\";\n\n.container {\n margin-block-end: var(--spacing-large);\n}\n\n.addNoteContainer {\n border: 1px var(--color-borders-hairline) solid;\n padding: var(--spacing-medium);\n margin-block-end: var(--spacing-medium);\n border-radius: var(--border-radius-rounded);\n}\n\n.addNoteContainerHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-block-end: var(--spacing-medium);\n}\n\n.addNoteBtnContainer {\n display: flex;\n align-items: flex-end;\n flex-direction: column;\n margin-block-end: var(--spacing-medium);\n}\n\n.noteDate {\n display: block;\n font-size: var(--font-size-xsmall);\n color: var(--color-text-faded);\n}\n\n.noteHeaderContainer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n",".header {\n display: flex;\n justify-content: center;\n margin-block-end: var(--spacing-mega);\n text-align: center;\n}\n\n.collectionList {\n .collectionItem + .collectionItem {\n margin-block-start: var(--spacing-small);\n }\n}\n\n.newCollectionFormContainer {\n margin-block-start: var(--spacing-small);\n}\n",".input {\n display: none;\n}\n\n.itemLabel {\n cursor: pointer;\n}\n\n.itemContainer {\n color: var(--color-text-default);\n padding-block-start: var(--spacing-xsmall);\n padding-block-end: var(--spacing-xsmall);\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n}\n\n.enabledItem {\n cursor: pointer;\n &:hover {\n background: var(--color-background-alternative-medium);\n }\n}\n.disabledItem {\n color: var(--color-text-faded);\n}\n\n.checkedItem {\n font-weight: var(--font-weight-bold);\n background: var(--color-background-alternative-medium);\n}\n\n.prefix {\n pointer-events: none;\n display: flex;\n align-items: center;\n padding-inline-end: var(--spacing-xsmall);\n > svg {\n width: var(--spacing-small);\n height: var(--spacing-small);\n }\n}\n\n.labelContainer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.prefixContainer {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n\n.suffixContainer {\n background: var(--color-primary-medium);\n border-radius: var(--border-radius-pill);\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n color: var(--color-primary-deep);\n text-transform: uppercase;\n font-size: var(--font-size-xsmall);\n}\n","$webkit-thumb-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);\n\n.comboboxBodyContainer {\n position: absolute;\n inset-inline: 0;\n inset-block-start: 100%;\n margin-block-start: var(--spacing-micro);\n border-radius: var(--border-radius-default);\n box-shadow: var(--shadow-large);\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n z-index: var(--z-index-dropdown);\n transition: var(--transition-fast);\n background-color: var(--color-background-default);\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n font-size: var(--font-size-normal);\n}\n\n.largeComboboxBodyContainer {\n font-size: var(--font-size-large);\n}\n\n.openedComboboxBodyContainer {\n visibility: visible;\n opacity: 1;\n pointer-events: auto;\n}\n\n.itemsContainer {\n border-radius: var(--border-radius-default);\n overflow: hidden;\n max-height: calc(5 * var(--spacing-mega));\n overflow-y: scroll;\n\n // Hack to show the scrollbar on OSX, otherwise the scrollbar is hidden and the component does not indicate scrollability\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: var(--spacing-xxsmall);\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: var(--border-radius-default);\n background-color: var(--color-background-backdrop);\n box-shadow: $webkit-thumb-shadow;\n }\n}\n",".caretIconButton {\n width: var(--spacing-medium);\n height: var(--spacing-medium);\n position: absolute;\n inset-inline-end: var(--spacing-medium);\n inset-block-start: 50%;\n transform: translateY(-50%);\n color: var(--color-background-alternative-deep);\n svg {\n transition: var(--transition-fast);\n }\n cursor: pointer;\n}\n\n.openedCaretIconButton {\n svg {\n transform: rotate(180deg);\n transition: var(--transition-fast);\n }\n}\n",".clearIconContainer {\n user-select: none;\n background: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-small);\n height: var(--spacing-small);\n color: var(--color-background-alternative-deep);\n position: absolute;\n inset-inline-end: var(--spacing-medium);\n inset-block-start: 50%;\n transform: translateY(-50%);\n outline: none;\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n border: 0;\n box-sizing: border-box;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n text-decoration: none;\n cursor: pointer;\n}\n\n.icon svg {\n display: inline-block;\n width: var(--spacing-small);\n height: var(--spacing-small);\n overflow: hidden;\n}\n",".iconContainer {\n position: absolute;\n inset-block-start: 50%;\n transform: translateY(-50%);\n z-index: 1;\n display: inline-block;\n width: var(--spacing-small);\n height: var(--spacing-small);\n color: var(--color-background-alternative-deep);\n user-select: none;\n}\n\n.icon svg {\n display: flex;\n align-items: center;\n width: var(--spacing-small);\n height: var(--spacing-small);\n overflow: hidden;\n}\n\n.selectSearch {\n inset-inline-start: var(--spacing-medium);\n}\n",".item {\n position: relative;\n display: flex;\n flex: none;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n max-width: 100%;\n margin-block-start: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: 0;\n margin-inline-end: 0;\n background: var(--color-background-alternative-medium);\n border-radius: var(--border-radius-default);\n user-select: none;\n margin-inline-end: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xsmall);\n padding-inline-start: var(--spacing-xsmall);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-size: var(--font-size-normal);\n}\n\n.largeItem {\n font-size: var(--font-size-large);\n}\n\n.itemContent {\n display: inline-block;\n margin-inline-end: var(--spacing-micro);\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n padding-block-start: var(--spacing-xxsmall);\n padding-block-end: var(--spacing-xxsmall);\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xxsmall);\n}\n\n.itemRemove {\n cursor: pointer;\n svg {\n width: var(--spacing-xsmall);\n height: var(--spacing-xsmall);\n }\n}\n",".label {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.disabledSearch,\n.disabledSearch * {\n pointer-events: none;\n cursor: not-allowed;\n}\n\n.comboboxContainer {\n position: relative;\n max-width: 100%;\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n}\n\n.enabled {\n cursor: text;\n}\n\n.select {\n box-sizing: border-box;\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.selector {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xsmall);\n position: relative;\n background-color: var(--color-background-default);\n border: 1px solid var(--color-borders-hairline);\n border-radius: var(--border-radius-default);\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-mega);\n padding-inline-end: var(--spacing-mega);\n}\n\n.activeSelector {\n border: 1px solid var(--color-primary-medium);\n}\n.selector:not(.disabledSelector):not(.hasError) {\n &:hover {\n border: 1px solid var(--color-primary-medium);\n }\n}\n.hasError {\n border: 1px solid var(--color-error-medium);\n}\n\n.disabledSelector {\n background: var(--color-background-neutral-grey);\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n inset-block-start: 50%;\n transform: translateY(-50%);\n flex: 1;\n overflow: hidden;\n color: var(--color-text-faded);\n white-space: nowrap;\n text-overflow: ellipsis;\n pointer-events: none;\n max-width: 80%;\n}\n\n.overflow {\n position: relative;\n display: flex;\n flex: auto;\n flex-wrap: wrap;\n max-width: 100%;\n align-items: center;\n}\n\n.multiSelectSearchInput {\n color: var(--color-text-default);\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: 0;\n padding-inline-end: 0;\n background: 0 0;\n border: none;\n outline: none;\n appearance: none;\n width: 100%;\n}\n\n.smallSearchInput {\n height: var(--spacing-mega);\n}\n.mediumSearchInput {\n height: calc(2 * var(--spacing-large));\n}\n.largeSearchInput {\n height: calc(3 * var(--spacing-medium));\n}\n\n.overflowItem {\n flex: none;\n align-self: center;\n max-width: 100%;\n}\n\n.tagContainer {\n max-width: calc(100% - var(--spacing-xxsmall));\n}\n\n.search {\n position: relative;\n max-width: 100%;\n width: var(--spacing-xxsmall);\n}\n\n.fullWidth {\n width: 100%;\n}\n",".comboboxLabel {\n margin-block: var(--spacing-xsmall);\n font-weight: var(--font-weight-bold);\n}\n.selectedContainer {\n flex: 1;\n margin-block: var(--spacing-micro);\n}\n\n.selectedContainer + .selectedContainer {\n margin-inline-start: var(--spacing-xsmall);\n}\n",".rangeSelectorContainer {\n justify-content: space-between;\n flex-wrap: wrap;\n display: flex;\n}\n.selectorsContainerInvisible {\n display: none;\n}\n",".indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n &:after {\n content: \"\";\n display: block;\n width: var(--spacing-xsmall);\n height: var(--spacing-xsmall);\n border-radius: var(--border-radius-circle);\n background-color: black;\n }\n}\n\n.indicator[data-state=\"checked\"][data-disabled] {\n &:after {\n background-color: var(--color-secondary-medium);\n }\n}\n\n.radioItem {\n all: unset;\n background-color: var(--color-primary-faded);\n width: var(--spacing-medium);\n height: var(--spacing-medium);\n border-radius: var(--border-radius-circle);\n border: 1px solid var(--color-secondary-medium);\n}\n\n.radioItem:not([data-disabled]) {\n &:hover {\n cursor: pointer;\n border: 1px solid var(--color-primary-medium);\n }\n}\n\n.radioItem[data-state=\"checked\"] {\n border: 1px solid var(--color-primary-medium);\n}\n\n.radioItem[data-state=\"checked\"][data-disabled] {\n border: 1px solid var(--color-secondary-medium);\n}\n\n.radioItem[data-focus-visible-added] {\n &:focus {\n box-shadow: var(--shadow-small);\n }\n}\n",".container {\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n}\n\n.container[data-orientation=\"horizontal\"] {\n align-items: center;\n justify-content: space-between;\n display: flex;\n flex-wrap: wrap;\n}\n",".radioItemContainer {\n display: flex;\n align-items: center;\n margin-block-start: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: 0;\n margin-inline-end: 0;\n}\n\n.label {\n font-size: var(--font-size-normal);\n line-height: var(--line-height-normal);\n user-select: none;\n padding-inline-start: var(--spacing-small);\n}\n\n.disabled {\n color: var(--color-secondary-medium);\n}\n",".buttonContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n}\n\n.customMessage {\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 border: 1px solid var(--color-borders-hairline);\n border-radius: var(--border-radius-default);\n margin-block-start: var(--spacing-medium);\n}\n\n.label {\n margin-block: var(--spacing-xsmall);\n}\n\n.fontLabelContainer {\n display: flex;\n align-items: center;\n}\n\n// clone of checkbox properties\n.emptyCheckbox {\n min-height: var(--spacing-medium);\n border: 1px solid transparent;\n margin-block: var(--spacing-micro);\n}\n","@use \"src/styles/breakpoints\";\n\n$desktop-max-width: calc(16 * var(--spacing-mega));\n.header {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-xlarge);\n text-align: center;\n}\n\n.footerContainer {\n margin-block-start: calc(2 * var(--spacing-small));\n}\n\n.contentWrapper {\n @include breakpoints.desktop {\n padding-block-start: var(--spacing-mega);\n padding-block-end: var(--spacing-medium);\n padding-inline-start: var(--spacing-mega);\n padding-inline-end: var(--spacing-mega);\n max-width: $desktop-max-width;\n }\n}\n","@use \"src/styles/breakpoints\";\n\n.inputContainer {\n display: flex;\n align-items: center;\n @include breakpoints.smallerThanMobileM {\n justify-content: space-between;\n }\n}\n.inputContainer + .inputContainer {\n margin-block-start: var(--spacing-small);\n}\n\n.label {\n font-weight: var(--font-weight-bold);\n @include breakpoints.tablet {\n min-width: calc(8.5 * var(--spacing-large));\n }\n}\n.input {\n display: flex;\n align-items: center;\n}\n\n.switchContainer {\n margin-block-end: var(--spacing-xsmall);\n}\n",".separator {\n margin-block-start: var(--spacing-medium);\n margin-block-end: var(--spacing-medium);\n margin-inline-start: 0;\n margin-inline-end: 0;\n}\n",".heading {\n font-size: var(--font-size-large);\n font-weight: var(--font-weight-bold);\n margin-block-end: var(--spacing-medium);\n}\n",".header {\n margin-block-end: var(--spacing-mega);\n}\n\n.separator {\n margin-block: var(--spacing-large);\n}\n",".container {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n}\n\n.checkbox {\n all: unset;\n background-color: var(--color-background-alternative-faint);\n border-radius: var(--border-radius-default);\n border: 1px solid var(--color-secondary-medium);\n width: var(--spacing-medium);\n height: var(--spacing-medium);\n display: flex;\n align-items: center;\n justify-content: center;\n &:hover {\n border: 1px solid var(--color-primary-medium);\n }\n}\n\n.checkbox[data-focus-visible-added] {\n &:focus {\n box-shadow: var(--shadow-small);\n }\n}\n\n.checkbox[data-state=\"checked\"],\n.checkbox[data-state=\"indeterminate\"] {\n border: 1px solid var(--color-borders-hairline);\n}\n.checkbox[disabled] {\n background-color: var(--color-secondary-medium);\n}\n\n.label {\n padding-inline-start: var(--spacing-xsmall);\n font-size: var(--font-size-normal);\n line-height: var(--line-height-normal);\n user-select: none;\n}\n\n.disabled {\n color: var(--color-secondary-medium);\n}\n\n.indicator {\n background: var(--color-primary-medium);\n border-radius: var(--border-radius-default);\n width: 100%;\n height: 100%;\n}\n\n.disabledIndicator {\n background-color: var(--color-secondary-medium);\n}\n","@use \"src/styles/theme\";\n\n.container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n &.fixedWidth {\n width: calc(8 * var(--spacing-mega));\n }\n &.disabled,\n &.disabled * {\n background: var(--color-background-alternative-medium);\n pointer-events: none;\n cursor: not-allowed;\n }\n border: 1px solid var(--color-borders-hairline);\n &.error {\n border-color: var(--color-error-deep);\n }\n &.success {\n border-color: var(--color-success-medium);\n }\n &.warning {\n border-color: var(--color-warning-medium);\n }\n border-radius: var(--border-radius-rounded);\n padding-inline: var(--spacing-small);\n}\n\n.main {\n padding-inline: var(--spacing-xsmall);\n padding-block: var(--spacing-xsmall);\n\n & .input {\n font-size: var(--font-size-large);\n color: var(--color-text-default);\n font-weight: var(--font-weight-semibold);\n }\n}\n\n.rtlInput {\n [dir=\"rtl\"] & {\n direction: rtl;\n }\n}\n\n.smallContainer {\n height: var(--spacing-mega);\n}\n.mediumContainer {\n height: calc(2 * var(--spacing-large));\n}\n.largeContainer {\n height: calc(3 * var(--spacing-medium));\n}\n\n.label {\n padding-block-start: var(--spacing-micro);\n padding-block-end: var(--spacing-micro);\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n\n.input {\n padding: 0;\n margin-block-start: var(--spacing-micro);\n margin-inline-end: var(--spacing-micro);\n margin-block-end: var(--spacing-micro);\n margin-inline-start: var(--spacing-micro);\n border: 0;\n height: 80%;\n width: 100%;\n font-size: var(--font-size-normal);\n color: var(--color-text-default);\n background: transparent;\n &:focus {\n outline: none;\n }\n &:disabled {\n background: none;\n }\n &.error {\n color: var(--color-error-deep);\n }\n &.success {\n color: var(--color-success-medium);\n }\n &.warning {\n color: var(--color-warning-medium);\n }\n}\n\n@mixin prefixSuffixContainer {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 100%;\n}\n\n.clearContainer {\n @include prefixSuffixContainer;\n padding-block-start: 0;\n padding-block-end: 0;\n padding-inline-start: var(--spacing-micro);\n padding-inline-end: var(--spacing-micro);\n border-start-end-radius: var(--border-radius-default);\n border-end-end-radius: var(--border-radius-default);\n}\n\n.prefixSuffixContainer {\n @include prefixSuffixContainer;\n padding-block-start: 0;\n padding-block-end: 0;\n color: var(--color-text-faded);\n\n > svg {\n width: var(--spacing-large);\n }\n}\n\n.prefix {\n border-start-start-radius: var(--border-radius-default);\n border-end-start-radius: var(--border-radius-default);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xxsmall);\n}\n\n.suffix {\n border-inline-start: 1px solid var(--color-background-alternative-deep);\n border-start-end-radius: var(--border-radius-default);\n border-end-end-radius: var(--border-radius-default);\n background: var(--color-background-alternative-medium);\n\n padding-inline-start: var(--spacing-xxsmall);\n padding-inline-end: var(--spacing-xsmall);\n}\n"],"sourceRoot":""}
|
