.css-5osawo-JoyChip-root { --Chip-decoratorChildOffset: min(calc(var(--Chip-paddingInline) - (var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2), var(--Chip-paddingInline)); --Chip-decoratorChildRadius: max(var(--_Chip-radius) - var(--variant-borderWidth, 0px) - var(--_Chip-paddingBlock), min(var(--_Chip-paddingBlock) + var(--variant-borderWidth, 0px), var(--_Chip-radius) / 2)); --Chip-deleteRadius: var(--Chip-decoratorChildRadius); --Chip-deleteSize: var(--Chip-decoratorChildHeight); --Avatar-radius: var(--Chip-decoratorChildRadius); --Avatar-size: var(--Chip-decoratorChildHeight); --Icon-margin: initial; --Icon-color: currentColor; --unstable_actionRadius: var(--_Chip-radius); --Chip-paddingInline: 0.375rem; --Chip-decoratorChildHeight: calc(var(--_Chip-minHeight) - 2 * var(--variant-borderWidth)); --Icon-fontSize: var(--joy-fontSize-sm, 0.875rem); --_Chip-minHeight: var(--Chip-minHeight, 1.25rem); gap: 3px; --_Chip-radius: var(--Chip-radius, 1.5rem); --_Chip-paddingBlock: max((var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2, 0px); min-height: var(--_Chip-minHeight); max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; padding-inline: var(--Chip-paddingInline); border-radius: var(--_Chip-radius); position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; white-space: nowrap; -webkit-text-decoration: none; text-decoration: none; vertical-align: middle; box-sizing: border-box; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-md, 500); font-size: var(--joy-fontSize-xs, 0.75rem); line-height: var(--joy-lineHeight-md, 1.5); color: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); background-color: var(--variant-solidBg, var(--joy-palette-success-solidBg, var(--joy-palette-success-500, #1F7A1F))); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-success-solidColor, var(--joy-palette-common-white, #FFF))); } .css-5osawo-JoyChip-root.Mui-disabled { color: var(--variant-solidDisabledColor, var(--joy-palette-success-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); } .css-5osawo-JoyChip-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-success-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-success-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-14g1v9j-JoyChip-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; -webkit-order: 1; -ms-flex-order: 1; order: 1; min-inline-size: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .css-kf85qm-JoyInput-root { --Input-radius: var(--joy-radius-sm, 6px); --Input-gap: 0.5rem; --Input-placeholderColor: inherit; --Input-placeholderOpacity: 0.64; --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); --Input-focused: 0; --Input-focusedThickness: var(--joy-focus-thickness, 2px); --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); --Input-minHeight: 2.25rem; --Input-paddingInline: 0.75rem; --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); --Button-minHeight: var(--Input-decoratorChildHeight); --Button-paddingBlock: 0px; --IconButton-size: var(--Input-decoratorChildHeight); --Button-radius: var(--Input-decoratorChildRadius); --IconButton-radius: var(--Input-decoratorChildRadius); box-sizing: border-box; box-shadow: var(--joy-shadowRing, 0 0 #000), 0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); min-width: 0; min-height: var(--Input-minHeight); cursor: text; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-inline: var(--Input-paddingInline); border-radius: var(--Input-radius); font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-size: var(--joy-fontSize-md, 1rem); line-height: var(--joy-lineHeight-md, 1.5); color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); --variant-borderWidth: 1px; border: var(--variant-borderWidth) solid; border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); } .css-kf85qm-JoyInput-root:not([data-skip-inverted-colors]) { --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); } .css-kf85qm-JoyInput-root::before { box-sizing: border-box; content: ""; display: block; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: inherit; margin: calc(var(--variant-borderWidth, 0px) * -1); box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); } .css-kf85qm-JoyInput-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); } .css-kf85qm-JoyInput-root:focus-within::before { --Input-focused: 1; } .css-1gw9vc6-JoyInput-input { border: none; min-width: 0; outline: 0; padding: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: inherit; background-color: transparent; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; text-overflow: ellipsis; } .css-1gw9vc6-JoyInput-input:-webkit-autofill { padding-inline: var(--Input-paddingInline); -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); margin-inline-start: calc(-1 * var(--Input-paddingInline)); -webkit-padding-start: var(--Input-paddingInline); padding-inline-start: var(--Input-paddingInline); border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); margin-inline-end: calc(-1 * var(--Input-paddingInline)); -webkit-padding-end: var(--Input-paddingInline); padding-inline-end: var(--Input-paddingInline); border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); } .css-1gw9vc6-JoyInput-input::-webkit-input-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1gw9vc6-JoyInput-input::-moz-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1gw9vc6-JoyInput-input:-ms-input-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1gw9vc6-JoyInput-input::-ms-input-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-kf85qm-JoyInput-root { --Input-radius: var(--joy-radius-sm, 6px); --Input-gap: 0.5rem; --Input-placeholderColor: inherit; --Input-placeholderOpacity: 0.64; --Input-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); --Input-focused: 0; --Input-focusedThickness: var(--joy-focus-thickness, 2px); --Input-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB); --Input-minHeight: 2.25rem; --Input-paddingInline: 0.75rem; --Input-decoratorChildHeight: min(1.75rem, var(--Input-minHeight)); --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem); --Input-decoratorChildOffset: min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline)); --_Input-paddingBlock: max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px); --Input-decoratorChildRadius: max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2)); --Button-minHeight: var(--Input-decoratorChildHeight); --Button-paddingBlock: 0px; --IconButton-size: var(--Input-decoratorChildHeight); --Button-radius: var(--Input-decoratorChildRadius); --IconButton-radius: var(--Input-decoratorChildRadius); box-sizing: border-box; box-shadow: var(--joy-shadowRing, 0 0 #000), 0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08)); min-width: 0; min-height: var(--Input-minHeight); cursor: text; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-inline: var(--Input-paddingInline); border-radius: var(--Input-radius); font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-size: var(--joy-fontSize-md, 1rem); line-height: var(--joy-lineHeight-md, 1.5); color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); --variant-borderWidth: 1px; border: var(--variant-borderWidth) solid; border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); background-color: var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE)); } .css-kf85qm-JoyInput-root:not([data-skip-inverted-colors]) { --Input-focusedHighlight: var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB))); } .css-kf85qm-JoyInput-root::before { box-sizing: border-box; content: ""; display: block; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-radius: inherit; margin: calc(var(--variant-borderWidth, 0px) * -1); box-shadow: var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight); } .css-kf85qm-JoyInput-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); } .css-kf85qm-JoyInput-root:focus-within::before { --Input-focused: 1; } .css-1gw9vc6-JoyInput-input { border: none; min-width: 0; outline: 0; padding: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: inherit; background-color: transparent; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; text-overflow: ellipsis; } .css-1gw9vc6-JoyInput-input:-webkit-autofill { padding-inline: var(--Input-paddingInline); -webkit-margin-start: calc(-1 * var(--Input-paddingInline)); margin-inline-start: calc(-1 * var(--Input-paddingInline)); -webkit-padding-start: var(--Input-paddingInline); padding-inline-start: var(--Input-paddingInline); border-top-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); border-bottom-left-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); -webkit-margin-end: calc(-1 * var(--Input-paddingInline)); margin-inline-end: calc(-1 * var(--Input-paddingInline)); -webkit-padding-end: var(--Input-paddingInline); padding-inline-end: var(--Input-paddingInline); border-top-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); border-bottom-right-radius: calc(var(--Input-radius) - var(--variant-borderWidth, 0px)); } .css-1gw9vc6-JoyInput-input::-webkit-input-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1gw9vc6-JoyInput-input::-moz-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1gw9vc6-JoyInput-input:-ms-input-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1gw9vc6-JoyInput-input::-ms-input-placeholder { color: var(--Input-placeholderColor); opacity: var(--Input-placeholderOpacity); } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-s62xdh-JoyButton-root { --Icon-margin: initial; --Icon-color: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74)); --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 1px; color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E))); border: var(--variant-borderWidth) solid; border-color: var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1))); } .css-s62xdh-JoyButton-root.Mui-focusVisible, .css-s62xdh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-s62xdh-JoyButton-root:hover { background-color: var(--variant-outlinedHoverBg, var(--joy-palette-neutral-outlinedHoverBg, var(--joy-palette-neutral-100, #F0F4F8))); } } .css-s62xdh-JoyButton-root:active, .css-s62xdh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-outlinedActiveBg, var(--joy-palette-neutral-outlinedActiveBg, var(--joy-palette-neutral-200, #DDE7EE))); } .css-s62xdh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); border-color: var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE))); } .css-s62xdh-JoyButton-root.MuiButton-loading { color: transparent; } .css-5osawo-JoyChip-root { --Chip-decoratorChildOffset: min(calc(var(--Chip-paddingInline) - (var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2), var(--Chip-paddingInline)); --Chip-decoratorChildRadius: max(var(--_Chip-radius) - var(--variant-borderWidth, 0px) - var(--_Chip-paddingBlock), min(var(--_Chip-paddingBlock) + var(--variant-borderWidth, 0px), var(--_Chip-radius) / 2)); --Chip-deleteRadius: var(--Chip-decoratorChildRadius); --Chip-deleteSize: var(--Chip-decoratorChildHeight); --Avatar-radius: var(--Chip-decoratorChildRadius); --Avatar-size: var(--Chip-decoratorChildHeight); --Icon-margin: initial; --Icon-color: currentColor; --unstable_actionRadius: var(--_Chip-radius); --Chip-paddingInline: 0.375rem; --Chip-decoratorChildHeight: calc(var(--_Chip-minHeight) - 2 * var(--variant-borderWidth)); --Icon-fontSize: var(--joy-fontSize-sm, 0.875rem); --_Chip-minHeight: var(--Chip-minHeight, 1.25rem); gap: 3px; --_Chip-radius: var(--Chip-radius, 1.5rem); --_Chip-paddingBlock: max((var(--_Chip-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Chip-decoratorChildHeight)) / 2, 0px); min-height: var(--_Chip-minHeight); max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; padding-inline: var(--Chip-paddingInline); border-radius: var(--_Chip-radius); position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; white-space: nowrap; -webkit-text-decoration: none; text-decoration: none; vertical-align: middle; box-sizing: border-box; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-md, 500); font-size: var(--joy-fontSize-xs, 0.75rem); line-height: var(--joy-lineHeight-md, 1.5); color: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68)); background-color: var(--variant-solidBg, var(--joy-palette-success-solidBg, var(--joy-palette-success-500, #1F7A1F))); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-success-solidColor, var(--joy-palette-common-white, #FFF))); } .css-5osawo-JoyChip-root.Mui-disabled { color: var(--variant-solidDisabledColor, var(--joy-palette-success-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); } .css-5osawo-JoyChip-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-success-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-success-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-14g1v9j-JoyChip-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; -webkit-order: 1; -ms-flex-order: 1; order: 1; min-inline-size: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .css-2admz8-JoyGrid-root { --Grid-columns: 12; --Grid-columnSpacing: 12px; --Grid-rowSpacing: 12px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; min-width: 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2); } @media (min-width:1200px) { .css-2admz8-JoyGrid-root { --Grid-columnSpacing: 24px; } } @media (min-width:1200px) { .css-2admz8-JoyGrid-root { --Grid-rowSpacing: 24px; } } .css-1n39eq4-JoyGrid-root { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc(100% * 12 / var(--Grid-columns)); min-width: 0; box-sizing: border-box; padding: calc(var(--Grid-rowSpacing) / 2) calc(var(--Grid-columnSpacing) / 2); } @media (min-width:1200px) { .css-1n39eq4-JoyGrid-root { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc(100% * 12 / var(--Grid-columns)); } } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1ltqe7v-JoyButton-endDecorator { --Icon-margin: 0 calc(var(--Button-gap) / -2) 0 0; --CircularProgress-margin: 0 calc(var(--Button-gap) / -2) 0 0; display: inherit; margin-left: var(--Button-gap); } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1ltqe7v-JoyButton-endDecorator { --Icon-margin: 0 calc(var(--Button-gap) / -2) 0 0; --CircularProgress-margin: 0 calc(var(--Button-gap) / -2) 0 0; display: inherit; margin-left: var(--Button-gap); } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1ltqe7v-JoyButton-endDecorator { --Icon-margin: 0 calc(var(--Button-gap) / -2) 0 0; --CircularProgress-margin: 0 calc(var(--Button-gap) / -2) 0 0; display: inherit; margin-left: var(--Button-gap); } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1ltqe7v-JoyButton-endDecorator { --Icon-margin: 0 calc(var(--Button-gap) / -2) 0 0; --CircularProgress-margin: 0 calc(var(--Button-gap) / -2) 0 0; display: inherit; margin-left: var(--Button-gap); } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } .css-1sp0hsh-JoyButton-root { --Icon-margin: initial; --Icon-color: currentColor; --Icon-fontSize: var(--joy-fontSize-xl, 1.25rem); --CircularProgress-size: 20px; --CircularProgress-thickness: 2px; --Button-gap: 0.5rem; min-height: var(--Button-minHeight, 2.25rem); font-size: var(--joy-fontSize-sm, 0.875rem); padding-block: var(--Button-paddingBlock, 0.375rem); padding-inline: 1rem; -webkit-tap-highlight-color: transparent; box-sizing: border-box; border-radius: var(--Button-radius, var(--joy-radius-sm, 6px)); margin: var(--Button-margin); border: none; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; font-family: var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")); font-weight: var(--joy-fontWeight-lg, 600); line-height: var(--joy-lineHeight-md, 1.5); --variant-borderWidth: 0px; color: var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF))); background-color: var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB))); } .css-1sp0hsh-JoyButton-root.Mui-focusVisible, .css-1sp0hsh-JoyButton-root:focus-visible { outline-offset: var(--focus-outline-offset, var(--joy-focus-thickness, 2px)); outline: var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB); } @media (hover: hover) { .css-1sp0hsh-JoyButton-root:hover { background-color: var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5))); } } .css-1sp0hsh-JoyButton-root:active, .css-1sp0hsh-JoyButton-root[aria-pressed="true"] { background-color: var(--variant-solidActiveBg, var(--joy-palette-primary-solidActiveBg, var(--joy-palette-primary-700, #12467B))); } .css-1sp0hsh-JoyButton-root.Mui-disabled { pointer-events: none; cursor: default; --Icon-color: currentColor; color: var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD))); background-color: var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8))); } .css-1sp0hsh-JoyButton-root.MuiButton-loading { color: transparent; } /* PDP login box (from B2Sign product page) */ .css-1jf2wst-JoyFormControl-root{--unstable_RadioGroup-margin:0.5rem 0;--FormLabel-alignSelf:flex-start;--FormLabel-asteriskColor:var(--joy-palette-danger-500, #C41C1C);--FormLabel-fontSize:var(--joy-fontSize-sm, 0.875rem);--FormLabel-lineHeight:var(--joy-lineHeight-sm, 1.42858);--FormLabel-margin:0 0 0.375rem 0;--FormHelperText-fontSize:var(--joy-fontSize-sm, 0.875rem);--FormHelperText-lineHeight:var(--joy-lineHeight-sm, 1.42858);--FormHelperText-margin:0.375rem 0 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .css-1jf2wst-JoyFormControl-root.Mui-error{--FormHelperText-color:var(--joy-palette-danger-500, #C41C1C);} .css-1jf2wst-JoyFormControl-root.Mui-disabled{--FormLabel-color:var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD)));--FormHelperText-color:var(--variant-plainDisabledColor, var(--joy-palette-neutral-plainDisabledColor, var(--joy-palette-neutral-400, #9FA6AD)));} .css-21tvjl-JoyInput-root{--Input-radius:var(--joy-radius-sm, 6px);--Input-gap:0.75rem;--Input-placeholderColor:inherit;--Input-placeholderOpacity:0.64;--Input-decoratorColor:var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74));--Input-focused:0;--Input-focusedThickness:var(--joy-focus-thickness, 2px);--Input-focusedHighlight:var(--joy-palette-primary-500, #0B6BCB);--Input-minHeight:2.75rem;--Input-paddingInline:1rem;--Input-decoratorChildHeight:min(2.25rem, var(--Input-minHeight));--Icon-fontSize:var(--joy-fontSize-xl2, 1.5rem);--Input-decoratorChildOffset:min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline));--_Input-paddingBlock:max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px);--Input-decoratorChildRadius:max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2));--Button-minHeight:var(--Input-decoratorChildHeight);--Button-paddingBlock:0px;--IconButton-size:var(--Input-decoratorChildHeight);--Button-radius:var(--Input-decoratorChildRadius);--IconButton-radius:var(--Input-decoratorChildRadius);box-sizing:border-box;box-shadow:var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08));min-width:0;min-height:var(--Input-minHeight);cursor:text;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-inline:var(--Input-paddingInline);border-radius:var(--Input-radius);font-family:var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));font-size:var(--joy-fontSize-lg, 1.125rem);line-height:var(--joy-lineHeight-md, 1.5);color:var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E)));--variant-borderWidth:1px;border:var(--variant-borderWidth) solid;border-color:var(--variant-outlinedBorder, var(--joy-palette-neutral-outlinedBorder, var(--joy-palette-neutral-300, #CDD7E1)));background-color:var(--joy-palette-background-surface, var(--joy-palette-neutral-50, #FBFCFE));} .css-21tvjl-JoyInput-root:not([data-skip-inverted-colors]){--Input-focusedHighlight:var(--_Input-focusedHighlight, var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB)));} .css-21tvjl-JoyInput-root.Mui-disabled{pointer-events:none;cursor:default;--Icon-color:currentColor;color:var(--variant-outlinedDisabledColor, var(--joy-palette-neutral-outlinedDisabledColor, var(--joy-palette-neutral-400, #9FA6AD)));border-color:var(--variant-outlinedDisabledBorder, var(--joy-palette-neutral-outlinedDisabledBorder, var(--joy-palette-neutral-200, #DDE7EE)));} .css-1gw9vc6-JoyInput-input{border:none;min-width:0;outline:0;padding:0;-webkit-flex:1;-ms-flex:1;flex:1;color:inherit;background-color:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-overflow:ellipsis;} .css-1gw9vc6-JoyInput-input:-webkit-autofill{padding-inline:var(--Input-paddingInline);-webkit-margin-start:calc(-1 * var(--Input-paddingInline));margin-inline-start:calc(-1 * var(--Input-paddingInline));-webkit-padding-start:var(--Input-paddingInline);padding-inline-start:var(--Input-paddingInline);border-top-left-radius:calc(var(--Input-radius) - var(--variant-borderWidth, 0px));border-bottom-left-radius:calc(var(--Input-radius) - var(--variant-borderWidth, 0px));-webkit-margin-end:calc(-1 * var(--Input-paddingInline));margin-inline-end:calc(-1 * var(--Input-paddingInline));-webkit-padding-end:var(--Input-paddingInline);padding-inline-end:var(--Input-paddingInline);border-top-right-radius:calc(var(--Input-radius) - var(--variant-borderWidth, 0px));border-bottom-right-radius:calc(var(--Input-radius) - var(--variant-borderWidth, 0px));} .css-ip4zgx-JoyButton-root{--Icon-margin:initial;--Icon-color:currentColor;--Icon-fontSize:var(--joy-fontSize-xl2, 1.5rem);--CircularProgress-size:28px;--CircularProgress-thickness:4px;--Button-gap:0.75rem;min-height:var(--Button-minHeight, 2.75rem);font-size:var(--joy-fontSize-md, 1rem);padding-block:var(--Button-paddingBlock, 0.5rem);padding-inline:1.5rem;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-radius:var(--Button-radius, var(--joy-radius-sm, 6px));margin:var(--Button-margin);border:none;background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-text-decoration:none;text-decoration:none;font-family:var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));font-weight:var(--joy-fontWeight-lg, 600);line-height:var(--joy-lineHeight-md, 1.5);width:100%;--variant-borderWidth:0px;color:var(--variant-solidColor, var(--joy-palette-primary-solidColor, var(--joy-palette-common-white, #FFF)));background-color:var(--variant-solidBg, var(--joy-palette-primary-solidBg, var(--joy-palette-primary-500, #0B6BCB)));} .css-ip4zgx-JoyButton-root.Mui-focusVisible,.css-ip4zgx-JoyButton-root:focus-visible{outline-offset:var(--focus-outline-offset, var(--joy-focus-thickness, 2px));outline:var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB);} .css-ip4zgx-JoyButton-root:hover{background-color:var(--variant-solidHoverBg, var(--joy-palette-primary-solidHoverBg, var(--joy-palette-primary-600, #185EA5)));} .css-ip4zgx-JoyButton-root.Mui-disabled{pointer-events:none;cursor:default;--Icon-color:currentColor;color:var(--variant-solidDisabledColor, var(--joy-palette-primary-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD)));background-color:var(--variant-solidDisabledBg, var(--joy-palette-primary-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8)));} .css-ip4zgx-JoyButton-root.MuiButton-loading{color:transparent;} .css-1jg0hol-JoyButton-root{--Icon-margin:initial;--Icon-color:currentColor;--Icon-fontSize:var(--joy-fontSize-xl2, 1.5rem);--CircularProgress-size:28px;--CircularProgress-thickness:4px;--Button-gap:0.75rem;min-height:var(--Button-minHeight, 2.75rem);font-size:var(--joy-fontSize-md, 1rem);padding-block:var(--Button-paddingBlock, 0.5rem);padding-inline:1.5rem;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-radius:var(--Button-radius, var(--joy-radius-sm, 6px));margin:var(--Button-margin);border:none;background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-text-decoration:none;text-decoration:none;font-family:var(--joy-fontFamily-body, "Inter", var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));font-weight:var(--joy-fontWeight-lg, 600);line-height:var(--joy-lineHeight-md, 1.5);width:100%;--variant-borderWidth:0px;color:var(--variant-solidColor, var(--joy-palette-neutral-solidColor, var(--joy-palette-common-white, #FFF)));background-color:var(--variant-solidBg, var(--joy-palette-neutral-solidBg, var(--joy-palette-neutral-500, #636B74)));} .css-1jg0hol-JoyButton-root.Mui-focusVisible,.css-1jg0hol-JoyButton-root:focus-visible{outline-offset:var(--focus-outline-offset, var(--joy-focus-thickness, 2px));outline:var(--joy-focus-thickness, 2px) solid var(--joy-palette-focusVisible, #0B6BCB);} .css-1jg0hol-JoyButton-root:hover{background-color:var(--variant-solidHoverBg, var(--joy-palette-neutral-solidHoverBg, var(--joy-palette-neutral-600, #555E68)));} .css-1jg0hol-JoyButton-root.Mui-disabled{pointer-events:none;cursor:default;--Icon-color:currentColor;color:var(--variant-solidDisabledColor, var(--joy-palette-neutral-solidDisabledColor, var(--joy-palette-neutral-400, #9FA6AD)));background-color:var(--variant-solidDisabledBg, var(--joy-palette-neutral-solidDisabledBg, var(--joy-palette-neutral-100, #F0F4F8)));} .css-1jg0hol-JoyButton-root.MuiButton-loading{color:transparent;}