/**
 * Write all your CSS imports here
 *
 * @layer is used here to control the cascade of CSS and to also give the user of the widget
 * more control over how this CSS behaves in their own app.
 *
 * Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
 *
 * Choose your type of "base CSS":
 * 1. `custom.base.css` – (safer) use this if you don't want globally affecting CSS resets
 * 2. `tailwind.base.css` – use this if you want Tailwind's default globally affecting CSS reset
 */
@layer fr-widget.base {

/**
  * Originally copied from `@tailwind base` with the addition of the `:where` selector
  * to namespace the CSS reset *without* increasing specificity!
  */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
:where(.fr_widget-root) *,
:where(.fr_widget-root) ::before,
:where(.fr_widget-root) ::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
:where(.fr_widget-root) ::before,
:where(.fr_widget-root) ::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
:where(.fr_widget-root) {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  tab-size: 4; /* 3 */
  font-family:
    'Open Sans',
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    'Noto Sans',
    sans-serif,
    'Apple Color Emoji',
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji; /* 4 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
:where(.fr_widget-root) hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
:where(.fr_widget-root) abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
:where(.fr_widget-root) h1,
:where(.fr_widget-root) h2,
:where(.fr_widget-root) h3,
:where(.fr_widget-root) h4,
:where(.fr_widget-root) h5,
:where(.fr_widget-root) h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Base link color when inside of localized content.
*/
:where(.fr_widget-root) a {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
:where(.tw_dark) :where(.fr_widget-root) a,
:where(.tw_dark) :where(.fr_widget-root) a {
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
/*
Add the correct font weight in Edge and Safari.
*/
:where(.fr_widget-root) b,
:where(.fr_widget-root) strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
:where(.fr_widget-root) code,
:where(.fr_widget-root) kbd,
:where(.fr_widget-root) samp,
:where(.fr_widget-root) pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
:where(.fr_widget-root) small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
:where(.fr_widget-root) sub,
:where(.fr_widget-root) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where(.fr_widget-root) sub {
  bottom: -0.25em;
}
:where(.fr_widget-root) sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
:where(.fr_widget-root) table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
:where(.fr_widget-root) button,
:where(.fr_widget-root) input,
:where(.fr_widget-root) optgroup,
:where(.fr_widget-root) select,
:where(.fr_widget-root) textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
:where(.fr_widget-root) button,
:where(.fr_widget-root) select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
:where(.fr_widget-root) button,
:where(.fr_widget-root) [type='button'],
:where(.fr_widget-root) [type='reset'],
:where(.fr_widget-root) [type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:where(.fr_widget-root) :-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:where(.fr_widget-root) :-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
:where(.fr_widget-root) progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
:where(.fr_widget-root) ::-webkit-inner-spin-button,
:where(.fr_widget-root) ::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
:where(.fr_widget-root) [type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
:where(.fr_widget-root) ::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
:where(.fr_widget-root) ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
:where(.fr_widget-root) summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
:where(.fr_widget-root) blockquote,
:where(.fr_widget-root) dl,
:where(.fr_widget-root) dd,
:where(.fr_widget-root) h1,
:where(.fr_widget-root) h2,
:where(.fr_widget-root) h3,
:where(.fr_widget-root) h4,
:where(.fr_widget-root) h5,
:where(.fr_widget-root) h6,
:where(.fr_widget-root) hr,
:where(.fr_widget-root) figure,
:where(.fr_widget-root) p,
:where(.fr_widget-root) pre {
  margin: 0;
}
:where(.fr_widget-root) fieldset {
  margin: 0;
  padding: 0;
}
:where(.fr_widget-root) legend {
  padding: 0;
}
:where(.fr_widget-root) ol,
:where(.fr_widget-root) ul,
:where(.fr_widget-root) menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
:where(.fr_widget-root) textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
:where(.fr_widget-root) input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
:where(.fr_widget-root) input::-moz-placeholder, :where(.fr_widget-root) textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
:where(.fr_widget-root) input::placeholder,
:where(.fr_widget-root) textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
:where(.fr_widget-root) button,
:where(.fr_widget-root) [role='button'] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:where(.fr_widget-root) :disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  This can trigger a poorly considered lint error in some tools but is included by design.
*/
:where(.fr_widget-root) img,
:where(.fr_widget-root) svg,
:where(.fr_widget-root) video,
:where(.fr_widget-root) canvas,
:where(.fr_widget-root) audio,
:where(.fr_widget-root) iframe,
:where(.fr_widget-root) embed,
:where(.fr_widget-root) object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
:where(.fr_widget-root) img,
:where(.fr_widget-root) video {
  max-width: 100%;
  height: auto;
}
/*
Ensure the default browser behavior of the `hidden` attribute.
*/
:where(.fr_widget-root) [hidden] {
  display: none;
}
:where(.fr_widget-root) *,
:where(.fr_widget-root) ::before,
:where(.fr_widget-root) ::after {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
}/* @import './tailwind.base.css' layer(fr-widget.base); */
@layer fr-widget.utilities {
.tw_sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.tw_fixed {
position: fixed;
}
.tw_absolute {
position: absolute;
}
.tw_relative {
position: relative;
}
.tw_left-0 {
left: 0px;
}
.tw_right-1 {
right: 0.25rem;
}
.tw_top-0 {
top: 0px;
}
.tw_top-1 {
top: 0.25rem;
}
.tw_col-start-2 {
grid-column-start: 2;
}
.tw_row-start-2 {
grid-row-start: 2;
}
.tw_m-auto {
margin: auto;
}
.tw_my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.tw_my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.tw_-mt-5 {
margin-top: -1.25rem;
}
.tw_mb-2 {
margin-bottom: 0.5rem;
}
.tw_mb-4 {
margin-bottom: 1rem;
}
.tw_mb-6 {
margin-bottom: 1.5rem;
}
.tw_mb-8 {
margin-bottom: 2rem;
}
.tw_ml-1 {
margin-left: 0.25rem;
}
.tw_ml-10 {
margin-left: 2.5rem;
}
.tw_mr-2 {
margin-right: 0.5rem;
}
.tw_mt-6 {
margin-top: 1.5rem;
}
.tw_block {
display: block;
}
.tw_inline-block {
display: inline-block;
}
.tw_flex {
display: flex;
}
.tw_grid {
display: grid;
}
.tw_hidden {
display: none;
}
.tw_h-24 {
height: 6rem;
}
.tw_h-28 {
height: 7rem;
}
.tw_h-32 {
height: 8rem;
}
.tw_h-4 {
height: 1rem;
}
.tw_h-8 {
height: 2rem;
}
.tw_h-full {
height: 100%;
}
.tw_min-h-full {
min-height: 100%;
}
.tw_w-24 {
width: 6rem;
}
.tw_w-28 {
width: 7rem;
}
.tw_w-4 {
width: 1rem;
}
.tw_w-8 {
width: 2rem;
}
.tw_w-auto {
width: auto;
}
.tw_w-full {
width: 100%;
}
.tw_flex-1 {
flex: 1 1 0%;
}
.tw_border-collapse {
border-collapse: collapse;
}
@keyframes tw_spin {
to {
transform: rotate(360deg);
}
}
.tw_animate-spin {
animation: tw_spin 1s linear infinite;
}
.tw_list-inside {
list-style-position: inside;
}
.tw_list-decimal {
list-style-type: decimal;
}
.tw_list-disc {
list-style-type: disc;
}
.tw_columns-2 {
-moz-columns: 2;
     columns: 2;
}
.tw_grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw_grid-cols-\[1\.5em_1fr\] {
grid-template-columns: 1.5em 1fr;
}
.tw_grid-cols-\[2\.5em_1fr\] {
grid-template-columns: 2.5em 1fr;
}
.tw_grid-cols-\[2em_1fr\] {
grid-template-columns: 2em 1fr;
}
.tw_flex-wrap {
flex-wrap: wrap;
}
.tw_justify-center {
justify-content: center;
}
.tw_justify-items-stretch {
justify-items: stretch;
}
.tw_gap-4 {
gap: 1rem;
}
.tw_overflow-hidden {
overflow: hidden;
}
.tw_rounded-full {
border-radius: 9999px;
}
.tw_rounded-md {
border-radius: 0.375rem;
}
.\!tw_rounded-r-none {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.tw_border {
border-width: 1px;
}
.tw_border-0 {
border-width: 0px;
}
.tw_border-4 {
border-width: 4px;
}
.\!tw_border-r-0 {
border-right-width: 0px !important;
}
.tw_border-b {
border-bottom-width: 1px;
}
.tw_border-none {
border-style: none;
}
.tw_border-secondary-light {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.tw_border-transparent {
border-color: transparent;
}
.tw_bg-background-dark {
--tw-bg-opacity: 1;
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.tw_bg-background-light {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.tw_bg-body-light {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.tw_bg-transparent {
background-color: transparent;
}
.tw_bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tw_fill-current {
fill: currentColor;
}
.tw_p-6 {
padding: 1.5rem;
}
.tw_py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.tw_pb-6 {
padding-bottom: 1.5rem;
}
.tw_pt-10 {
padding-top: 2.5rem;
}
.tw_text-center {
text-align: center;
}
.tw_text-right {
text-align: right;
}
.tw_align-top {
vertical-align: top;
}
.tw_font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.tw_text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.tw_text-base {
font-size: 0.9375rem;
line-height: 1.25;
}
.tw_text-lg {
font-size: 1.25rem;
line-height: 1;
}
.tw_text-sm {
font-size: 0.875rem;
line-height: 1.25;
}
.tw_font-bold {
font-weight: 700;
}
.tw_font-light {
font-weight: 300;
}
.tw_font-semibold {
font-weight: 600;
}
.tw_text-error-dark {
--tw-text-opacity: 1;
color: rgb(153 27 27 / var(--tw-text-opacity));
}
.tw_text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.tw_text-link-dark {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.tw_text-primary-light {
--tw-text-opacity: 1;
color: rgb(2 122 184 / var(--tw-text-opacity));
}
.tw_text-secondary-dark {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.tw_text-secondary-light {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.tw_shadow-\[0_0_1rem_2rem_black\] {
--tw-shadow: 0 0 1rem 2rem black;
--tw-shadow-colored: 0 0 1rem 2rem var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw_shadow-background-light {
--tw-shadow-color: #f1f5f9;
--tw-shadow: var(--tw-shadow-colored);
}
.tw_outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.tw_focusable-element {
--outline-color: hsl(var(--tw-colors-focus-default-hs),var(--tw-colors-focus-default-l), 0.7);
outline-color: var(--outline-color, rgba(126, 34, 206, 0.30000000000000004));
outline-offset: 0;
outline-style: solid;
outline-width: 0;
transition: background-color ease-in-out 0.15s, outline-color ease-in-out 0.2s, outline-offset ease-in-out 0.1s;
}
.tw_focusable-element:focus {
--outline-color: hsl(var(--tw-colors-focus-default-hs),var(--tw-colors-focus-default-l), 0.1);
outline-offset: 0;
outline-width: 3px;
outline-color: var(--outline-color, rgba(126, 34, 206, 0.9));
}
.tw_focusable-element:active {
outline-offset: 2px;
outline-width: 4px;
}
.tw_input-spacing {
margin-bottom: 1rem;
}
.tw_primary-header {
--color: hsl(var(--tw-colors-header-dark-hs),var(--tw-colors-header-dark-l));
--font-size: var(--tw-font-size-2xl-type);
color: var(--color, #334155);
font-size: var(--font-size, 2rem);
font-weight: 300;
margin-bottom: 1rem;
text-align: center;
}
.tw_secondary-header {
--font-size: var(--tw-font-size-lg-type);
font-weight: 500;
font-size: var(--font-size, 1.25rem);
margin-bottom: 1rem;
}
}
@layer fr-widget.components {
.tw_alert {
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
--border-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 10%));
--font-size: var(--tw-font-size-base-type);
background-color: var(--bg-color, #f1f5f9);
border-color: var(--border-color, hsl(210, 40%, 86.5%));
border-radius: 0.25rem;
border-width: 1px;
color: #000;
font-size: var(--font-size, 0.9375rem);
margin-bottom: 1.5rem;
padding: 1rem;
}
.tw_alert:focus {
--outline-color: hsl(var(--tw-colors-focus-default-hs),var(--tw-colors-focus-default-l), 0.1);
border-radius: 0.25rem;
outline-color: var(--outline-color, rgba(126, 34, 206, 0.9));
outline-offset: 2px;
outline-style: solid;
outline-width: 3px;
}
.tw_alert-error {
--bg-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
--border-color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
background-color: var(--bg-color, #fecaca);
border-color: var(--border-color, #991b1b);
}
.tw_alert-error svg {
--color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
color: var(--color, #991b1b);
fill: currentColor;
}
.tw_alert-info {
--bg-color: hsl(var(--tw-colors-primary-light-hs), calc(var(--tw-colors-primary-light-l) + 90%));
--border-color: hsl(var(--tw-colors-primary-light-hs),var(--tw-colors-primary-light-l));
background-color: var(--bg-color, hsl(200.39999999999998, 97.8%, 69.3%));
border-color: var(--border-color, #027AB8);
}
.tw_alert-info svg {
--color: hsl(var(--tw-colors-primary-dark-hs),var(--tw-colors-primary-dark-l));
color: var(--color, #334155);
fill: currentColor;
}
.tw_alert-success {
--bg-color: hsl(var(--tw-colors-success-light-hs),var(--tw-colors-success-light-l));
--border-color: hsl(var(--tw-colors-success-dark-hs),var(--tw-colors-success-dark-l));
background-color: var(--alert-success-background-color, #bbf7d0);
border-color: var(--border-color, #166534);
}
.tw_alert-success svg {
--color: hsl(var(--tw-colors-success-dark-hs),var(--tw-colors-success-dark-l));
color: var(--color, #166534);
fill: currentColor;
}
.tw_alert-warning {
--bg-color: hsl(var(--tw-colors-warning-light-hs),var(--tw-colors-warning-light-l));
--border-color: hsl(var(--tw-colors-warning-dark-hs),var(--tw-colors-warning-dark-l));
background-color: var(--bg-color, #fef08a);
border-color: var(--border-color, #854d0e);
}
.tw_alert-warning svg {
--color: hsl(var(--tw-colors-warning-dark-hs),var(tw-tw-colors-warning-dark-l));
color: var(--color, #854d0e);
fill: currentColor;
}
.tw_button-base {
border: 1px solid;
border-radius: 0.25rem;
font-size: 0.9375rem;
outline-offset: 0;
position: relative;
line-height: 1.5;
padding: 0.75rem 1.5rem;
z-index: 0;
}
.tw_button-base:focus {
outline-offset: 2px;
}
.tw_button-base:active {
outline-offset: 3px;
}
.tw_button-base::before {
background: black;
outline: 1px solid black;
border-radius: 0.25rem;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
opacity: 0;
top: 0;
transition: opacity 0.25s;
width: 100%;
z-index: -1;
}
.tw_button-base:hover::before, .tw_button-base:focus::before {
opacity: 0.05;
}
.tw_button-primary {
--bg-color: hsl(var(--tw-colors-primary-dark-hs),var(--tw-colors-primary-dark-l));
--border-color: hsl(var(--tw-colors-primary-dark-hs),var(--tw-colors-primary-dark-l));
background-color: var(--bg-color, #334155);
border-color: var(--border-color, #334155);
color: #fff;
}
.tw_button-primary:hover::before, .tw_button-primary:focus::before {
opacity: 0.2;
}
.tw_button-outline {
--border-color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
border-color: var(--border-color, #374151);
}
.tw_button-secondary {
--bg-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
background-color: var(--bg-color, #d1d5db);
border-color: var(--border-color, #d1d5db);
color: #000;
}
.tw_button-secondary:hover::before, .tw_button-secondary:focus::before {
opacity: 0.1;
}
.tw_checkbox-input {
--accent-color: hsl(var(--tw-colors-primary-dark-hs),var(--tw-colors-primary-dark-l));
accent-color: var(--accent-color, #334155);
border-radius: 0.25rem;
flex: 1;
height: 1rem;
margin-right: 0.25rem;
position: relative;
width: 1rem;
top: 0.25rem;
}
.tw_checkbox-input ~ span > .tw_input-error-message {
display: none;
}
.tw_checkbox-input ~ span > .tw_input-info-message {
display: none;
}
.tw_checkbox-input ~ * > p {
display: none;
}
.tw_checkbox-input[aria-invalid="true"] {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) + 1%));
background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(153, 27, 27)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
background-color: var(--bg-color, hsl(210, 40%, 97%));
background-position: right 0.75rem center;
background-size: 1rem 1rem;
}
.tw_checkbox-input[aria-invalid="true"] ~ * > p {
display: block;
}
.tw_checkbox-input[aria-invalid="true"] ~ button {
--border-color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
border-color: var(--border-color, #991b1b);
}
.tw_checkbox-input.tw_checkbox-input[aria-invalid="true"] {
--outline-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l), 0.8);
outline-color: var(--outline-color, rgba(254, 202, 202, 0.19999999999999996));
}
.tw_checkbox-input.tw_checkbox-input[aria-invalid="true"]:focus {
--outline-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l), 0.5);
outline-color: var(--outline-color, rgba(254, 202, 202, 0.5));
}
.tw_checkbox-input[aria-invalid="true"]:focus {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) + 5%));
background-color: var(--bg-color, hsl(210, 40%, 100%));
}
.tw_form-base {}
.tw_input-base {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 2%));
--border: 1px solid hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
--font-size: var(--tw-font-size-base-type);
background-color: var(--bg-color, hsl(210, 40%, 94.2%));
border: 1px solid #9ca3af;
border-radius: 0.25rem;
color: #000;
font-size: var(--font-size, 0.9375rem);
line-height: 1.5rem;
padding: 0.75rem;
}
.tw_input-base:hover {
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
background-color: var(--bg-color, #f1f5f9);
}
.tw_input-base:focus {
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
background-color: var(--bg-color, #f1f5f9);
}
.tw_input-base[aria-invalid="true"] {
--border-color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 2%));
background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(153, 27, 27)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
border-color: var(--border-color, #991b1b);
background-color: var(--bg-color, hsl(210, 40%, 94.2%));
background-position: right 0.75rem center;
background-size: 1rem 1rem;
}
.tw_input-base[aria-invalid="true"] ~ button {
--border-color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
border-color: var(--border-color, #991b1b);
}
.tw_input-base.tw_input-base[aria-invalid="true"] {
--outline-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l), 0.8);
outline-color: var(--outline-color, rgba(254, 202, 202, 0.19999999999999996));
}
.tw_input-base.tw_input-base[aria-invalid="true"]:focus {
--outline-color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l), 0.3);
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
outline-color: var(--outline-color, rgba(153, 27, 27, 0.7));
background-color: var(--bg-color, #f1f5f9);
}
.tw_input-base[aria-invalid="true"]:hover {
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
background-color: var(--bg-color, #f1f5f9);
}
.tw_input-label {
--font-size: var(--tw-font-size-base-type);
--color: hsl(var(--tw-colors-label-dark-hs), var(--tw-colors-label-dark-l));
font-size: var(--font-size, 0.9375rem);
color: var(--color, #374151);
}
.tw_input-error-message {
--color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
--font-size: var(--tw-font-size-sm-type);
color: var(--color, #991b1b);
font-size: var(--font-size, 0.875rem);
margin: 0.25rem;
width: 100%;
}
.tw_input-info-message {
--color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
--font-size: var(--tw-font-size-sm-type);
color: var(--color, #374151);
font-size: var(--font-size, 0.875rem);
margin: 0.25rem;
width: 100%;
}
.tw_input-info-message.tw_isInvalid {
--color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
color: var(--color, #991b1b);
}
.tw_input-info-message_dark.tw_isInvalid {
--color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
color: var(--color, #fecaca);
}
.tw_link {
--color: hsl(var(--tw-colors-link-dark-hs),var(--tw-colors-link-dark-l));
--font-size: var(--tw-font-size-base-type);
color: var(--color, #2563eb);
font-size: var(--font-size, 0.9375rem);
text-decoration: underline;
}
.tw_link:hover {
text-decoration: none;
}
.tw_select-base {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 2%));
--color: hsl(var(--tw-colors-label-dark-hs), var(--tw-colors-label-dark-l));
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
background: no-repeat right 0.75rem center url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(55, 65, 81)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-color: var(--bg-color, hsl(210, 40%, 94.2%));
background-size: 16px 12px;
color: var(--color, #374151);
height: calc(3rem + 2px);
}
.tw_select-base:hover {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 5%));
background-color: var(--bg-color, hsl(210, 40%, 91.3%));
}
.tw_select-base:focus {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 5%));
background-color: var(--bg-color, hsl(210, 40%, 91.3%));
}
.tw_select-base[aria-invalid="true"] {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 2%));
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(55, 65, 81)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(153, 27, 27)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
background-color: var(--bg-color, hsl(210, 40%, 94.2%));
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, 1rem 1rem;
}
.tw_spinner {
vertical-align: -0.125em;
border: 0.25em solid;
border-right-color: transparent;
}
.tw_containing-box {
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
background-color: var(--bg-color, #f1f5f9);
border-color: #000;
border-radius: 0.25rem;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
padding: 1.5rem 1rem;
width: 500px;
}
.tw_animated-check {
cursor: pointer;
font-size: 1.5em;
height: 1em;
position: relative;
width: 1em;
}
.tw_animated-check:after {
border: 3px solid transparent;
border-left: none;
border-top: none;
bottom: 0.45em;
content: "";
left: 0.15em;
overflow: hidden;
position: absolute;
transform: rotate(45deg);
transform-origin: left bottom;
width: 0.35em;
will-change: height;
}
.tw_animated-check:before {
--border-color: hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
--outline-color: hsl(var(--tw-colors-focus-default-hs),var(--tw-colors-focus-default-l), 0.7);
border-color: var(--border-color, #9ca3af);
border-radius: 0.25rem;
border-width: 1px;
content: "";
display: block;
height: 100%;
outline-color: var(--outline-color, rgba(126, 34, 206, 0.30000000000000004));
outline-offset: 0;
outline-style: solid;
outline-width: 0;
position: absolute;
transition: border-color ease-in-out 0.15s, border-width 250ms cubic-bezier(.4,.0,.23,1), box-shadow ease-in-out 0.15s, outline-color ease-in-out 0.2s, outline-offset ease-in-out 0.1s;
width: 100%;
}
.tw_checkbox-input_animated ~ div > p {
display: none;
}
.tw_checkbox-input_animated[aria-invalid="true"] ~ div > p {
display: block;
}
.tw_checkbox-input_animated:checked + label > span:after {
animation: tw_check 100ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
content: "";
}
.tw_checkbox-input_animated:checked + label > span:before {
--border-color: hsl(var(--tw-colors-primary-dark-hs),var(--tw-colors-primary-dark-l));
animation: tw_squish 200ms cubic-bezier(.4,.0,.23,1);
border-color: var(--border-color, #334155);
border-width: 0.5em;
}
.tw_checkbox-input_animated:focus + label > span:before {
--outline-color: hsl(var(--tw-colors-focus-default-hs),var(--tw-colors-focus-default-l), 0.1);
outline-color: var(--outline-color, rgba(126, 34, 206, 0.9));
outline-offset: 1px;
outline-width: 3px;
}
.tw_dialog-box {
--bg-color: hsl(var(--tw-colors-background-light-hs),var(--tw-colors-background-light-l));
--border: 1px solid hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
background-color: var(--bg-color, #f1f5f9);
border: var(--border, 1px solid #374151);
bottom: 0;
border-radius: 0.25rem;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
height: 100%;
margin: 0.5rem 0 0 0;
max-height: 100%;
max-width: 100%;
padding: 0px;
top: 0;
width: 100%;
position: fixed;
}
.tw_dialog-box_animate {
opacity: 0;
top: 75%;
will-change: top, opacity;
}
.tw_dialog-box_animate[open] {
animation: tw_slideUp 100ms ease-out forwards;
}
.tw_dialog-box_animate::backdrop {
--bg-color: hsl(var(--tw-colors-body-light-hs),var(--tw-colors-body-light-l), 0.2);
animation: tw_fadeIn 500ms ease forwards;
background-color: var(--bg-color, rgba(51, 65, 85, 0.8));
}
.tw_dialog-body {
margin: 2.5rem 1.5rem;
}
.tw_dialog-header {
--border-bottom: 1px solid hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
--bg-color: hsl(var(--tw-colors-tertiary-light-hs),var(--tw-colors-tertiary-light-l));
align-items: stretch;
background-color: var(--bg-color, #f1f5f9);
border-bottom: var(--border-bottom, 1px solid #9ca3af);
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
display: flex;
justify-content: center;
min-height: 10rem;
padding: 2rem 6rem;
position: relative;
margin-bottom: 2rem;
}
.tw_dialog-header .tw_dialog-logo {
display: inline-flex;
height: inherit;
}
.tw_dialog-logo {
background-image: var(--logo-light);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
width: 100%;
}
.tw_dialog-box_medium .tw_dialog-body {
margin: 1.5rem 3rem 4rem;
}
.tw_dialog-box_medium .tw_dialog-header {
padding: 2rem 7rem;
margin-bottom: 4rem;
}
.tw_dialog-closing[open] {
animation: tw_slideDown 100ms ease-out forwards;
display: block;
}
.tw_dialog-closing::backdrop {
--bg-color: hsl(var(--tw-colors-body-light-hs),var(--tw-colors-body-light-l), 0.2);
animation: tw_fadeOut 500ms ease-out forwards;
background-color: var(--bg-color, rgba(51, 65, 85, 0.8));
}
.tw_dialog-x {
border-radius: 0.25rem;
margin-right: 0.5rem;
position: absolute;
right: 1rem;
top: 1.75rem;
}
.tw_input-floating:not(:-moz-placeholder-shown) {
padding-bottom: 0.25rem;
padding-top: 1.25rem;
}
.tw_input-floating:focus, .tw_input-floating:not(:placeholder-shown) {
padding-bottom: 0.25rem;
padding-top: 1.25rem;
}
.tw_input-floating::-ms-reveal {
display: none;
}
.tw_input-floating::-moz-placeholder {
color: transparent;
}
.tw_input-floating::placeholder {
color: transparent;
}
.tw_input-floating:not(:-moz-placeholder-shown) ~ label {
font-weight: 500;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.tw_input-floating:focus ~ label, .tw_input-floating:not(:placeholder-shown) ~ label {
font-weight: 500;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.tw_input-floating-label {
height: calc(3rem + 2px);
line-height: 1.5rem;
padding: 0.75rem;
pointer-events: none;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
white-space: nowrap;
}
.tw_input-stacked-label {
display: block;
font-weight: bold;
line-height: 1.5rem;
margin-bottom: 0.25rem;
}
.tw_select-floating {
line-height: 1rem;
padding: 1.5rem 2.25rem 0.25rem 0.75rem;
}
.tw_select-floating-label {
font-weight: 500;
left: 0px;
top: 0px;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
transform-origin: top left;
white-space: nowrap;
}
.tw_animated-radio {
position: relative;
cursor: pointer;
height: 24px;
width: 24px;
}
.tw_animated-radio:after {
--bg-color: hsl(var(--tw-colors-primary-dark-hs),var(--tw-colors-primary-dark-l));
background-color: var(--bg-color, #334155);
border-radius: 9999px;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
transform: scale(0);
transform-origin: center;
width: 100%;
will-change: transform;
}
.tw_animated-radio:before {
--box-shadow: 0 0 0 1px hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
border-color: #fff;
border-radius: 9999px;
border-width: 2px;
box-shadow: var(--box-shadow, 0 0 0 1px #9ca3af);
content: "";
cursor: pointer;
display: block;
height: 100%;
position: absolute;
transition: border-width 250ms cubic-bezier(.4,.0,.23,1), box-shadow ease-in-out 0.15s;
width: 100%;
}
.tw_radio-input_animated:focus + label > span:before {
--box-shadow: 0 0 0 4px hsl(var(--tw-colors-focus-default-hs), var(--tw-colors-focus-default-l), 0.1) !important;
box-shadow: var(--box-shadow, 0 0 0 4px rgba(126, 34, 206, 0.9)) !important;
}
.tw_radio-input_animated:checked + label > span:after {
animation: tw_radio 125ms 150ms cubic-bezier(.4,.0,.23,1) forwards;
content: "";
}
.tw_radio-input_animated:checked + label > span:before {
animation: tw_squish 200ms cubic-bezier(.4,.0,.23,1);
border-width: 0.5em;
}
.tw_button-apple {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
background-color: #000;
color: #fff;
}
.tw_button-apple:hover::before, .tw_button-apple:focus::before {
opacity: 0.1;
}
.tw_button-facebook {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
background-color: #1877F2;
color: #fff;
}
.tw_button-facebook:hover::before, .tw_button-facebook:focus::before {
opacity: 0.1;
}
.tw_button-google {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
background-color: #fff;
color: #000;
}
.tw_button-google:hover::before, .tw_button-google:focus::before {
opacity: 0.1;
}
.tw_input-policies {
--font-size: var(--tw-font-size-sm-type);
font-size: var(--font-size, 0.875rem);
}
.tw_input-policies p {
font-weight: 700;
margin: 0.25rem;
}
.tw_input-policies ul {
margin: 0.25rem;
}
.tw_kba-fieldset {
--border-color: hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
border-color: var(--border-color, #9ca3af);
position: relative;
border-bottom-width: 0;
border-top-width: 1px;
border-top-style: dashed;
padding-top: 1.5rem;
}
.tw_kba-fieldset > h2 {
display: none;
}
.tw_kba-fieldset:first-of-type {
border-top-width: 0;
margin-top: 2.5rem;
}
.tw_kba-fieldset:first-of-type > h2 {
display: block;
}
.tw_kba-fieldset:first-of-type:after {
--border-color: hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
border-color: var(--border-color, #9ca3af);
border-top-width: 1px;
content: "";
display: block;
position: absolute;
right: 0;
top: -0.1em;
width: 45%;
}
.tw_kba-fieldset:first-of-type:before {
--border-color: hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
border-color: var(--border-color, #9ca3af);
border-top-width: 1px;
content: "";
display: block;
position: absolute;
top: -0.1em;
width: 45%;
}
.tw_kba-fieldset:first-of-type .tw_kba-lock-icon {
display: flex;
}
.tw_kba-fieldset:last-of-type {
border-bottom-width: 1px;
margin-bottom: 2rem;
padding-bottom: 1rem;
}
.tw_kba-lock-icon {
display: none;
justify-content: center;
position: absolute;
top: -0.75rem;
width: 100%;
}
.tw_kba-lock-icon > svg {
--color: hsl(var(--tw-colors-secondary-default-hs),var(--tw-colors-secondary-default-l));
color: var(--color, #9ca3af);
fill: currentcolor;
top: -0.75rem;
width: 3em;
}
.tw_password-button {
--bg-color: hsl(var(--tw-colors-background-light-hs), calc(var(--tw-colors-background-light-l) - 2%));
background-color: var(--bg-color, hsl(210, 40%, 94.2%));
border-left: 0 !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
display: flex;
line-height: 1.5rem;
padding: 0.25rem 0.75rem;
text-align: center;
vertical-align: middle;
align-items: center;
}
.tw_password-icon {
--color: hsl(var(--tw-colors-secondary-dark-hs), var(--tw-colors-secondary-dark-l));
color: var(--color, #374151);
fill: currentcolor;
}
}
@layer fr-widget.variants {
:is(.tw_dark .dark\:tw_alert_dark) {
--bg-color: hsl(var(--tw-colors-background-dark-hs),var(--tw-colors-background-dark-l));
background-color: var(--bg-color, #1e293b);
border-color: #000;
color: #fff;
}
:is(.tw_dark .dark\:tw_alert_dark):focus {
--outline-color: hsl(var(--tw-colors-focus-default-hs), calc(var(--tw-colors-focus-default-l) + 20%), 0.1);
outline-color: var(--outline-color, hsla(272.1, 71.7%, 56.5%, 0.9));
}
:is(.tw_dark .dark\:tw_alert_dark) svg {
color: #fff;
fill: currentColor;
}
:is(.tw_dark .dark\:tw_alert-error_dark) {
--bg-color: hsl(var(--tw-colors-error-dark-hs),var(--tw-colors-error-dark-l));
--border-color: hsl(var(--tw-colors-error-dark-hs), calc(var(--tw-colors-error-dark-l) - 20%));
background-color: var(--bg-color, #991b1b);
border-color: var(--border-color, hsl(0, 70%, 28.2%));
}
:is(.tw_dark .dark\:tw_alert-error_dark) svg {
--color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
color: var(--color, #fecaca);
fill: currentColor;
}
:is(.tw_dark .dark\:tw_alert-info_dark) {
--bg-color: hsl(var(--tw-colors-primary-light-hs), calc(var(--tw-colors-primary-light-l) - 40%));
--border-color: hsl(var(--tw-colors-primary-dark-hs), calc(var(--tw-colors-primary-dark-l) - 20%));
background-color: var(--bg-color, hsl(200.39999999999998, 97.8%, 21.9%));
border-color: var(--border-color, hsl(215.29999999999995, 25%, 21.3%));
}
:is(.tw_dark .dark\:tw_alert-info_dark) svg {
--color: hsl(var(--tw-colors-primary-light-hs), calc(var(--tw-colors-primary-light-l) + 90%));
color: var(--color, hsl(200.39999999999998, 97.8%, 69.3%));
fill: currentColor;
}
:is(.tw_dark .dark\:tw_alert-success_dark) {
--bg-color: hsl(var(--tw-colors-success-dark-hs),var(--tw-colors-success-dark-l));
--border-color: hsl(var(--tw-colors-success-dark-hs), calc(var(--tw-colors-success-dark-l) - 20%));
background-color: var(--bg-color, #166534);
border-color: var(--border-color, hsl(142.8, 64.2%, 19.3%));
}
:is(.tw_dark .dark\:tw_alert-success_dark) svg {
--color: hsl(var(--tw-colors-success-light-hs),var(--tw-colors-success-light-l));
color: var(--color, #bbf7d0);
fill: currentColor;
}
:is(.tw_dark .dark\:tw_alert-warning_dark) {
--bg-color: hsl(var(--tw-colors-warning-dark-hs),var(--tw-colors-warning-dark-l));
--border-color: hsl(var(--tw-colors-warning-dark-hs), calc(var(--tw-colors-warning-dark-l) - 20%));
background-color: var(--bg-color, #854d0e);
border-color: var(--border-color, hsl(31.80000000000001, 81%, 23.1%));
}
:is(.tw_dark .dark\:tw_alert-warning_dark) svg {
--color: hsl(var(--tw-colors-warning-light-hs),var(--tw-colors-warning-light-l));
color: var(--color, #fef08a);
fill: currentColor;
}
:is(.tw_dark .dark\:tw_button-primary_dark) {
--bg-color: hsl(var(--tw-colors-primary-light-hs),var(--tw-colors-primary-light-l));
--border-color: hsl(var(--tw-colors-primary-light-hs),var(--tw-colors-primary-light-l));
background-color: var(--bg-color, #027AB8);
border-color: var(--border-color, #027AB8);
}
:is(.tw_dark .dark\:tw_button-primary_dark):hover::before,:is(.tw_dark .dark\:tw_button-primary_dark):focus::before {
opacity: 0.2;
}
:is(.tw_dark .dark\:tw_button-outline_dark) {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
color: #fff;
}
:is(.tw_dark .dark\:tw_button-outline_dark):hover::before,:is(.tw_dark .dark\:tw_button-outline_dark):focus::before {
opacity: 0.3;
}
:is(.tw_dark .dark\:tw_button-secondary_dark) {}
:is(.tw_dark .dark\:tw_checkbox-input_dark) {
--accent-color: hsl(var(--tw-colors-primary-light-hs),var(--tw-colors-primary-light-l));
accent-color: var(--accent-color, #027AB8);
}
:is(.tw_dark .dark\:tw_input-base_dark) {
--bg-color: hsl(var(--tw-colors-body-dark-hs),var(--tw-colors-body-dark-l), 0.5);
--border-color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
background-color: var(--bg-color, rgba(15, 23, 42, 0.5));
border-color: var(--border-color, #374151);
color: #fff;
}
:is(.tw_dark .dark\:tw_input-base_dark):focus {
--bg-color: hsl(var(--tw-colors-body-dark-hs),var(--tw-colors-body-dark-l), 0.25);
background-color: var(--bg-color, rgba(15, 23, 42, 0.75));
}
:is(.tw_dark .dark\:tw_input-base_dark):hover {
--bg-color: hsl(var(--tw-colors-body-dark-hs),var(--tw-colors-body-dark-l), 0.25);
background-color: var(--bg-color, rgba(15, 23, 42, 0.75));
}
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"] {
--border-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
--bg-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l),0.5);
border-color: var(--border-color, #fecaca);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(254, 202, 202)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
background-color: var(--bg-color, rgba(15, 23, 42, 0.5));
}
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"]:focus {
--outline-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l), 0.3) !important;
--bg-color: hsl(var(--tw-colors-body-dark-hs),var(--tw-colors-body-dark-l), 0.25);
outline-color: var(--outline-color, rgba(254, 202, 202, 0.7)) !important;
background-color: var(--bg-color, rgba(15, 23, 42, 0.75));
}
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"]:hover {
--bg-color: hsl(var(--tw-colors-body-dark-hs),var(--tw-colors-body-dark-l), 0.25);
background-color: var(--bg-color, rgba(15, 23, 42, 0.75));
}
:is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"] ~ button {
--border-color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
border-color: var(--border-color, #fecaca);
}
:is(.tw_dark .dark\:tw_input-label_dark) {
--color: hsl(var(--tw-colors-label-light-hs),var(--tw-colors-label-light-l));
color: var(--color, #d1d5db);
}
:where(input:-webkit-autofill) + :is(.tw_dark .dark\:tw_input-label_dark) {
--color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
color: var(--color, #374151);
}
:where(input:autofill) + :is(.tw_dark .dark\:tw_input-label_dark) {
--color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
color: var(--color, #374151);
}
:is(.tw_dark .dark\:tw_input-error-message_dark) {
--color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
color: var(--color, #fecaca);
}
:is(.tw_dark .dark\:tw_input-info-message_dark) {
--color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
color: var(--color, #d1d5db);
}
:is(.tw_dark .dark\:tw_input-info-message_dark).tw_isInvalid {
--color: hsl(var(--tw-colors-error-light-hs),var(--tw-colors-error-light-l));
color: var(--color, #fecaca);
}
:is(.tw_dark .dark\:tw_link_dark) {
--color: hsl(var(--tw-colors-link-light-hs),var(--tw-colors-link-light-l));
color: var(--color, #60a5fa);
}
:is(.tw_dark .dark\:tw_select-base_dark) {
--bg-color: hsl(var(--tw-colors-body-dark-hs), var(--tw-colors-body-dark-l), 0.5);
--color: hsl(var(--tw-colors-label-light-hs), var(--tw-colors-label-light-l));
background: no-repeat right 0.75rem center / 16px 12px url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(209, 213, 219)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-color: var(--bg-color, rgba(15, 23, 42, 0.5));
color: var(--color, #d1d5db);
}
:is(.tw_dark .dark\:tw_select-base_dark):hover {
--bg-color: hsl(var(--tw-colors-body-dark-hs), var(--tw-colors-body-dark-l), 0.25);
background-color: var(--bg-color, rgba(15, 23, 42, 0.75));
}
:is(.tw_dark .dark\:tw_select-base_dark):focus {
--bg-color: hsl(var(--tw-colors-body-dark-hs), var(--tw-colors-body-dark-l), 0.25);
background-color: var(--bg-color, rgba(15, 23, 42, 0.75));
}
:is(.tw_dark .dark\:tw_select-base_dark)[aria-invalid="true"] {
--bg-color: hsl(var(--tw-colors-body-dark-hs), var(--tw-colors-body-dark-l), 0.5);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(209, 213, 219)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(254, 202, 202)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
background-color: var(--bg-color, rgba(15, 23, 42, 0.5));
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, 1rem 1rem;
}
:is(.tw_dark .dark\:tw_containing-box_dark) {
--bg-color: hsl(var(--tw-colors-background-dark-hs),var(--tw-colors-background-dark-l));
background-color: var(--bg-color, #1e293b);
}
:is(.tw_dark .dark\:tw_checkbox-input_animated_dark):checked + label > span:before {
--border-color: hsl(var(--tw-colors-primary-light-hs),var(--tw-colors-primary-light-l));
border-color: var(--border-color, #027AB8);
}
:is(.tw_dark .dark\:tw_dialog-box_dark) {
--bg-color: hsl(var(--tw-colors-background-dark-hs),var(--tw-colors-background-dark-l));
background-color: var(--bg-color, #1e293b);
border-color: #000;
}
:is(.tw_dark .dark\:tw_dialog-box_dark)::backdrop {
--bg-color: hsl(var(--tw-colors-body-dark-hs),var(--tw-colors-body-dark-l), 0.2);
background-color: var(--bg-color, rgba(15, 23, 42, 0.8));
}
:is(.tw_dark .dark\:tw_dialog-header_dark) {
--bg-color: hsl(var(--tw-colors-tertiary-dark-hs),var(--tw-colors-tertiary-dark-l));
--border-bottom-color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l));
background-color: var(--bg-color, #1e293b);
border-bottom-color: var(--border-bottom-color, #374151);
}
:is(.tw_dark .dark\:tw_dialog-logo_dark) {
background-image: var(--logo-dark);
}
:is(.tw_dark .dark\:tw_input-floating_dark):-webkit-autofill + label {
--color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l)) !important;
color: var(--color, #374151) !important;
}
:is(.tw_dark .dark\:tw_input-floating_dark):autofill + label {
--color: hsl(var(--tw-colors-secondary-dark-hs),var(--tw-colors-secondary-dark-l)) !important;
color: var(--color, #374151) !important;
}
:is(.tw_dark .dark\:tw_animated-radio_dark):before {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
box-shadow: none;
}
:is(.tw_dark .dark\:tw_animated-radio_dark):after {
--bg-color: hsl(var(--tw-colors-primary-light-hs),var(--tw-colors-primary-light-l));
background-color: var(--bg-color, #027AB8);
}
:is(.tw_dark .dark\:tw_radio-input_animated_dark):checked + label > span:before {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
}
:is(.tw_dark .dark\:tw_button-apple_dark) {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
background-color: #fff;
color: #000;
}
:is(.tw_dark .dark\:tw_button-apple_dark):hover::before,:is(.tw_dark .dark\:tw_button-apple_dark):focus::before {
opacity: 0.1;
}
:is(.tw_dark .dark\:tw_button-facebook_dark) {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
background-color: #fff;
color: #1877F2;
}
:is(.tw_dark .dark\:tw_button-facebook_dark):hover::before,:is(.tw_dark .dark\:tw_button-facebook_dark):focus::before {
opacity: 0.1;
}
:is(.tw_dark .dark\:tw_button-google_dark) {
--border-color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
border-color: var(--border-color, #d1d5db);
background-color: #fff;
color: #000;
}
:is(.tw_dark .dark\:tw_button-google_dark):hover::before,:is(.tw_dark .dark\:tw_button-google_dark):focus::before {
opacity: 0.1;
}
:is(.tw_dark .dark\:tw_kba-fieldset_dark) {
--border-color: hsl(var(--tw-colors-secondary-default-hs), calc(var(--tw-colors-secondary-default-l) - 25%));
border-color: var(--border-color, hsl(217.89999999999998, 10.6%, 48.7%));
}
:is(.tw_dark .dark\:tw_kba-fieldset_dark):after {
--border-color: hsl(var(--tw-colors-secondary-default-hs), calc(var(--tw-colors-secondary-default-l) - 25%));
border-color: var(--border-color, hsl(217.89999999999998, 10.6%, 48.7%));
}
:is(.tw_dark .dark\:tw_kba-fieldset_dark):before {
--border-color: hsl(var(--tw-colors-secondary-default-hs), calc(var(--tw-colors-secondary-default-l) - 25%));
border-color: var(--border-color, hsl(217.89999999999998, 10.6%, 48.7%));
}
:is(.tw_dark .dark\:tw_kba-lock-icon_dark) > svg {
--color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
color: var(--color, #d1d5db);
fill: currentcolor;
}
:is(.tw_dark .dark\:tw_password-button_dark) {
--bg-color: hsl(var(--tw-colors-body-dark-hs), var(--tw-colors-body-dark-l), 0.5);
background-color: var(--bg-color, rgba(15, 23, 42, 0.5));
}
:is(.tw_dark .dark\:tw_password-icon_dark) {
--color: hsl(var(--tw-colors-secondary-light-hs), var(--tw-colors-secondary-light-l));
color: var(--color, #d1d5db);
}
@media (min-width: 768px) {
.md\:tw_containing-box_medium {
height: -moz-fit-content;
height: fit-content;
margin: auto 0;
padding: 2.5rem 2.5rem;
}
.md\:tw_dialog-box_medium {
height: -moz-fit-content;
height: fit-content;
margin: auto;
max-width: 32rem;
padding: 0px;
}
.md\:tw_dialog-box_medium .tw_dialog-body {
margin: 1.5rem 3rem 4rem;
}
.md\:tw_dialog-box_medium .tw_dialog-header {
padding: 2rem 7rem;
margin-bottom: 4rem;
}
.md\:tw_dialog-box_medium .tw_dialog-no-header {
padding: 2.5rem 0;
}
.md\:tw_dialog-x_medium {}
}
.focus-visible\:tw_outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
}
:is(.tw_dark .dark\:tw_border-secondary-dark) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:is(.tw_dark .dark\:tw_bg-background-dark) {
--tw-bg-opacity: 1;
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
:is(.tw_dark .dark\:tw_bg-body-dark) {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
:is(.tw_dark .dark\:tw_text-error-light) {
--tw-text-opacity: 1;
color: rgb(254 202 202 / var(--tw-text-opacity));
}
:is(.tw_dark .dark\:tw_text-link-light) {
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
:is(.tw_dark .dark\:tw_text-secondary-light) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.tw_dark .dark\:tw_text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.tw_dark .dark\:tw_shadow-background-dark) {
--tw-shadow-color: #1e293b;
--tw-shadow: var(--tw-shadow-colored);
}
:is(.tw_dark .dark\:tw_focusable-element_dark) {
--outline-color: hsl(var(--tw-colors-focus-default-hs), calc(var(--tw-colors-focus-default-l) + 20%), 0.7);
outline-color: var(--outline-color, hsla(272.1, 71.7%, 56.5%, 0.30000000000000004));
}
:is(.tw_dark .dark\:tw_focusable-element_dark):focus {
--outline-color: hsl(var(--tw-colors-focus-default-hs), calc(var(--tw-colors-focus-default-l) + 20%), 0.1);
outline-color: var(--outline-color, hsla(272.1, 71.7%, 56.5%, 0.9));
}
:is(.tw_dark .dark\:tw_primary-header_dark) {
--color: hsl(var(--tw-colors-header-light-hs),var(--tw-colors-header-light-l));
color: var(--color, #d1d5db);
}
:is(.tw_dark .dark\:tw_secondary-header_dark) {
--color: hsl(var(--tw-colors-secondary-light-hs),var(--tw-colors-secondary-light-l));
color: var(--color, #d1d5db);
}
@media (min-width: 768px) {
.md\:tw_h-36 {
height: 9rem;
}
.md\:tw_grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:tw_grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:tw_grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:tw_grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:tw_pt-10 {
padding-top: 2.5rem;
}
}
}/* Including this here to ensure the animation and keyframes get included from config */
@keyframes tw_check {
0% {
border-color: #fff;
height: 0;
}
100% {
border-color: #fff;
height: 0.7em;
}
}
.do-not-modify {
animation: tw_check 100ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}
@keyframes tw_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.do-not-modify {
animation: tw_fadeIn 500ms ease forwards;
}
@keyframes tw_fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.do-not-modify {
animation: tw_fadeOut 500ms ease-out forwards;
}
@keyframes tw_slideDown {
0% {
opacity: 1;
top: 0%;
}
50% {
opacity: 1;
top: 35%;
}
100% {
opacity: 0;
top: 50%;
}
}
.do-not-modify {
animation: tw_slideDown 100ms ease-out forwards;
}
@keyframes tw_slideUp {
0% {
opacity: 0;
top: 50%;
}
50% {
opacity: 1;
top: 15%;
}
100% {
opacity: 1;
top: 0;
}
}
.do-not-modify {
animation: tw_slideUp 100ms ease-out forwards;
}
@keyframes tw_radio {
0% {
transform: scale(0);
}
33% {
transform: scale(0.5);
}
80% {
transform: scale(0.9);
}
100% {
transform: scale(0.8);
}
}
.do-not-modify {
animation: tw_radio 125ms 150ms cubic-bezier(.4,.0,.23,1) forwards;
}
@keyframes tw_squish {
0% {
transform: scale(1);
}
33% {
transform: scale(.85);
}
100% {
transform: scale(1);
}
}
.do-not-modify {
animation: tw_squish 200ms cubic-bezier(.4,.0,.23,1);
}