| 1 |
- {"version":3,"sources":["webpack://_N_E/src/components/dls/Forms/Checkbox/Checkbox.module.scss","webpack://_N_E/src/components/dls/Forms/Input/Input.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/Login/login.module.scss","webpack://_N_E/src/styles/_breakpoints.scss","webpack://_N_E/src/styles/_theme.scss","webpack://_N_E/src/components/Login/CompleteSignupForm.module.scss"],"names":[],"mappings":"AAAA,2BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,uCAAA,CACA,sCAAA,CACA,qCAAA,CACA,wCAAA,CAGF,0BACE,SAAA,CACA,0DAAA,CACA,0CAAA,CACA,8CAAA,CACA,2BAAA,CACA,4BAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,gCACE,4CAAA,CAKF,0DACE,8BAAA,CAIJ,kGAEE,8CAAA,CAEF,oCACE,8CAAA,CAGF,uBACE,0CAAA,CACA,iCAAA,CACA,qCAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAGF,0BACE,mCAAA,CAGF,2BACE,sCAAA,CACA,0CAAA,CACA,UAAA,CACA,WAAA,CAGF,mCACE,8CAAA,CCxDF,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,uCAAA,CACA,sCAAA,CACA,qCAAA,CACA,wCAAA,CAGF,oDACE,kBAAA,CACA,6BAAA,CACA,YAAA,CACA,cAAA,CCXF,wBACE,SAAA,CACA,yBAAA,CACA,0BAAA,CACA,mBAAA,CACA,kBAAA,CACA,aAAA,CACA,0CAAA,CAGA,sDACE,aAAA,CAGF,iCACE,8BAAA,CAMF,6CACE,aAAA,CAIJ,sCACE,wBAAA,CACA,0CAAA,CC1BF,2BACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,6BAAA,CAOA,8CAAA,CAUA,0CAAA,CACA,mCAAA,CAjBA,0GAEE,qDAAA,CACA,mBAAA,CACA,kBAAA,CAGF,iDACE,oCAAA,CAEF,mDACE,wCAAA,CAEF,mDACE,wCAAA,CAMJ,sBACE,oCAAA,CACA,mCAAA,CAEA,6CACE,gCAAA,CACA,+BAAA,CACA,uCAAA,CAIJ,uBACE,wCAAA,CACA,sCAAA,CACA,sBAAA,CACA,oBAAA,CAGF,uBACE,SAAA,CACA,uCAAA,CACA,sCAAA,CACA,qCAAA,CACA,wCAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CACA,iCAAA,CACA,+BAAA,CACA,sBAAA,CACA,6BACE,YAAA,CAEF,gCACE,eAAA,CAEF,6CACE,6BAAA,CAEF,+CACE,iCAAA,CAEF,+CACE,iCAAA,CCtEJ,8BACE,YAAA,CACA,qBAAA,CAGF,mCACE,mCAAA,CAGF,8BACE,6BAAA,CAGF,iCACE,uCAAA,CCXF,6BACE,eAAA,CAEA,sBAAA,CACA,kBAAA,CACA,6CAAA,CACA,uCAAA,CACA,mCACA,CAGF,0DATE,YAAA,CAMA,qBAKA,CCwCA,0CD1CF,6BAII,kCAAA,CAAA,CAIJ,kBAEE,gCAAA,CACA,kCACA,CAGF,sCANE,mCAAA,CAGA,iBAOA,CAJF,oBACE,gCAAA,CAEA,qCACA,CAGF,0BACE,uCAAA,CACA,uCAAA,CACA,YAAA,CAGF,2BACE,sCAAA,CACA,0BAAA,CEzBA,8CF2BE,2BAAA,CAGF,oBACE,iCACE,qCAAA,CACA,yCAAA,CAAA,CAKN,6BACE,8BAAA,CAEA,uCAAA,CACA,0BAAA,CACA,2CAAA,CACA,oBACE,mCACE,qCAAA,CACA,yCAAA,CAAA,CAKN,iCACE,iBAAA,CAEF,iCACE,sCAAA,CAEF,6BACE,mCAAA,CAGF,+BACE,6BAAA,CACA,0DAAA,CACA,6CAAA,CACA,iBAAA,CACA,0CAAA,CAGF,iCACE,wCAAA,CACA,yCAAA,CACA,6DAAA,CACA,YAAA,CACA,qBAAA,CAGF,2BACE,uCAAA,CAGF,0BACE,wCAAA,CACA,iCAAA,CACA,6BAAA,CAGF,mBACE,mCAAA,CG5GF,qCACE,YAAA,CACA,qBAAA,CACA,kCAAA,CACA,iCAAA,CAGF,iCACE,iCAAA,CACA,uCAAA,CACA,iBAAA,CACA,sCAAA,CAGF,kCACE,mCAAA,CAGF,qCACE,iBAAA,CACA,sCAAA","file":"static/css/29c0dc1939e69c11.css","sourcesContent":[".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",".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","@use \"src/styles/theme\";\n@use \"src/styles/breakpoints\";\n\n.outerContainer {\n min-height: 80vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-block-end: calc(5 * var(--spacing-mega));\n padding-block-start: var(--spacing-mega);\n padding-inline: var(--spacing-large);\n flex-direction: column;\n}\n\n.innerContainer {\n display: flex;\n flex-direction: column;\n @include breakpoints.desktop {\n width: calc(10 * var(--spacing-mega));\n }\n}\n\n.cta {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-large);\n padding-block: var(--spacing-large);\n text-align: center;\n}\n\n.title {\n font-size: var(--font-size-jumbo);\n font-weight: var(--font-weight-bold);\n margin-block-end: var(--spacing-large);\n text-align: center;\n}\n\n.loginButton {\n margin-block-start: var(--spacing-small);\n font-weight: var(--font-weight-semibold);\n display: flex;\n}\n\n.googleButton {\n --themed-bg: var(--color-primary-faded);\n --themed-fg: var(--shade-9);\n @include theme.sepia {\n --themed-border: transparent;\n }\n\n @media (hover: hover) {\n &:hover {\n --themed-bg: var(--color-text-default);\n --themed-border: var(--color-text-default);\n }\n }\n}\n\n.facebookButton {\n --facebook-brand-color: #4267b2;\n\n --themed-bg: var(--facebook-brand-color);\n --themed-fg: var(--shade-0);\n --themed-border: var(--facebook-brand-color);\n @media (hover: hover) {\n &:hover {\n --themed-bg: var(--color-text-default);\n --themed-border: var(--color-text-default);\n }\n }\n}\n\n.emailSentContainer {\n text-align: center;\n}\n.paragraphContainer {\n margin-block-end: var(--spacing-medium);\n}\n.emailContainer {\n font-weight: var(--font-weight-bold);\n}\n\n.verificationCode {\n padding: var(--spacing-medium);\n background-color: var(--color-background-alternative-faint);\n border: 1px solid var(--color-secondary-faded);\n text-align: center;\n border-radius: var(--border-radius-rounded);\n}\n\n.resendEmailSection {\n margin-block-start: var(--spacing-medium);\n padding-block-start: var(--spacing-medium);\n border-block-start: 1px solid var(--color-background-elevated);\n display: flex;\n flex-direction: column;\n}\n\n.resendButton {\n margin-block-start: var(--spacing-small);\n}\n\n.privacyText {\n margin-block-start: var(--spacing-medium);\n font-size: var(--font-size-xsmall);\n color: var(--color-text-faded);\n}\n\n.bold {\n font-weight: var(--font-weight-bold);\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","@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",".container {\n display: flex;\n flex-direction: column;\n padding-inline: var(--spacing-mega);\n padding-block: var(--spacing-mega);\n}\n\n.title {\n font-size: var(--font-size-xlarge);\n font-weight: var(--font-weight-semibold);\n text-align: center;\n margin-block-end: var(--spacing-xsmall);\n}\n\n.strong {\n font-weight: var(--font-weight-bold);\n}\n\n.emailSent {\n text-align: center;\n padding-block-end: var(--spacing-small);\n}\n"],"sourceRoot":""}
|
