| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/Error/Error.module.scss","webpack://_N_E/src/components/dls/Forms/Input/Input.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/Navbar/SettingsDrawer/ReciterSelectionBody.module.scss"],"names":[],"mappings":"AAAA,wBACE,iBAAA,CACA,yCAAA,CACA,uCAAA,CACA,0CAAA,CACA,wCAAA,CACA,+BACE,oBAAA,CACA,kBAAA,CACA,wBAAA,CACA,sBAAA,CAIJ,mBACE,iBAAA,CACA,uCAAA,CCdF,wBACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,6BAAA,CAUA,8CAAA,CAUA,0CAAA,CACA,mCAAA,CApBA,gDACE,iCAAA,CAEF,8FAEE,qDAAA,CACA,mBAAA,CACA,kBAAA,CAGF,2CACE,oCAAA,CAEF,6CACE,wCAAA,CAEF,6CACE,wCAAA,CAMJ,mBACE,oCAAA,CACA,mCAAA,CAEA,uCACE,gCAAA,CACA,+BAAA,CACA,uCAAA,CAKF,iCACE,aAAA,CAIJ,6BACE,0BAAA,CAEF,8BACE,mCAAA,CAEF,6BACE,oCAAA,CAGF,oBACE,wCAAA,CACA,sCAAA,CACA,sBAAA,CACA,oBAAA,CAGF,oBACE,SAAA,CACA,uCAAA,CACA,sCAAA,CACA,qCAAA,CACA,wCAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CACA,iCAAA,CACA,+BAAA,CACA,sBAAA,CACA,0BACE,YAAA,CAEF,6BACE,eAAA,CAEF,uCACE,6BAAA,CAEF,yCACE,iCAAA,CAEF,yCACE,iCAAA,CAYJ,6BAIE,yCAAA,CACA,uCAAA,CACA,oDAAA,CACA,kDAAA,CAGF,iEAjBE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CAKA,qBAAA,CACA,mBAWA,CAJF,oCAIE,6BAAA,CAEA,wCACE,0BAAA,CAIJ,qBACE,sDAAA,CACA,oDAAA,CACA,0CAAA,CACA,yCAAA,CAGF,qBACE,sEAAA,CACA,oDAAA,CACA,kDAAA,CACA,qDAAA,CAEA,2CAAA,CACA,wCAAA,CCxIF,uBACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,6BACE,UAAA,CACA,aAAA,CACA,2BAAA,CACA,4BAAA,CACA,yCAAA,CACA,qBAAA,CAKF,gEACE,8CAAA,CAIJ,uBACE,SAAA,CACA,2CAAA,CACA,2BAAA,CACA,4BAAA,CACA,yCAAA,CACA,8CAAA,CAIA,kDACE,cAAA,CACA,4CAAA,CAIJ,2CACE,4CAAA,CAGF,0DACE,8CAAA,CAIA,uDACE,8BAAA,CCjDJ,uBACE,uCAAA,CACA,sCAAA,CACA,qCAAA,CACA,wCAAA,CAGF,oDACE,kBAAA,CACA,6BAAA,CACA,YAAA,CACA,cAAA,CCXF,sCACE,YAAA,CACA,kBAAA,CACA,uCAAA,CACA,qCAAA,CACA,qBAAA,CACA,mBAAA,CAGF,yBACE,iCAAA,CACA,qCAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CACA,yCAAA,CAGF,4BACE,mCAAA,CCjBF,qCACE,qCAAA,CACA,YAAA,CACA,kBAAA,CACA,gCAAA,CAGF,0CACE,yCAAA,CAKF,6CACE,2CAAA,CACA,yCAAA,CACA,uCAAA,CACA,+BAAA,CACA,iCAAA,CACA,mDARmB,CASnB,iDATmB,CAUnB,yCAAA,CACA,uCAAA,CAGF,kDACE,qCAAA,CACA,UAAA,CAGF,mCACE,SAAA","file":"static/css/13c24d172e16a765.css","sourcesContent":[".container {\n text-align: center;\n padding-block-start: var(--spacing-xsmall);\n padding-block-end: var(--spacing-xsmall);\n padding-inline-start: var(--spacing-xsmall);\n padding-inline-end: var(--spacing-xsmall);\n > button {\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: auto;\n margin-inline-end: auto;\n }\n}\n\n.text {\n text-align: center;\n padding-block-end: var(--spacing-xsmall);\n}\n","@use \"src/styles/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",".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",".reciter {\n margin-block-end: var(--spacing-small);\n display: flex;\n align-items: center;\n font-size: var(--font-size-large);\n}\n\n.reciterLabel {\n padding-inline-start: var(--spacing-small);\n}\n\n$recitation-padding: calc(0.5 * var(--spacing-xxsmall));\n\n.recitationStyle {\n background-color: var(--color-success-faded);\n margin-inline-start: var(--spacing-xsmall);\n border-radius: var(--border-radius-pill);\n color: var(--color-success-deep);\n font-size: var(--font-size-normal);\n padding-block-start: $recitation-padding;\n padding-block-end: $recitation-padding;\n padding-inline-start: var(--spacing-small);\n padding-inline-end: var(--spacing-small);\n}\n\n.searchInputContainer {\n margin-block-end: var(--spacing-small);\n width: 100%;\n}\n\n.input {\n width: 95%;\n}\n"],"sourceRoot":""}
|
