@forgerock/login-widget 1.2.1 → 2.0.0

package/widget.css

@@ -1,1881 +0,0 @@
-/**
- * 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);
-}