/* ../../../../../tmp/tmp-3639921-1Io42XJuD4r1/frappe/frappe/public/scss/login.bundle.css */ :root { --neutral-white: #ffffff; --neutral-black: #000000; --neutral: var(--neutral-white); --invert-neutral: var(--neutral-black); --gray-50: #f8f8f8; --gray-100: #f3f3f3; --gray-200: #ededed; --gray-300: #e2e2e2; --gray-400: #c7c7c7; --gray-500: #999999; --gray-600: #7c7c7c; --gray-700: #525252; --gray-800: #383838; --gray-900: #171717; --blue-50: #f7fbfd; --blue-100: #edf6fd; --blue-200: #e3f1fd; --blue-300: #c9e7fc; --blue-400: #70b6f0; --blue-500: #0289f7; --blue-600: #007be0; --blue-700: #0070cc; --blue-800: #005ca3; --blue-900: #004880; --green-50: #f3fcf5; --green-100: #e4f5e9; --green-200: #daf0e1; --green-300: #cae5d4; --green-400: #b6dec5; --green-500: #59ba8b; --green-600: #30a66d; --green-700: #278f5e; --green-800: #16794c; --green-900: #173b2c; --red-50: #fff7f7; --red-100: #fff0f0; --red-200: #fcd7d7; --red-300: #f9c6c6; --red-400: #eb9091; --red-500: #e03636; --red-600: #cc2929; --red-700: #b52a2a; --red-800: #941f1f; --red-900: #6b1515; --orange-50: #fff9f5; --orange-100: #fff1e7; --orange-200: #fce6d5; --orange-300: #f7d6bd; --orange-400: #f0b58b; --orange-500: #e86c13; --orange-600: #d45a08; --orange-700: #bd3e0c; --orange-800: #9e3513; --orange-900: #6b2711; --amber-50: #fdfaed; --amber-100: #fcf3cf; --amber-200: #f7e28d; --amber-300: #f5d261; --amber-400: #f2be3a; --amber-500: #e79913; --amber-600: #db7706; --amber-700: #b35309; --amber-800: #91400d; --amber-900: #763813; --yellow-50: #fffcef; --yellow-100: #fff7d3; --yellow-200: #f7e9a8; --yellow-300: #f5e171; --yellow-400: #f2d14b; --yellow-500: #edba13; --yellow-600: #d1930d; --yellow-700: #ab6e05; --yellow-800: #8c5600; --yellow-900: #733f12; --cyan-50: #f5fbfc; --cyan-100: #e0f8ff; --cyan-200: #b3ecfc; --cyan-300: #94e6ff; --cyan-400: #6bd3f2; --cyan-500: #34bae3; --cyan-600: #32a4c7; --cyan-700: #267a94; --cyan-800: #125c73; --cyan-900: #164759; --teal-50: #f0fdfa; --teal-100: #e6f7f4; --teal-200: #bae8e1; --teal-300: #97ded4; --teal-400: #73d1c4; --teal-500: #36baad; --teal-600: #0b9e92; --teal-700: #0f736b; --teal-800: #115c57; --teal-900: #114541; --violet-50: #fbfaff; --violet-100: #f5f2ff; --violet-200: #e5e1fa; --violet-300: #dad2f7; --violet-400: #bdb1f0; --violet-500: #6846e3; --violet-600: #5f46c7; --violet-700: #4f3da1; --violet-800: #392980; --violet-900: #251959; --pink-50: #fff7fc; --pink-100: #feeef8; --pink-200: #f8e2f0; --pink-300: #f2d4e6; --pink-400: #e9c4da; --pink-500: #e34aa6; --pink-600: #cf3a96; --pink-700: #9c2671; --pink-800: #801458; --pink-900: #570f3e; --purple-50: #fdfaff; --purple-100: #f9f0ff; --purple-200: #f1e5fa; --purple-300: #e9d6f5; --purple-400: #d6c1e6; --purple-500: #9c45e3; --purple-600: #8642c2; --purple-700: #6e399d; --purple-800: #5c2f83; --purple-900: #401863; --white-overlay-50: rgba(255, 255, 255, 0.09); --white-overlay-100: rgba(255, 255, 255, 0.18); --white-overlay-200: rgba(255, 255, 255, 0.27); --white-overlay-300: rgba(255, 255, 255, 0.36); --white-overlay-400: rgba(255, 255, 255, 0.45); --white-overlay-500: rgba(255, 255, 255, 0.54); --white-overlay-600: rgba(255, 255, 255, 0.63); --white-overlay-700: rgba(255, 255, 255, 0.72); --white-overlay-800: rgba(255, 255, 255, 0.81); --white-overlay-900: rgba(255, 255, 255, 0.9); --black-overlay-50: rgba(0, 0, 0, 0.09); --black-overlay-100: rgba(0, 0, 0, 0.18); --black-overlay-200: rgba(0, 0, 0, 0.27); --black-overlay-300: rgba(0, 0, 0, 0.36); --black-overlay-400: rgba(0, 0, 0, 0.45); --black-overlay-500: rgba(0, 0, 0, 0.54); --black-overlay-600: rgba(0, 0, 0, 0.63); --black-overlay-700: rgba(0, 0, 0, 0.72); --black-overlay-800: rgba(0, 0, 0, 0.81); --black-overlay-900: rgba(0, 0, 0, 0.9); --linear-black: linear-gradient( to bottom, rgba(46, 46, 46, 0.18) 0%, rgba(36, 36, 36, 0.14) 100% ); --linear-blue: linear-gradient( to bottom, rgba(17, 142, 245, 0.067) 0%, rgba(7, 127, 247, 0.029) 100% ); --angular-white: conic-gradient(rgba(255, 255, 255, 1) 72.38%, rgba(255, 255, 255, 1) 99.87%); --angular-black: conic-gradient(rgba(56, 56, 56, 0.22) 72.38%, rgba(56, 56, 56, 0.22) 99.87%); --angular-green: conic-gradient( rgba(23, 117, 75, 0.092) 72.38%, rgba(23, 117, 75, 0.092) 99.87% ); --angular-red: conic-gradient( rgba(205, 41, 41, 0.804) 72.38%, rgba(205, 41, 41, 0.804) 99.87% ); --angular-blue: conic-gradient(rgba(0, 110, 219, 0) 72.38%, rgba(0, 110, 219, 0) 99.87%); } :root { --input-padding: 6px 8px; --dropdown-padding: 4px 8px; --grid-padding: 10px 8px; --disabled-input-padding: 3px 8px; --number-card-padding: 8px 8px 8px 12px; } :root { --font-stack: "InterVariable", "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --text-tiny: 11px; --text-2xs: 12px; --text-xs: 12px; --text-sm: 13px; --text-md: 13px; --text-base: 14px; --text-lg: 16px; --text-xl: 18px; --text-2xl: 20px; --text-3xl: 24px; --text-4xl: 26px; --text-5xl: 28px; --text-6xl: 32px; --text-7xl: 40px; --text-8xl: 44px; --text-9xl: 48px; --text-10xl: 52px; --text-11xl: 56px; --text-12xl: 64px; --weight-regular: 420; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --weight-black: 800; --text-line-height-3xl: 115%; --text-line-height-4xl: 160%; --text-line-height-7xl: 140%; --text-line-height-12xl: 130%; --text-line-height-14xl: 120%; --para-line-height-2-xs: 160%; --para-line-height-sm: 150%; --para-line-height-2xl: 148%; --para-line-height-3xl: 140%; --heading-color: var(--gray-900); --text-neutral: var(--gray-900); --text-color: var(--gray-800); --text-muted: var(--gray-700); --text-light: var(--gray-600); --text-dark: var(--fg-color); } :root { --shadow-xs: rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px; --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.1); --shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.1); --shadow-md: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0.5px 2px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.16); --shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 6px 8px -4px rgba(0, 0, 0, 0.1); --shadow-xl: 0px 0px 1px rgba(0, 0, 0, 0.19), 0px 1px 2px rgba(0, 0, 0, 0.07), 0px 6px 15px -5px rgba(0, 0, 0, 0.11); --shadow-2xl: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 10px 24px -3px rgba(0, 0, 0, 0.1); --focus-default: 0px 0px 0px 2px #c9c9c9; --focus-blue: 0px 0px 0px 2px #65b9fc; --focus-green: 0px 0px 0px 2px #5bb98c; --focus-yellow: 0px 0px 0px 2px #fff0ad; --focus-red: 0px 0px 0px 2px #eb9091; --custom-status: 0px 0px 0px 1.5px #ffffff; --custom-shadow-sm: 0px 1px 4px rgba(0, 0, 0, 0.1); --drop-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0), 0px 2px 4px rgba(0, 0, 0, 0.05); } :root { --border-radius-tiny: 4px; --border-radius-sm: 8px; --border-radius: 8px; --border-radius-md: 10px; --border-radius-lg: 12px; --border-radius-xl: 16px; --border-radius-2xl: 20px; --border-radius-full: 999px; } html, body { font-size: 16px; } :root, [data-theme=light] { --brand-color: var(--primary); --padding-xs: 5px; --padding-sm: 6px; --padding-md: 15px; --padding-lg: 20px; --padding-xl: 30px; --padding-2xl: 40px; --margin-xs: 5px; --margin-sm: 10px; --margin-md: 15px; --margin-lg: 20px; --margin-xl: 30px; --margin-2xl: 40px; --modal-shadow: var(--shadow-md); --card-shadow: var(--shadow-sm); --btn-shadow: var(--shadow-xs); --navbar-height: 48px; --icon-fill: transparent; --icon-fill-bg: var(--fg-color); --icon-stroke: var(--gray-800); --bg-blue: var(--blue-100); --bg-light-blue: var(--blue-50); --bg-dark-blue: var(--blue-300); --bg-green: var(--green-100); --bg-yellow: var(--yellow-100); --bg-orange: var(--orange-100); --bg-red: var(--red-100); --bg-gray: var(--gray-100); --bg-grey: var(--gray-100); --bg-light-gray: var(--gray-100); --bg-dark-gray: var(--gray-400); --bg-darkgrey: var(--gray-400); --bg-purple: var(--purple-100); --bg-pink: var(--pink-50); --bg-cyan: var(--cyan-50); --text-on-blue: var(--blue-700); --text-on-light-blue: var(--blue-600); --text-on-dark-blue: var(--blue-800); --text-on-green: var(--green-800); --text-on-yellow: var(--yellow-700); --text-on-orange: var(--orange-700); --text-on-red: var(--red-700); --text-on-gray: var(--gray-700); --text-on-grey: var(--gray-700); --text-on-darkgrey: var(--gray-800); --text-on-dark-gray: var(--gray-800); --text-on-light-gray: var(--gray-800); --text-on-purple: var(--purple-700); --text-on-pink: var(--pink-700); --text-on-cyan: var(--cyan-700); --alert-text-danger: var(--red-600); --alert-text-warning: var(--yellow-700); --alert-text-info: var(--blue-700); --alert-text-success: var(--green-700); --alert-bg-danger: var(--red-50); --alert-bg-warning: var(--yellow-50); --alert-bg-info: var(--blue-50); --alert-bg-success: var(--green-100); --bg-color: white; --fg-color: white; --subtle-accent: var(--gray-50); --subtle-fg: var(--gray-100); --navbar-bg: white; --fg-hover-color: var(--gray-100); --card-bg: var(--fg-color); --disabled-text-color: var(--gray-600); --disabled-control-bg: var(--gray-50); --control-bg: var(--gray-100); --control-bg-on-gray: var(--gray-200); --awesomebar-focus-bg: var(--fg-color); --modal-bg: white; --toast-bg: var(--modal-bg); --popover-bg: white; --awesomplete-hover-bg: var(--control-bg); --btn-primary: var(--gray-900); --btn-default-bg: var(--gray-100); --btn-default-hover-bg: var(--gray-300); --border-primary: var(--gray-900); --sidebar-select-color: var(--gray-100); --scrollbar-thumb-color: var(--gray-400); --scrollbar-track-color: var(--gray-200); --shadow-inset: inset 0px -1px 0px var(--gray-300); --border-color: var(--gray-200); --dark-border-color: var(--gray-300); --table-border-color: var(--gray-200); --highlight-color: var(--gray-50); --yellow-highlight-color: var(--yellow-50); --btn-group-border-color: var(--gray-300); --placeholder-color: var(--gray-50); --highlight-shadow: 1px 1px 10px var(--blue-50), 0px 0px 4px var(--blue-600); --code-block-bg: var(--gray-900); --code-block-text: var(--gray-400); --primary-color: var(--gray-900); --btn-height: 28px; --input-height: 28px; --input-disabled-bg: var(--gray-200); --checkbox-right-margin: var(--margin-xs); --checkbox-size: 14px; --checkbox-color: var(--neutral-black); --checkbox-focus-shadow: 0 0 0 2px var(--gray-300); --checkbox-gradient: linear-gradient(180deg, var(--primary) -124.51%, var(--primary) 100%); --checkbox-disabled-gradient: linear-gradient( 180deg, var(--disabled-control-bg) -124.51%, var(--disabled-control-bg) 100% ); --switch-bg: var(--gray-300); --diff-added: var(--green-100); --diff-removed: var(--red-100); --right-arrow-svg: url("data: image/svg+xml;utf8, "); --left-arrow-svg: url("data: image/svg+xml;utf8, "); } :root, [data-theme=light] { --xxl-width: ; --xl-width: 1200px; --lg-width: 992px; --md-width: 768px; --sm-width: 576px; --xs-width: 0; --appreciation-color: var(--green-600); --appreciation-bg: var(--green-100); --criticism-color: var(--red-600); --criticism-bg: var(--red-100); --error-bg: var(--red-50); --error-border: var(--red-400); --page-head-height: 60px; --page-bottom-margin: 60px; --checkbox-right-margin: var(--margin-xs); --checkbox-focus-shadow: var(--focus-default); --date-active-text: var(--gray-100); --date-active-bg: var(--gray-900); --date-range-bg: var(--subtle-fg); --timeline-item-icon-size: 30px; --timeline-item-left-margin: var(--margin-lg); --timeline-item-bottom-margin: var(--margin-sm); --timeline-content-max-width: 700px; --timeline-left-padding: calc(var(--padding-xl) + var(--timeline-item-icon-size) / 2); --timeline-badge-color: var(--gray-900); --timeline-badge-bg: var(--gray-100); --user-mention-bg-color: var(--fg-color); --group-mention-bg-color: var(--bg-purple); --skeleton-bg: var(--gray-100); --progress-bar-bg: var(--primary); } [data-theme=dark] { --neutral: var(--neutral-black); --invert-neutral: var(--neutral-white); --gray-700: #383838; --gray-800: #232323; --text-neutral: var(--gray-50); --text-dark: var(--gray-900); --text-muted: var(--gray-400); --text-light: var(--gray-300); --text-color: var(--gray-50); --heading-color: var(--gray-50); --icon-fill: transparent; --icon-stroke: var(--gray-300); --error-bg: var(--red-800); --error-border: var(--red-400); --bg-color: var(--gray-900); --fg-color: var(--gray-900); --subtle-accent: var(--gray-700); --subtle-fg: var(--gray-800); --navbar-bg: var(--gray-900); --fg-hover-color: var(--gray-800); --card-bg: var(--gray-900); --disabled-text-color: var(--gray-400); --disabled-control-bg: var(--gray-800); --control-bg: var(--gray-800); --control-bg-on-gray: var(--gray-800); --awesomebar-focus-bg: var(--control-bg); --awesomplete-hover-bg: var(--gray-800); --modal-bg: var(--gray-900); --toast-bg: var(--modal-bg); --popover-bg: var(--bg-color); --btn-default-bg: var(--gray-800); --btn-default-hover-bg: var(--gray-700); --btn-primary: var(--gray-300); --border-primary: var(--gray-200); --bg-blue: var(--blue-600); --bg-light-blue: var(--blue-600); --bg-dark-blue: var(--blue-900); --bg-green: var(--green-900); --bg-yellow: var(--yellow-700); --bg-orange: var(--orange-700); --bg-red: var(--red-600); --bg-gray: var(--gray-600); --bg-grey: var(--gray-600); --bg-darkgrey: var(--gray-600); --bg-dark-gray: var(--gray-500); --bg-light-gray: var(--gray-800); --bg-purple: var(--purple-700); --bg-pink: var(--pink-700); --bg-cyan: var(--cyan-800); --text-on-blue: var(--blue-50); --text-on-light-blue: var(--blue-50); --text-on-dark-blue: var(--blue-300); --text-on-green: var(--green-100); --text-on-yellow: var(--yellow-50); --text-on-orange: var(--orange-100); --text-on-red: var(--red-50); --text-on-gray: var(--gray-50); --text-on-grey: var(--gray-50); --text-on-darkgrey: var(--gray-200); --text-on-dark-gray: var(--gray-200); --text-on-light-gray: var(--gray-100); --text-on-purple: var(--purple-100); --text-on-pink: var(--pink-100); --text-on-cyan: var(--cyan-100); --alert-text-danger: var(--red-300); --alert-text-warning: var(--yellow-300); --alert-text-info: var(--blue-300); --alert-text-success: var(--green-300); --alert-bg-danger: var(--red-900); --alert-bg-warning: var(--yellow-900); --alert-bg-info: var(--blue-900); --alert-bg-success: var(--green-900); --sidebar-select-color: var(--gray-800); --scrollbar-thumb-color: var(--gray-600); --scrollbar-track-color: var(--gray-700); --timeline-badge-color: var(--gray-500); --timeline-badge-bg: var(--gray-900); --shadow-inset: var(--fg-color); --border-color: var(--gray-800); --dark-border-color: var(--gray-600); --table-border-color: var(--border-color); --highlight-color: var(--gray-700); --yellow-highlight-color: var(--yellow-700); --btn-group-border-color: var(--gray-700); --placeholder-color: var(--gray-700); --highlight-shadow: 1px 1px 10px var(--blue-900), 0px 0px 4px var(--blue-500); --shadow-base: 0px 4px 8px rgba(114, 176, 233, 0.06), 0px 0px 4px rgba(112, 172, 228, 0.12); --diff-added: var(--green-800); --diff-removed: var(--red-800); --input-disabled-bg: none; --checkbox-color: var(--neutral-white); --checkbox-gradient: linear-gradient( 180deg, var(--neutral-white) -124.51%, var(--neutral-white) 100% ); --checkbox-disabled-gradient: linear-gradient( 180deg, var(--gray-600) -124.51%, var(--gray-600) 100% ); --checkbox-focus-shadow: var(--focus-default); --switch-bg: var(--gray-500); --date-active-text: var(--gray-100); --date-active-bg: var(--gray-700); --date-range-bg: var(--subtle-fg); color-scheme: dark; --skeleton-bg: var(--gray-800); --right-arrow-svg: url("data: image/svg+xml;utf8, "); --left-arrow-svg: url("data: image/svg+xml;utf8, "); } [data-theme=dark] .page-title .sidebar-toggle-btn { --icon-stroke: var(--gray-300); } [data-theme=dark] input[type=checkbox]:checked { background-image: url("data:image/svg+xml, "), var(--checkbox-gradient); } [data-theme=dark] input[type=checkbox].disabled-selected, [data-theme=dark] input[type=checkbox]:disabled:checked { background-image: url("data:image/svg+xml, "), var(--checkbox-disabled-gradient); } [data-theme=dark] input[type=checkbox].disabled-deselected { border: none; background-color: var(--gray-700); } [data-theme=dark] .grid-body .editable-row { --control-bg: var(--gray-900); --input-disabled-bg: var(--gray-800); } [data-theme=dark] .frappe-card .btn-default { background-color: var(--control-bg); } [data-theme=dark] .frappe-card .btn-default:hover { background-color: var(--fg-hover-color); } [data-theme=dark] .modal, [data-theme=dark] .form-in-grid { --control-bg: var(--gray-800); --border-color: var(--gray-800); } [data-theme=dark] .print-format { --text-color: var(--gray-900); --border-color: var(--gray-100); } [data-theme=dark] .ql-editor { color: var(--text-on-gray); } [data-theme=dark] .ql-editor.read-mode span:not(.mention), [data-theme=dark] .ql-editor.read-mode p, [data-theme=dark] .ql-editor.read-mode u, [data-theme=dark] .ql-editor.read-mode strong { background-color: inherit !important; color: inherit !important; } [data-theme=dark] .comment-input-wrapper .ql-editor.ql-blank::before { color: var(--text-color); } [data-theme=dark] .chart-container { --charts-label-color: var(--gray-300); --charts-axis-line-color: var(--subtle-fg); --charts-stroke-width: 5px; --charts-dataset-circle-stroke: #ffffff; --charts-dataset-circle-stroke-width: var(--charts-stroke-width); --charts-tooltip-title: var(--charts-label-color); --charts-tooltip-label: var(--charts-label-color); --charts-tooltip-value: white; --charts-tooltip-bg: var(--gray-900); --charts-legend-label: var(--charts-label-color); } [data-theme=dark] .heatmap-chart g > rect[fill="#ebedf0"] { fill: var(--gray-700); } [data-theme=dark] .rating { --star-fill: var(--gray-500); } [data-theme=dark] .rating .star-hover { --star-fill: var(--gray-400); } [data-theme=dark] ::-moz-selection { color: var(--text-color); background: var(--gray-500); } [data-theme=dark] ::selection { color: var(--text-color); background: var(--gray-500); } [data-theme=dark] .indicator { --indicator-dot-green: var(--bg-green); } [data-theme=dark] .indicator { --indicator-dot-cyan: var(--bg-cyan); } [data-theme=dark] .indicator { --indicator-dot-blue: var(--bg-blue); } [data-theme=dark] .indicator { --indicator-dot-orange: var(--bg-orange); } [data-theme=dark] .indicator { --indicator-dot-yellow: var(--bg-yellow); } [data-theme=dark] .indicator { --indicator-dot-gray: var(--bg-gray); } [data-theme=dark] .indicator { --indicator-dot-grey: var(--bg-grey); } [data-theme=dark] .indicator { --indicator-dot-red: var(--bg-red); } [data-theme=dark] .indicator { --indicator-dot-pink: var(--bg-pink); } [data-theme=dark] .indicator { --indicator-dot-darkgrey: var(--bg-darkgrey); } [data-theme=dark] .indicator { --indicator-dot-purple: var(--bg-purple); } [data-theme=dark] .indicator { --indicator-dot-light-blue: var(--bg-light-blue); } @media (min-width: 576px) { body { background-color: var(--bg-light-gray); } } body .page-content-wrapper { min-height: calc(100vh - 220px); } body .web-footer { display: none; } .for-forgot, .for-login-with-email-link, .for-signup, .for-email-login { display: none; } .for-login .page-card, .for-forgot .page-card, .for-login-with-email-link .page-card, .for-signup .page-card, .for-email-login .page-card { padding: 45px 10px; background-color: #fff; max-width: 400px; margin: 0 auto; border-radius: var(--border-radius-md); border: 1px solid var(--border-color); } .for-login .page-card form, .for-forgot .page-card form, .for-login-with-email-link .page-card form, .for-signup .page-card form, .for-email-login .page-card form { max-width: 320px; margin: 0 auto; } .for-login .page-card form .form-group, .for-forgot .page-card form .form-group, .for-login-with-email-link .page-card form .form-group, .for-signup .page-card form .form-group, .for-email-login .page-card form .form-group { margin-bottom: var(--margin-sm); } .for-login .page-card .page-card-actions, .for-forgot .page-card .page-card-actions, .for-login-with-email-link .page-card .page-card-actions, .for-signup .page-card .page-card-actions, .for-email-login .page-card .page-card-actions { margin-top: var(--margin-lg); } .for-login .page-card .page-card-body ::placeholder, .for-login .page-card .page-card-body ::-ms-input-placeholder, .for-forgot .page-card .page-card-body ::placeholder, .for-forgot .page-card .page-card-body ::-ms-input-placeholder, .for-login-with-email-link .page-card .page-card-body ::placeholder, .for-login-with-email-link .page-card .page-card-body ::-ms-input-placeholder, .for-signup .page-card .page-card-body ::placeholder, .for-signup .page-card .page-card-body ::-ms-input-placeholder, .for-email-login .page-card .page-card-body ::placeholder, .for-email-login .page-card .page-card-body ::-ms-input-placeholder { color: var(--text-light); opacity: 1; } .for-login .page-card .page-card-body input[type=text], .for-login .page-card .page-card-body input[type=email], .for-login .page-card .page-card-body input[type=password], .for-forgot .page-card .page-card-body input[type=text], .for-forgot .page-card .page-card-body input[type=email], .for-forgot .page-card .page-card-body input[type=password], .for-login-with-email-link .page-card .page-card-body input[type=text], .for-login-with-email-link .page-card .page-card-body input[type=email], .for-login-with-email-link .page-card .page-card-body input[type=password], .for-signup .page-card .page-card-body input[type=text], .for-signup .page-card .page-card-body input[type=email], .for-signup .page-card .page-card-body input[type=password], .for-email-login .page-card .page-card-body input[type=text], .for-email-login .page-card .page-card-body input[type=email], .for-email-login .page-card .page-card-body input[type=password] { border: none; color: var(--text-color); font-size: var(--text-base); font-weight: var(--weight-regular); letter-spacing: 0.02em; background-color: var(--control-bg); margin-bottom: 1rem; } .for-login .page-card .page-card-body.invalid input[type=text], .for-login .page-card .page-card-body.invalid input[type=email], .for-login .page-card .page-card-body.invalid input[type=password], .for-forgot .page-card .page-card-body.invalid input[type=text], .for-forgot .page-card .page-card-body.invalid input[type=email], .for-forgot .page-card .page-card-body.invalid input[type=password], .for-login-with-email-link .page-card .page-card-body.invalid input[type=text], .for-login-with-email-link .page-card .page-card-body.invalid input[type=email], .for-login-with-email-link .page-card .page-card-body.invalid input[type=password], .for-signup .page-card .page-card-body.invalid input[type=text], .for-signup .page-card .page-card-body.invalid input[type=email], .for-signup .page-card .page-card-body.invalid input[type=password], .for-email-login .page-card .page-card-body.invalid input[type=text], .for-email-login .page-card .page-card-body.invalid input[type=email], .for-email-login .page-card .page-card-body.invalid input[type=password] { border: 1px solid var(--red-500); } .for-login .page-card .page-card-body .form-label, .for-forgot .page-card .page-card-body .form-label, .for-login-with-email-link .page-card .page-card-body .form-label, .for-signup .page-card .page-card-body .form-label, .for-email-login .page-card .page-card-body .form-label { font-size: var(--text-base); font-weight: var(--weight-regular); letter-spacing: 0.02em; } .for-login .page-card .page-card-body .forgot-password-message, .for-forgot .page-card .page-card-body .forgot-password-message, .for-login-with-email-link .page-card .page-card-body .forgot-password-message, .for-signup .page-card .page-card-body .forgot-password-message, .for-email-login .page-card .page-card-body .forgot-password-message { text-align: right; line-height: 1; } .for-login .page-card .page-card-body .forgot-password-message > *, .for-forgot .page-card .page-card-body .forgot-password-message > *, .for-login-with-email-link .page-card .page-card-body .forgot-password-message > *, .for-signup .page-card .page-card-body .forgot-password-message > *, .for-email-login .page-card .page-card-body .forgot-password-message > * { color: var(--text-light); font-size: var(--text-sm); font-weight: var(--weight-regular); letter-spacing: 0.02em; } .for-login .page-card .page-card-body .field-icon, .for-forgot .page-card .page-card-body .field-icon, .for-login-with-email-link .page-card .page-card-body .field-icon, .for-signup .page-card .page-card-body .field-icon, .for-email-login .page-card .page-card-body .field-icon { left: 9px; top: 5px; position: absolute; z-index: 2; } .for-login .page-card .page-card-body .email-field, .for-login .page-card .page-card-body .password-field, .for-forgot .page-card .page-card-body .email-field, .for-forgot .page-card .page-card-body .password-field, .for-login-with-email-link .page-card .page-card-body .email-field, .for-login-with-email-link .page-card .page-card-body .password-field, .for-signup .page-card .page-card-body .email-field, .for-signup .page-card .page-card-body .password-field, .for-email-login .page-card .page-card-body .email-field, .for-email-login .page-card .page-card-body .password-field { position: relative; } .for-login .page-card .page-card-body .email-field input, .for-login .page-card .page-card-body .password-field input, .for-forgot .page-card .page-card-body .email-field input, .for-forgot .page-card .page-card-body .password-field input, .for-login-with-email-link .page-card .page-card-body .email-field input, .for-login-with-email-link .page-card .page-card-body .password-field input, .for-signup .page-card .page-card-body .email-field input, .for-signup .page-card .page-card-body .password-field input, .for-email-login .page-card .page-card-body .email-field input, .for-email-login .page-card .page-card-body .password-field input { padding-left: 35px; } .for-login .page-card .page-card-body .email-field .toggle-password, .for-login .page-card .page-card-body .password-field .toggle-password, .for-forgot .page-card .page-card-body .email-field .toggle-password, .for-forgot .page-card .page-card-body .password-field .toggle-password, .for-login-with-email-link .page-card .page-card-body .email-field .toggle-password, .for-login-with-email-link .page-card .page-card-body .password-field .toggle-password, .for-signup .page-card .page-card-body .email-field .toggle-password, .for-signup .page-card .page-card-body .password-field .toggle-password, .for-email-login .page-card .page-card-body .email-field .toggle-password, .for-email-login .page-card .page-card-body .password-field .toggle-password { right: 9px; top: 5px; position: absolute; z-index: 2; cursor: pointer; font-size: 12px; } .for-login .page-card .page-card-body .btn-login-option, .for-forgot .page-card .page-card-body .btn-login-option, .for-login-with-email-link .page-card .page-card-body .btn-login-option, .for-signup .page-card .page-card-body .btn-login-option, .for-email-login .page-card .page-card-body .btn-login-option { font-size: var(--text-base); font-weight: var(--weight-medium); letter-spacing: 0.015em; color: var(--text-gray-700); background: var(--gray-100); box-shadow: none; border: none; display: flex; place-content: center; } .for-login .page-card .page-card-body .btn-login-option.btn-salesforce i, .for-forgot .page-card .page-card-body .btn-login-option.btn-salesforce i, .for-login-with-email-link .page-card .page-card-body .btn-login-option.btn-salesforce i, .for-signup .page-card .page-card-body .btn-login-option.btn-salesforce i, .for-email-login .page-card .page-card-body .btn-login-option.btn-salesforce i { color: var(--blue-400); } .for-login .page-card .page-card-body .btn-login-option img, .for-forgot .page-card .page-card-body .btn-login-option img, .for-login-with-email-link .page-card .page-card-body .btn-login-option img, .for-signup .page-card .page-card-body .btn-login-option img, .for-email-login .page-card .page-card-body .btn-login-option img { margin-right: var(--padding-xs); } .for-login .page-card .page-card-body .btn-login-option:hover, .for-forgot .page-card .page-card-body .btn-login-option:hover, .for-login-with-email-link .page-card .page-card-body .btn-login-option:hover, .for-signup .page-card .page-card-body .btn-login-option:hover, .for-email-login .page-card .page-card-body .btn-login-option:hover { border: none; background: var(--gray-300); } .for-login .page-card .page-card-body .social-logins, .for-forgot .page-card .page-card-body .social-logins, .for-login-with-email-link .page-card .page-card-body .social-logins, .for-signup .page-card .page-card-body .social-logins, .for-email-login .page-card .page-card-body .social-logins { margin-top: var(--margin-md); font-size: var(--text-base); font-weight: var(--weight-regular); letter-spacing: 0.02em; } .for-login .page-card .page-card-body .social-logins .social-login-buttons, .for-forgot .page-card .page-card-body .social-logins .social-login-buttons, .for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons, .for-signup .page-card .page-card-body .social-logins .social-login-buttons, .for-email-login .page-card .page-card-body .social-logins .social-login-buttons { margin-top: var(--margin-md); } .for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper { min-width: 50%; padding: 0 4px; margin-bottom: var(--margin-md); } @media (min-width: 768px) { .for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper, .for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper { min-width: 33.33%; } } .for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child, .for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child, .for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child, .for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child, .for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child { margin-bottom: 0; } .for-login .page-card .page-card-body .login-divider, .for-forgot .page-card .page-card-body .login-divider, .for-login-with-email-link .page-card .page-card-body .login-divider, .for-signup .page-card .page-card-body .login-divider, .for-email-login .page-card .page-card-body .login-divider { margin: var(--margin-md) 0; } .for-login .sign-up-message, .for-forgot .sign-up-message, .for-login-with-email-link .sign-up-message, .for-signup .sign-up-message, .for-email-login .sign-up-message { margin-top: 1rem; margin-bottom: 0; color: var(--text-light); font-size: var(--text-base); font-weight: var(--weight-regular); letter-spacing: 0.02em; } .for-login .sign-up-message a, .for-forgot .sign-up-message a, .for-login-with-email-link .sign-up-message a, .for-signup .sign-up-message a, .for-email-login .sign-up-message a { color: var(--primary); } .for-login .invalid-login, .for-forgot .invalid-login, .for-login-with-email-link .invalid-login, .for-signup .invalid-login, .for-email-login .invalid-login { -webkit-animation: wiggle 0.5s linear; } .page-card-head { padding: max(5vh, 30px) 0 14px 0px; margin: 0 auto; text-align: center; font-size: var(--text-xl); font-weight: 600; } .page-card-head img { max-height: 42px; } .page-card-head h4 { margin-top: 1rem; font-size: var(--text-xl); font-weight: var(--weight-semibold); letter-spacing: 0.01em; color: var(--text-color); } /*# sourceMappingURL=login.bundle.VHOAIZUK.css.map */ /* DATAVALUE-DIRECT-INJECTION */ body,html{font-size:16px}:root,[data-theme=light]{--brand-color:#0089ff;--pink-900:#5b1e34;--pink-800:#702440;--pink-700:#97264f;--pink-600:#d2326d;--pink-500:#f2508b;--pink-400:#f46b9e;--pink-300:#f584ae;--pink-200:#fab9d1;--pink-100:#fcdce8;--pink-50:#feedf3;--blue-900:#1a4469;--blue-800:#154875;--blue-700:#1366ae;--blue-600:#1579d0;--blue-500:#2490ef;--blue-400:#50a6f2;--blue-300:#7cbcf5;--blue-200:#a7d3f9;--blue-100:#d3e9fc;--blue-50:#f0f8fe;--cyan-900:#006464;--cyan-800:#007272;--cyan-700:#008b8b;--cyan-600:#02c5c5;--cyan-500:#0ff;--cyan-400:#2ef8f8;--cyan-300:#6efcfc;--cyan-200:#a0f8f8;--cyan-100:#c7fcfc;--cyan-50:#dafafa;--green-900:#2d401d;--green-800:#44622a;--green-700:#518b21;--green-600:#68ab30;--green-500:#8ccf54;--green-400:#a5d97a;--green-300:#bce39b;--green-200:#d2ecbd;--green-100:#e9f6de;--green-50:#f4faee;--dark-green-900:#1f3e2b;--dark-green-800:#29593b;--dark-green-700:#286840;--dark-green-600:#2e844e;--dark-green-500:#2f9d58;--dark-green-400:#59b179;--dark-green-300:#82c49b;--dark-green-200:#acd8bc;--dark-green-100:#dfeee5;--dark-green-50:#eaf5ee;--gray-900:#1f272e;--gray-800:#333c44;--gray-700:#505a62;--gray-600:#687178;--gray-500:#98a1a9;--gray-400:#c0c6cc;--gray-300:#dce0e3;--gray-200:#ebeef0;--gray-100:#f4f5f6;--red-900:#631d1d;--red-800:#802121;--red-700:#9b2c2c;--red-600:#c53030;--red-500:#e24c4c;--red-400:#ec645e;--red-300:#fca4a4;--red-200:#fcc8c8;--red-100:#ffecec;--red-50:#fff5f5;--yellow-900:#5f370e;--yellow-800:#744210;--yellow-700:#975a16;--yellow-600:#b7791f;--yellow-500:#d69e2e;--yellow-400:#ecb64b;--yellow-300:#f6c35e;--yellow-200:#fad489;--yellow-100:#fee9bf;--yellow-50:#fef4e2;--orange-900:#653019;--orange-800:#7b3a1e;--orange-700:#9c4621;--orange-600:#cb5a2a;--orange-500:#f8814f;--orange-400:#f9966c;--orange-300:#fdae8c;--orange-200:#fecdb8;--orange-100:#ffeae1;--orange-50:#fff5f0;--purple-900:#343360;--purple-800:#45438f;--purple-700:#4946bf;--purple-600:#6461d6;--purple-500:#8684ff;--purple-400:#9897f7;--purple-300:#b9b8fa;--purple-200:#dad9f7;--purple-100:#eaeafb;--purple-50:#f2f2fd;--padding-xs:5px;--padding-sm:10px;--padding-md:15px;--padding-lg:20px;--padding-xl:30px;--padding-2xl:40px;--margin-xs:5px;--margin-sm:8px;--margin-md:15px;--margin-lg:20px;--margin-xl:30px;--margin-2xl:40px;--font-stack:"Inter","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--shadow-xs:rgba(0,0,0,0.05) 0px 0.5px 0px 0px,rgba(0,0,0,0.08) 0px 0px 0px 1px,rgba(0,0,0,0.05) 0px 2px 4px 0px;--shadow-sm:0px 1px 2px rgba(25,39,52,0.05),0px 0px 4px rgba(25,39,52,0.1);--shadow-base:0px 4px 8px rgba(25,39,52,0.06),0px 0px 4px rgba(25,39,52,0.12);--shadow-md:0px 8px 14px rgba(25,39,52,0.08),0px 2px 6px rgba(25,39,52,0.04);--shadow-lg:0px 18px 22px rgba(25,39,52,0.1),0px 1px 10px rgba(0,0,0,0.06),0px 0.5px 5px rgba(25,39,52,0.04);--modal-shadow:var(--shadow-md);--card-shadow:var(--shadow-sm);--btn-shadow:var(--shadow-xs);--text-muted:var(--gray-600);--text-light:var(--gray-800);--text-color:var(--gray-900);--heading-color:var(--gray-900);--icon-fill:transparent;--icon-fill-bg:var(--fg-color);--icon-stroke:var(--gray-900);--bg-blue:var(--blue-100);--bg-light-blue:var(--blue-50);--bg-dark-blue:var(--blue-300);--bg-green:var(--dark-green-50);--bg-yellow:var(--yellow-50);--bg-orange:var(--orange-50);--bg-red:var(--red-50);--bg-gray:var(--gray-200);--bg-light-gray:var(--gray-100);--bg-purple:var(--purple-100);--bg-pink:var(--pink-50);--bg-cyan:var(--cyan-50);--text-on-light-blue:var(--blue-500);--text-on-dark-blue:var(--blue-700);--text-on-blue:var(--blue-600);--text-on-green:var(--dark-green-500);--text-on-yellow:var(--yellow-500);--text-on-orange:var(--orange-500);--text-on-red:var(--red-500);--text-on-gray:var(--gray-600);--text-on-light-gray:var(--gray-800);--text-on-purple:var(--purple-500);--text-on-pink:var(--pink-500);--text-on-cyan:var(--cyan-600);--alert-text-danger:var(--red-600);--alert-text-warning:var(--yellow-700);--alert-text-info:var(--blue-700);--alert-text-success:var(--green-700);--alert-bg-danger:var(--red-50);--alert-bg-warning:var(--yellow-50);--alert-bg-info:var(--blue-50);--alert-bg-success:var(--green-50);--bg-color:var(--gray-50);--fg-color:#fff;--navbar-bg:#fff;--fg-hover-color:var(--gray-100);--card-bg:var(--fg-color);--disabled-text-color:var(--gray-700);--disabled-control-bg:var(--gray-50);--control-bg:var(--gray-100);--control-bg-on-gray:var(--gray-200);--awesomebar-focus-bg:var(--fg-color);--modal-bg:#fff;--popover-bg:#fff;--awesomplete-hover-bg:var(--control-bg);--sidebar-select-color:var(--gray-200);--scrollbar-thumb-color:var(--gray-400);--scrollbar-track-color:var(--gray-200);--shadow-inset:inset 0px -1px 0px var(--gray-300);--border-color:var(--gray-100);--dark-border-color:var(--gray-300);--table-border-color:var(--gray-200);--highlight-color:var(--gray-50);--yellow-highlight-color:var(--yellow-50);--code-block-bg:var(--gray-900);--code-block-text:var(--gray-400);--border-radius-sm:4px;--border-radius:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-full:999px;--primary-color:#2490ef;--btn-height:28px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:22px;--text-bold:500;--navbar-height:60px;--appreciation-color:var(--dark-green-600);--appreciation-bg:var(--dark-green-100);--criticism-color:var(--red-600);--criticism-bg:var(--red-100);--error-bg:var(--red-50);--page-head-height:75px;--page-bottom-margin:60px;--input-height:calc(1.5em + 0.75rem + 2px);--input-disabled-bg:var(--gray-200);--checkbox-right-margin:var(--margin-xs);--checkbox-size:14px;--checkbox-focus-shadow:0 0 0 2px var(--gray-300);--timeline-item-icon-size:34px;--timeline-item-left-margin:var(--margin-xl);--timeline-item-bottom-margin:var(--margin-sm);--timeline-content-max-width:700px;--timeline-left-padding:calc(var(--padding-xl) + var(--timeline-item-icon-size)/2);--user-mention-bg-color:var(--fg-color);--group-mention-bg-color:var(--bg-purple);--skeleton-bg:var(--gray-100);--right-arrow-svg:url("data: image/svg+xml;utf8, ");--left-arrow-svg:url("data: image/svg+xml;utf8, ")}:root,[data-theme=dark],[data-theme=light]{--gray-50:#f9fafa;--toast-bg:var(--modal-bg);--error-border:var(--red-400)}[data-theme=dark]{--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#c9d0d6;--gray-400:#7a838c;--gray-500:#575e66;--gray-600:#434a52;--gray-700:#242a30;--gray-800:#1c2126;--gray-900:#161a1f;--text-muted:var(--gray-400);--text-light:var(--gray-300);--text-color:var(--gray-50);--heading-color:var(--gray-50);--icon-fill:transparent;--icon-stroke:var(--gray-300);--error-bg:var(--red-70);--bg-color:var(--gray-900);--fg-color:var(--gray-800);--navbar-bg:var(--gray-800);--fg-hover-color:var(--gray-700);--card-bg:var(--gray-800);--disabled-text-color:var(--gray-400);--disabled-control-bg:var(--gray-700);--control-bg:var(--gray-700);--control-bg-on-gray:var(--gray-800);--awesomebar-focus-bg:var(--control-bg);--awesomplete-hover-bg:var(--gray-700);--modal-bg:var(--gray-700);--popover-bg:var(--bg-color);--bg-blue:var(--blue-600);--bg-light-blue:var(--blue-400);--bg-dark-blue:var(--blue-900);--bg-green:var(--dark-green-500);--bg-yellow:var(--yellow-500);--bg-orange:var(--orange-500);--bg-red:var(--red-500);--bg-gray:var(--gray-600);--bg-light-gray:var(--gray-700);--bg-purple:var(--purple-600);--text-on-blue:var(--blue-50);--text-on-light-blue:var(--blue-100);--text-on-dark-blue:var(--blue-300);--text-on-green:var(--dark-green-50);--text-on-yellow:var(--yellow-50);--text-on-orange:var(--orange-100);--text-on-red:var(--red-50);--text-on-gray:var(--gray-300);--text-on-light-gray:var(--gray-100);--text-on-purple:var(--purple-100);--alert-text-danger:var(--red-300);--alert-text-warning:var(--yellow-300);--alert-text-info:var(--blue-300);--alert-text-success:var(--green-300);--alert-bg-danger:var(--red-900);--alert-bg-warning:var(--yellow-900);--alert-bg-info:var(--blue-900);--alert-bg-success:var(--green-900);--sidebar-select-color:var(--gray-800);--scrollbar-thumb-color:var(--gray-600);--scrollbar-track-color:var(--gray-700);--shadow-inset:var(--fg-color);--border-color:var(--gray-700);--dark-border-color:var(--gray-600);--table-border-color:var(--gray-600);--highlight-color:var(--gray-700);--yellow-highlight-color:var(--yellow-700);--input-disabled-bg:none;--checkbox-focus-shadow:0 0 0 2px var(--gray-600);color-scheme:dark;--skeleton-bg:var(--gray-800);--right-arrow-svg:url("data: image/svg+xml;utf8, ");--left-arrow-svg:url("data: image/svg+xml;utf8, ")}[data-theme=dark] .frappe-card .btn-default{background-color:var(--bg-color)}[data-theme=dark] .frappe-card .btn-default:hover{background-color:var(--fg-hover-color)}[data-theme=dark] .form-in-grid,[data-theme=dark] .modal{--control-bg:var(--gray-800);--border-color:var(--gray-600)}[data-theme=dark] .print-format{--text-color:var(--gray-900);--border-color:var(--gray-100)}[data-theme=dark] .ql-editor{color:var(--text-on-gray)}[data-theme=dark] .ql-editor.read-mode p,[data-theme=dark] .ql-editor.read-mode span:not(.mention),[data-theme=dark] .ql-editor.read-mode strong,[data-theme=dark] .ql-editor.read-mode u{background-color:inherit!important;color:inherit!important}[data-theme=dark] .chart-container{--charts-label-color:var(--gray-300);--charts-axis-line-color:var(--gray-500);--charts-stroke-width:5px;--charts-dataset-circle-stroke:#fff;--charts-dataset-circle-stroke-width:var(--charts-stroke-width);--charts-tooltip-title:var(--charts-label-color);--charts-tooltip-label:var(--charts-label-color);--charts-tooltip-value:#fff;--charts-tooltip-bg:var(--gray-900);--charts-legend-label:var(--charts-label-color)}[data-theme=dark] .heatmap-chart g>rect[fill="#ebedf0"]{fill:var(--gray-700)}[data-theme=dark] .rating{--star-fill:var(--gray-500)}[data-theme=dark] .rating .star-hover{--star-fill:var(--gray-400)}[data-theme=dark] ::-moz-selection{color:var(--text-color);background:var(--gray-500)}[data-theme=dark] ::selection{color:var(--text-color);background:var(--gray-500)}body{background-color:var(--bg-light-gray)}.for-email-login,.for-forgot,.for-signup{display:none}.for-email-login,.for-forgot,.for-login,.for-signup{padding:Max(15vh,70px) 0}@media (min-width:576px){.for-email-login .page-card,.for-forgot .page-card,.for-login .page-card,.for-signup .page-card{padding-top:45px;padding-bottom:45px;background-color:#fff;box-shadow:var(--shadow-base)}}.for-email-login .page-card,.for-forgot .page-card,.for-login .page-card,.for-signup .page-card{max-width:400px;margin:0 auto;border-radius:var(--border-radius-md)}.for-email-login .page-card form,.for-forgot .page-card form,.for-login .page-card form,.for-signup .page-card form{max-width:320px;margin:0 auto}.for-email-login .page-card form .form-group,.for-forgot .page-card form .form-group,.for-login .page-card form .form-group,.for-signup .page-card form .form-group{margin-bottom:var(--margin-sm)}.for-email-login .page-card .page-card-actions,.for-forgot .page-card .page-card-actions,.for-login .page-card .page-card-actions,.for-signup .page-card .page-card-actions{margin-top:var(--margin-lg)}.for-email-login .page-card .page-card-body :-ms-input-placeholder,.for-forgot .page-card .page-card-body :-ms-input-placeholder,.for-login .page-card .page-card-body :-ms-input-placeholder,.for-signup .page-card .page-card-body :-ms-input-placeholder{color:var(--text-light);opacity:1}.for-email-login .page-card .page-card-body ::-ms-input-placeholder,.for-email-login .page-card .page-card-body ::placeholder,.for-forgot .page-card .page-card-body ::-ms-input-placeholder,.for-forgot .page-card .page-card-body ::placeholder,.for-login .page-card .page-card-body ::-ms-input-placeholder,.for-login .page-card .page-card-body ::placeholder,.for-signup .page-card .page-card-body ::-ms-input-placeholder,.for-signup .page-card .page-card-body ::placeholder{color:var(--text-light);opacity:1}.for-email-login .page-card .page-card-body input[type=email],.for-email-login .page-card .page-card-body input[type=password],.for-email-login .page-card .page-card-body input[type=text],.for-forgot .page-card .page-card-body input[type=email],.for-forgot .page-card .page-card-body input[type=password],.for-forgot .page-card .page-card-body input[type=text],.for-login .page-card .page-card-body input[type=email],.for-login .page-card .page-card-body input[type=password],.for-login .page-card .page-card-body input[type=text],.for-signup .page-card .page-card-body input[type=email],.for-signup .page-card .page-card-body input[type=password],.for-signup .page-card .page-card-body input[type=text]{border:none;color:var(--text-color);font-size:var(--text-base);background-color:var(--control-bg);margin-bottom:1rem}.for-email-login .page-card .page-card-body.invalid input[type=email],.for-email-login .page-card .page-card-body.invalid input[type=password],.for-email-login .page-card .page-card-body.invalid input[type=text],.for-forgot .page-card .page-card-body.invalid input[type=email],.for-forgot .page-card .page-card-body.invalid input[type=password],.for-forgot .page-card .page-card-body.invalid input[type=text],.for-login .page-card .page-card-body.invalid input[type=email],.for-login .page-card .page-card-body.invalid input[type=password],.for-login .page-card .page-card-body.invalid input[type=text],.for-signup .page-card .page-card-body.invalid input[type=email],.for-signup .page-card .page-card-body.invalid input[type=password],.for-signup .page-card .page-card-body.invalid input[type=text]{border:1px solid var(--red-500)}.for-email-login .page-card .page-card-body .form-label,.for-forgot .page-card .page-card-body .form-label,.for-login .page-card .page-card-body .form-label,.for-signup .page-card .page-card-body .form-label{font-size:var(--text-base)}.for-email-login .page-card .page-card-body .forgot-password-message,.for-forgot .page-card .page-card-body .forgot-password-message,.for-login .page-card .page-card-body .forgot-password-message,.for-signup .page-card .page-card-body .forgot-password-message{text-align:right;line-height:1}.for-email-login .page-card .page-card-body .forgot-password-message>*,.for-forgot .page-card .page-card-body .forgot-password-message>*,.for-login .page-card .page-card-body .forgot-password-message>*,.for-signup .page-card .page-card-body .forgot-password-message>*{color:var(--text-light);font-size:var(--text-sm)}.for-email-login .page-card .page-card-body .field-icon,.for-forgot .page-card .page-card-body .field-icon,.for-login .page-card .page-card-body .field-icon,.for-signup .page-card .page-card-body .field-icon{left:9px;top:8px;position:absolute;z-index:2}.for-email-login .page-card .page-card-body .email-field,.for-email-login .page-card .page-card-body .password-field,.for-forgot .page-card .page-card-body .email-field,.for-forgot .page-card .page-card-body .password-field,.for-login .page-card .page-card-body .email-field,.for-login .page-card .page-card-body .password-field,.for-signup .page-card .page-card-body .email-field,.for-signup .page-card .page-card-body .password-field{position:relative}.for-email-login .page-card .page-card-body .email-field input,.for-email-login .page-card .page-card-body .password-field input,.for-forgot .page-card .page-card-body .email-field input,.for-forgot .page-card .page-card-body .password-field input,.for-login .page-card .page-card-body .email-field input,.for-login .page-card .page-card-body .password-field input,.for-signup .page-card .page-card-body .email-field input,.for-signup .page-card .page-card-body .password-field input{padding-left:35px}.for-email-login .page-card .page-card-body .email-field .toggle-password,.for-email-login .page-card .page-card-body .password-field .toggle-password,.for-forgot .page-card .page-card-body .email-field .toggle-password,.for-forgot .page-card .page-card-body .password-field .toggle-password,.for-login .page-card .page-card-body .email-field .toggle-password,.for-login .page-card .page-card-body .password-field .toggle-password,.for-signup .page-card .page-card-body .email-field .toggle-password,.for-signup .page-card .page-card-body .password-field .toggle-password{right:9px;top:9px;position:absolute;z-index:2;cursor:pointer;font-size:12px}.for-email-login .page-card .page-card-body .btn-login-option,.for-forgot .page-card .page-card-body .btn-login-option,.for-login .page-card .page-card-body .btn-login-option,.for-signup .page-card .page-card-body .btn-login-option{font-size:var(--text-md);font-weight:500;color:var(--text-gray-700);background:var(--gray-100);box-shadow:none;border:none;display:flex;place-content:center}.for-email-login .page-card .page-card-body .btn-login-option.btn-salesforce i,.for-forgot .page-card .page-card-body .btn-login-option.btn-salesforce i,.for-login .page-card .page-card-body .btn-login-option.btn-salesforce i,.for-signup .page-card .page-card-body .btn-login-option.btn-salesforce i{color:var(--blue-400)}.for-email-login .page-card .page-card-body .btn-login-option img,.for-forgot .page-card .page-card-body .btn-login-option img,.for-login .page-card .page-card-body .btn-login-option img,.for-signup .page-card .page-card-body .btn-login-option img{margin-right:var(--padding-xs)}.for-email-login .page-card .page-card-body .btn-login-option:hover,.for-forgot .page-card .page-card-body .btn-login-option:hover,.for-login .page-card .page-card-body .btn-login-option:hover,.for-signup .page-card .page-card-body .btn-login-option:hover{border:none;background:var(--gray-300)}.for-email-login .page-card .page-card-body .social-logins,.for-forgot .page-card .page-card-body .social-logins,.for-login .page-card .page-card-body .social-logins,.for-signup .page-card .page-card-body .social-logins{margin:var(--margin-md) 0;font-size:var(--text-md)}.for-email-login .page-card .page-card-body .social-logins .social-login-buttons,.for-forgot .page-card .page-card-body .social-logins .social-login-buttons,.for-login .page-card .page-card-body .social-logins .social-login-buttons,.for-signup .page-card .page-card-body .social-logins .social-login-buttons{margin-top:var(--margin-md)}.for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,.for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,.for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,.for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper{min-width:50%;padding:0 4px;margin-bottom:var(--margin-sm)}@media (min-width:768px){.for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,.for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,.for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,.for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper{min-width:33.33%}}.for-email-login .page-card .page-card-body .login-divider,.for-forgot .page-card .page-card-body .login-divider,.for-login .page-card .page-card-body .login-divider,.for-signup .page-card .page-card-body .login-divider{margin:var(--margin-md) 0}.for-email-login .page-card-head,.for-forgot .page-card-head,.for-login .page-card-head,.for-signup .page-card-head{text-align:center;font-size:var(--text-xl);font-weight:600;margin:0 auto 2.5rem}.for-email-login .page-card-head img,.for-forgot .page-card-head img,.for-login .page-card-head img,.for-signup .page-card-head img{max-height:42px;margin-bottom:var(--margin-lg,30px)}.for-email-login .page-card-head h4,.for-forgot .page-card-head h4,.for-login .page-card-head h4,.for-signup .page-card-head h4{font-size:var(--text-xl);color:var(--text-color)}.for-email-login .sign-up-message,.for-forgot .sign-up-message,.for-login .sign-up-message,.for-signup .sign-up-message{margin-top:2rem;color:var(--text-light);font-size:var(--text-md)}.for-email-login .sign-up-message a,.for-forgot .sign-up-message a,.for-login .sign-up-message a,.for-signup .sign-up-message a{font-size:var(--text-md);color:var(--primary)}.for-email-login .invalid-login,.for-forgot .invalid-login,.for-login .invalid-login,.for-signup .invalid-login{-webkit-animation:wiggle .5s linear}@-webkit-keyframes wiggle{8%,41%{-webkit-transform:translateX(-10px)}25%,58%{-webkit-transform:translateX(10px)}75%{-webkit-transform:translateX(-5px)}92%{-webkit-transform:translateX(5px)}0%,to{-webkit-transform:translateX(0)}}