@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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(63 131 248 / 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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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(63 131 248 / 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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/

/*
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)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #E5E7EB;
  /* 2 */
}

::before,
::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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  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: Inter, ui-sans-serif, system-ui, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
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.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

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.
*/

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.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-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)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-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.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

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.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9CA3AF;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9CA3AF;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

: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.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
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)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{
  border-style: solid;
  border-color: #e5e7eb;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-right-width: 1px;
}

.tooltip[data-popper-placement^='top'] > .tooltip-arrow{
  bottom: -4px;
}

.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
  top: -4px;
}

.tooltip[data-popper-placement^='left'] > .tooltip-arrow{
  right: -4px;
}

.tooltip[data-popper-placement^='right'] > .tooltip-arrow{
  left: -4px;
}

.tooltip.invisible > .tooltip-arrow:before{
  visibility: hidden;
}

[data-popper-arrow],[data-popper-arrow]:before{
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

[data-popper-arrow]{
  visibility: hidden;
}

[data-popper-arrow]:before{
  content: "";
  visibility: visible;
  transform: rotate(45deg);
}

[data-popper-arrow]:after{
  content: "";
  visibility: visible;
  transform: rotate(45deg);
  position: absolute;
  width: 9px;
  height: 9px;
  background: inherit;
}

[role="tooltip"] > [data-popper-arrow]:before{
  border-style: solid;
  border-color: #e5e7eb;
}

[role="tooltip"] > [data-popper-arrow]:after{
  border-style: solid;
  border-color: #e5e7eb;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{
  border-top-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{
  border-top-width: 1px;
  border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{
  bottom: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{
  top: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{
  right: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{
  left: -5px;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6B7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #1C64F2;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #1C64F2;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6B7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #6B7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

input[type="time"]::-webkit-calendar-picker-indicator{
  background: none;
}

select:not([size]){
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 0.75em 0.75em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

:is([dir=rtl]) select:not([size]){
  background-position: left 0.75rem center;
  padding-right: 0.75rem;
  padding-left: 0;
}

[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #1C64F2;
  background-color: #fff;
  border-color: #6B7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #1C64F2;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 0.55em 0.55em;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 0.55em 0.55em;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size: 1em 1em;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
  background-color: currentColor;
  border-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.55em 0.55em;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px auto inherit;
}

input[type=file]::file-selector-button{
  color: white;
  background: #1F2937;
  border: 0;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-inline-start: -1rem;
  margin-inline-end: 1rem;
}

input[type=file]::file-selector-button:hover{
  background: #374151;
}

:is([dir=rtl]) input[type=file]::file-selector-button{
  padding-right: 2rem;
  padding-left: 1rem;
}

input[type="range"]::-webkit-slider-thumb{
  height: 1.25rem;
  width: 1.25rem;
  background: #1C64F2;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="range"]:disabled::-webkit-slider-thumb{
  background: #9CA3AF;
}

input[type="range"]:focus::-webkit-slider-thumb{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1px;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

input[type="range"]::-moz-range-thumb{
  height: 1.25rem;
  width: 1.25rem;
  background: #1C64F2;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="range"]:disabled::-moz-range-thumb{
  background: #9CA3AF;
}

input[type="range"]::-moz-range-progress{
  background: #3F83F8;
}

input[type="range"]::-ms-fill-lower{
  background: #3F83F8;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.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;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.inset-0{
  inset: 0px;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.right-0{
  right: 0px;
}

.right-2{
  right: 0.5rem;
}

.start-1{
  inset-inline-start: 0.25rem;
}

.top-2{
  top: 0.5rem;
}

.z-10{
  z-index: 10;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.float-right{
  float: right;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.me-2{
  margin-inline-end: 0.5rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.ms-2{
  margin-inline-start: 0.5rem;
}

.ms-3{
  margin-inline-start: 0.75rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.box-content{
  box-sizing: content-box;
}

.block{
  display: block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.h-16{
  height: 4rem;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-9{
  height: 2.25rem;
}

.h-\[1\.5px\]{
  height: 1.5px;
}

.h-\[80px\]{
  height: 80px;
}

.h-full{
  height: 100%;
}

.max-h-\[30px\]{
  max-height: 30px;
}

.max-h-\[70px\]{
  max-height: 70px;
}

.max-h-full{
  max-height: 100%;
}

.min-h-\[100dvh\]{
  min-height: 100dvh;
}

.min-h-\[calc\(100dvh-10rem\)\]{
  min-height: calc(100dvh - 10rem);
}

.w-1\/2{
  width: 50%;
}

.w-1\/5{
  width: 20%;
}

.w-16{
  width: 4rem;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-4{
  width: 1rem;
}

.w-4\/5{
  width: 80%;
}

.w-64{
  width: 16rem;
}

.w-9{
  width: 2.25rem;
}

.w-full{
  width: 100%;
}

.max-w-2xl{
  max-width: 42rem;
}

.flex-grow{
  flex-grow: 1;
}

.origin-\[0\]{
  transform-origin: 0;
}

.-translate-y-4{
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.animate-spin{
  animation: spin 1s linear infinite;
}

.cursor-pointer{
  cursor: pointer;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex-col{
  flex-direction: column;
}

.items-start{
  align-items: flex-start;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.overflow-hidden{
  overflow: hidden;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-e-lg{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}

.rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-s-lg{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}

.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}

.rounded-br{
  border-bottom-right-radius: 0.25rem;
}

.rounded-tl{
  border-top-left-radius: 0.25rem;
}

.rounded-tr{
  border-top-right-radius: 0.25rem;
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-mam-light-gray{
  border-color: var(--color_mam_light_gray);
}

.border-tenant-highlight-mix-70{
  border-color: color-mix(in srgb, var(--color_tenant_highlight), #888888 70%);
}

.border-tenant-primary{
  border-color: var(--color_tenant_primary);
}

.border-tenant-secondary{
  border-color: var(--color_tenant_secondary);
}

.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-mam-white{
  background-color: var(--color_mam_white);
}

.bg-tenant-primary{
  background-color: var(--color_tenant_primary);
}

.bg-tenant-secondary{
  background-color: var(--color_tenant_secondary);
}

.bg-tenant-text{
  background-color: var(--color_tenant_text);
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}

.bg-none{
  background-image: none;
}

.bg-tenant-primary{
  background-image: var(--color_tenant_primary);
}

.bg-tenant-secondary{
  background-image: var(--color_tenant_secondary);
}

.bg-center{
  background-position: center;
}

.fill-tenant-primary{
  fill: var(--color_tenant_primary);
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.p-3{
  padding: 0.75rem;
}

.p-5{
  padding: 1.25rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.ps-3{
  padding-inline-start: 0.75rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-medium{
  font-weight: 500;
}

.font-semibold{
  font-weight: 600;
}

.lowercase{
  text-transform: lowercase;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-9{
  line-height: 2.25rem;
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-mam-gray{
  color: var(--color_mam_gray);
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

.text-tenant-highlight{
  color: var(--color_tenant_highlight);
}

.text-tenant-primary{
  color: var(--color_tenant_primary);
}

.text-tenant-secondary{
  color: var(--color_tenant_secondary);
}

.text-tenant-text{
  color: var(--color_tenant_text);
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-tenant-highlight-mix-70{
  --tw-ring-color: color-mix(in srgb, var(--color_tenant_highlight), #888888 70%);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-300{
  transition-duration: 300ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:root {
  /* Tenant colors */
  --color_tenant_primary: #335553;
  --color_tenant_secondary: #335553;
  --color_tenant_highlight: #335553;
  --color_tenant_text: #515151;
  /* Global colors */
  --color_mam_white: #FFFFFF;
  --color_mam_gray: #515151;
  --color_mam_light_gray: #CFCFCF;
  --color_mam_hover_gray: #EFEFEF;
  --color_mam_black: #333333;
  /*--color_tenant_primary: #f30b0b;
    --color_tenant_secondary: #9c58f4;
    --color_tenant_highlight: #13d3d3;
    --color_tenant_text: #26a00e;*/
}

input.bg-tenant-primary:hover {
  background-color: color-mix(in srgb, var(--color_tenant_primary), transparent 25%);
  box-shadow: inset 0 0 0 2px var(--color_tenant_primary);
}

input.bg-tenant-primary:active {
  box-shadow: 0px 0px 12px color-mix(in srgb, var(--color_tenant_primary), transparent 60%);
}

.text-tenant-secondary:active {
  box-shadow: 0px 0px 12px color-mix(in srgb, var(--color_tenant_secondary), transparent 60%);
}

body {
  color: var(--color_tenant_text);
}

@media (max-width: 640px) {
  #main {
    background-image: none !important;
  }
}

/*****************************************************************
*  Fonts
*  (fallback if fonts.googleapis.com is not available)
 *****************************************************************/

@font-face {
  font-display: swap;

  font-family: 'Inter';

  font-style: normal;

  font-weight: 400;

  src: url('/sso/css/fonts/inter-v18-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;

  font-family: 'Inter';

  font-style: normal;

  font-weight: 500;

  src: url('/sso/css/fonts/inter-v18-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;

  font-family: 'Inter';

  font-style: normal;

  font-weight: 600;

  src: url('/sso/css/fonts/inter-v18-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;

  font-family: 'Inter';

  font-style: normal;

  font-weight: 700;

  src: url('/sso/css/fonts/inter-v18-latin-700.woff2') format('woff2');
}

/***********************
 *        Icons        *
 ***********************/

.mam-icon-chevron-down {
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.894531 1.36319L5.22756 5.85379C5.628 6.26879 6.29811 6.25121 6.67624 5.81579L10.543 1.36319' stroke='%23515151' stroke-width='1.5' stroke-linecap='round'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}

.mam-icon-eye {
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" transform="translate(0 0.243164)" fill="white" style="fill:white;fill-opacity:1;"/><circle cx="12.2886" cy="12.537" r="3.88024" stroke="%23888888" style="stroke:%23888888;stroke:color(display-p3 0.5333 0.5333 0.5333);stroke-opacity:1;" stroke-width="1.86826"/><path d="M12.2861 11.1249C12.1193 11.8363 11.6267 12.2488 10.9357 12.4799C9.87758 12.8338 9.39227 12.1573 9.19934 12.6089C9.19934 10.8023 10.6141 9.44727 12.3504 9.44727C12.0289 9.64084 12.5434 10.028 12.2861 11.1249Z" fill="%23888888" style="fill:%23888888;fill:color(display-p3 0.5333 0.5333 0.5333);fill-opacity:1;"/><path d="M12.2891 5.06462V5.06468L12.2994 5.06456C14.9147 5.03571 17.0401 6.1518 18.6787 7.61963C20.3264 9.09564 21.438 10.8918 21.9841 12.0908C22.1041 12.3543 22.1091 12.639 22.0071 12.8869C21.4762 14.1773 20.325 15.9445 18.6446 17.3799C16.9737 18.8072 14.8286 19.867 12.2891 19.867C7.415 19.867 4.27668 16.1032 2.67101 13.1369C2.44543 12.7202 2.44711 12.2204 2.67624 11.8033C4.25267 8.93371 7.39146 5.06462 12.2891 5.06462Z" stroke="%23888888" style="stroke:%23888888;stroke:color(display-p3 0.5333 0.5333 0.5333);stroke-opacity:1;" stroke-width="1.86826"/></svg>');
}

.mam-icon-eye-slash {
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" transform="translate(0 0.243164)" fill="white" style="fill:white;fill-opacity:1;"/><path d="M0.978333 4.1582L22.3517 20.9314" stroke="%23888888" style="stroke:%23888888;stroke:color(display-p3 0.5333 0.5333 0.5333);stroke-opacity:1;" stroke-width="1.84009" stroke-linecap="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.16404 9.26914C2.55961 10.0577 2.06433 10.8484 1.67391 11.559C1.29813 12.2431 1.2945 13.0672 1.66602 13.7535C3.29223 16.7578 6.62133 20.8642 11.9482 20.8642C13.6389 20.8642 15.1604 20.4328 16.4913 19.7535C16.4946 19.7518 16.498 19.7501 16.5013 19.7484L14.8712 18.4676C13.9756 18.8186 13.0007 19.0241 11.9482 19.0241C7.67386 19.0241 4.82096 15.7165 3.28425 12.8776C3.21142 12.743 3.21109 12.5826 3.28667 12.445C3.65017 11.7833 4.09069 11.0847 4.60959 10.4049L3.16404 9.26914ZM16.651 17.5259C18.6838 16.1547 20.09 14.1258 20.6685 12.72C20.6695 12.7176 20.6706 12.7142 20.6704 12.7072C20.6702 12.6995 20.6683 12.6855 20.6597 12.6666C20.1636 11.5775 19.1381 9.91982 17.6276 8.56676C16.1351 7.22984 14.2551 6.25969 11.9685 6.28491L11.9583 6.28503H11.9482C9.41034 6.28503 7.37498 7.47457 5.82188 9.0173L4.36676 7.87399C6.1887 6.00251 8.69421 4.44493 11.9482 4.44493C17.6785 4.38171 21.1749 9.35843 22.3343 11.9039C22.5535 12.3851 22.5714 12.9312 22.3702 13.4202C21.7249 14.9882 20.2777 17.1279 18.1592 18.711L16.651 17.5259Z" fill="%23888888" style="fill:%23888888;fill:color(display-p3 0.5333 0.5333 0.5333);fill-opacity:1;"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5081 12.7013C10.543 12.6916 10.5786 12.6807 10.6149 12.6685C11.2955 12.4409 11.7807 12.0346 11.945 11.334C12.0818 10.7507 11.997 10.3712 11.9399 10.1154C11.8912 9.89745 11.8626 9.76936 12.0084 9.68164C10.7042 9.68164 9.58425 10.4578 9.12598 11.6154L10.5081 12.7013Z" fill="%23888888" style="fill:%23888888;fill:color(display-p3 0.5333 0.5333 0.5333);fill-opacity:1;"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.21273 12.4525C7.20761 12.5427 7.20502 12.6337 7.20502 12.7252C7.20502 15.344 9.32798 17.467 11.9468 17.467C12.429 17.467 12.8944 17.395 13.3329 17.2612L11.0887 15.4979C10.3997 15.2849 9.82043 14.8222 9.45656 14.2155L7.21273 12.4525ZM13.5859 15.1199C14.3484 14.597 14.8485 13.7195 14.8485 12.7252C14.8485 11.1226 13.5494 9.82349 11.9468 9.82349C10.7056 9.82349 9.64641 10.6028 9.23185 11.6988L7.74312 10.5291C8.53525 9.01593 10.1204 7.9834 11.9468 7.9834C14.5656 7.9834 16.6886 10.1064 16.6886 12.7252C16.6886 14.1457 16.0639 15.4203 15.0744 16.2894L13.5859 15.1199Z" fill="%23888888" style="fill:%23888888;fill:color(display-p3 0.5333 0.5333 0.5333);fill-opacity:1;"/></svg>');
}

/***********************
 *        Picto        *
 ***********************/

.mam-picto-push-waiting {
  height: 110px;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-image: url('data:image/svg+xml, <svg width="70" height="119" viewBox="0 0 70 119" fill="none" xmlns="http://www.w3.org/2000/svg"><style> @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .spinner { animation: spin 3s linear infinite; transform-origin: 35px 49px; /* Le centre du spinner */ } </style><rect x="1.21289" y="1.41504" width="67.5747" height="115.828" rx="10.6714" fill="%23F2EFEC" stroke="%2364786A" stroke-width="2"/><g class="spinner"><circle cx="35" cy="35" r="2.5" fill="%2364786A"/><circle cx="45" cy="39" r="2.5" fill="%2364786A"/><circle cx="50" cy="49" r="2.5" fill="%2364786A"/><circle cx="45" cy="59" r="2.5" fill="%2364786A"/><circle cx="35" cy="63" r="2.5" fill="%2364786A"/><circle cx="25" cy="59" r="2.5" fill="%2364786A"/><circle cx="20" cy="49" r="2.5" fill="%2364786A"/></g><path d="M28.002 9.34766L24.4315 12.7782V9.34766H21.9111V12.7081L24.4665 16.1386L28.002 12.7431" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M22.9731 14.1255L20.8623 16.1328H24.4678V14.1255H22.9731Z" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M14.1436 16.0686L17.6464 12.7431V16.1386H20.173L20.13 12.5919L17.6464 9.34766L14.1436 12.7081" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M7.00195 16.1161L14.143 9.34766V12.7081L10.5499 16.1161H7.00195Z" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><rect x="11.002" y="84.001" width="49" height="10" rx="2" fill="%2364786A"/><rect x="11.502" y="97.501" width="48" height="9" rx="1.5" fill="white" stroke="%2364786A"/></svg>');
}

.mam-picto-push-timeout {
  height: 100px;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="70" height="77" viewBox="0 0 70 77" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.43098" y="1.34602" width="67.138" height="74.138" rx="5.90345" fill="%23F2EFEC" style="fill:%23F2EFEC;fill:color(display-p3 0.9490 0.9373 0.9255);fill-opacity:1;"/><rect x="1.43098" y="1.34602" width="67.138" height="74.138" rx="5.90345" stroke="%2364786A" style="stroke:%2364786A;stroke:color(display-p3 0.3922 0.4706 0.4157);stroke-opacity:1;" stroke-width="1.86197"/><path d="M50.0282 59.172C50.0282 50.15 46.5779 41.3055 39.463 38.6768M19.8206 59.172C19.8206 50.1815 23.2468 41.3673 30.3114 38.7045" stroke="%23325452" style="stroke:%23325452;stroke:color(display-p3 0.1961 0.3294 0.3216);stroke-opacity:1;" stroke-width="3.10625"/><path d="M19.8205 17.3563C19.8205 26.103 23.0634 34.6829 29.7447 37.5937M50.0281 17.3563C50.0281 25.9595 46.8907 34.4012 40.4301 37.4459" stroke="%23325452" style="stroke:%23325452;stroke:color(display-p3 0.1961 0.3294 0.3216);stroke-opacity:1;" stroke-width="3.10625"/><path d="M14.4647 14.3799H55.5352" stroke="%23325452" style="stroke:%23325452;stroke:color(display-p3 0.1961 0.3294 0.3216);stroke-opacity:1;" stroke-width="3.10625" stroke-linecap="round"/><path d="M14.4647 62.2949H55.5352" stroke="%23325452" style="stroke:%23325452;stroke:color(display-p3 0.1961 0.3294 0.3216);stroke-opacity:1;" stroke-width="3.10625" stroke-linecap="round"/><path d="M46.756 59.0964C44.6818 59.0964 41.4594 59.0964 34.9259 59.0964C28.3923 59.0964 24.709 59.0964 23.0958 59.0964C23.0958 54.8227 28.9309 50.9949 32.7247 46.1675C33.7409 44.8745 36.1475 44.8543 37.1802 46.1341C41.0186 50.8903 46.756 54.5484 46.756 59.0964Z" fill="%23325452" style="fill:%23325452;fill:color(display-p3 0.1961 0.3294 0.3216);fill-opacity:1;"/><path d="M41.9888 38.1314C41.9888 39.5286 41.4261 40.4611 39.6591 40.4611C38.106 40.0729 36.6367 39.5869 36.6367 38.1898C36.6367 36.7927 38.8732 36.4714 40.4357 35.8018C42.2026 35.8018 41.9888 36.7343 41.9888 38.1314Z" fill="%23325452" style="fill:%23325452;fill:color(display-p3 0.1961 0.3294 0.3216);fill-opacity:1;"/><path d="M27.7164 38.3743C27.7164 39.7517 28.1434 40.4611 29.9514 40.4611C31.4395 40.0891 33.1388 39.7517 33.1388 38.3743C33.1388 36.9968 31.1619 36.462 29.5631 35.8018C27.7551 35.8018 27.7164 36.9968 27.7164 38.3743Z" fill="%23325452" style="fill:%23325452;fill:color(display-p3 0.1961 0.3294 0.3216);fill-opacity:1;"/></svg>');
}

.mam-picto-push-success {
  height: 110px;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="69" height="118" viewBox="0 0 69 118" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="67" height="116" rx="10.6714" fill="%23F2EFEC" stroke="%2364786A" style="fill:%23F2EFEC;fill:color(display-p3 0.9490 0.9373 0.9255);fill-opacity:1;stroke:%2364786A;stroke:color(display-p3 0.3922 0.4706 0.4157);stroke-opacity:1;" stroke-width="2"/><path d="M27.6468 8.95068L24.0763 12.3812V8.95068H21.5559V12.3112L24.1113 15.7417L27.6468 12.3462" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M22.6176 13.7285L20.5068 15.7359H24.1124V13.7285H22.6176Z" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M13.7881 15.6717L17.291 12.3462V15.7417H19.8175L19.7745 12.1949L17.291 8.95068L13.7881 12.3112" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M6.64624 15.7191L13.7873 8.95068V12.3112L10.1942 15.7191H6.64624Z" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><rect x="10.7" y="83.708" width="48.5952" height="10.0146" rx="2" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><rect x="11.2" y="97.2271" width="47.5952" height="9.01459" rx="1.5" fill="white" stroke="%2364786A" style="fill:white;fill-opacity:1;stroke:%2364786A;stroke:color(display-p3 0.3922 0.4706 0.4157);stroke-opacity:1;"/><circle cx="35" cy="51" r="21" fill="%2364786A" style="fill:%2364786A;fill:color(display-p3 0.3922 0.4706 0.4157);fill-opacity:1;"/><path d="M25 53.4077L30.8692 59.6029C31.1431 59.8921 31.6017 59.8983 31.8834 59.6166L45.5 46" stroke="%23F2EFEC" style="stroke:%23F2EFEC;stroke:color(display-p3 0.9490 0.9373 0.9255);stroke-opacity:1;" stroke-width="4.95385" stroke-linecap="round"/></svg>');
}

.mam-picto-logout {
  height: 110px;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="138" height="123" viewBox="0 0 138 123" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M71.5555 33.0529C70.75 32.5592 69.8984 32.1252 69.0056 31.758L39.9428 19.807C38.3367 19.1465 36.5742 20.3275 36.5742 22.0641V93.2086C36.5742 93.9973 36.6341 94.7759 36.7503 95.5393L64.8502 106.863C68.058 108.155 71.5555 105.794 71.5555 102.335V33.0529ZM37.9206 99.5191C39.559 103.18 42.5966 106.146 46.5001 107.642L76.7823 119.245C78.3803 119.857 80.096 118.678 80.096 116.966V48.31C80.096 43.4468 78.1279 38.9062 74.8094 35.6098V102.335C74.8094 108.099 68.9803 112.035 63.634 109.881L37.9206 99.5191Z" fill="%23677C6C" style="fill:%23677C6C;fill:color(display-p3 0.4039 0.4863 0.4235);fill-opacity:1;"/><path fill-rule="evenodd" clip-rule="evenodd" d="M71.5555 33.0529C70.75 32.5592 69.8984 32.1252 69.0056 31.758L39.9428 19.807C38.3367 19.1465 36.5742 20.3275 36.5742 22.0641V93.2086C36.5742 93.9973 36.6341 94.7759 36.7503 95.5393L64.8502 106.863C68.058 108.155 71.5555 105.794 71.5555 102.335V33.0529ZM37.9206 99.5191C39.559 103.18 42.5966 106.146 46.5001 107.642L76.7823 119.245C78.3803 119.857 80.096 118.678 80.096 116.966V48.31C80.096 43.4468 78.1279 38.9062 74.8094 35.6098V102.335C74.8094 108.099 68.9803 112.035 63.634 109.881L37.9206 99.5191Z" fill="white" fill-opacity="0.2" style="fill:white;fill-opacity:0.2;"/><path d="M26 11.1314C26 8.22098 28.9675 6.25236 31.6489 7.38395L63.8717 20.9826C67.7889 22.6357 70.3352 26.474 70.3352 30.7258V102.692C70.3352 105.575 67.4187 107.543 64.7452 106.464L32.6168 93.4942C28.6181 91.8801 26 87.9998 26 83.6877V11.1314Z" stroke="%23325452" style="stroke:%23325452;stroke:color(display-p3 0.1961 0.3294 0.3216);stroke-opacity:1;" stroke-width="3.25396"/><path d="M94.3327 35.9217V12.7296C94.3327 9.58464 91.7832 7.03516 88.6382 7.03516H29.6602M94.3327 59.9196V85.1378C94.3327 88.2828 91.7832 90.8323 88.6382 90.8323H70.7414M88.6382 47.7173H133.38M133.38 47.7173L115.89 29.8205M133.38 47.7173L115.89 65.6141" stroke="%23325452" style="stroke:%23325452;stroke:color(display-p3 0.1961 0.3294 0.3216);stroke-opacity:1;" stroke-width="3.25396" stroke-linecap="round"/></svg>');
}

.mam-picto-auth-failed {
  height: 110px;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="110" height="131" viewBox="0 0 110 131" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5415 89.8898C15.7319 85.0424 11.9167 79.2876 9.31375 72.954C6.71081 66.6205 5.37109 59.8323 5.37109 52.9769C5.37109 46.1215 6.71081 39.3333 9.31375 32.9998C11.9167 26.6662 15.7319 20.9114 20.5415 16.064C25.3511 11.2165 31.0609 7.37125 37.345 4.74782C43.629 2.12438 50.3642 0.774115 57.166 0.774114C63.9679 0.774114 70.7031 2.12438 76.9871 4.74781C83.2712 7.37125 88.981 11.2165 93.7906 16.064L57.166 52.9769L20.5415 89.8898Z" fill="%23F2EFEC" style="fill:%23F2EFEC;fill:color(display-p3 0.9490 0.9373 0.9255);fill-opacity:1;"/><rect x="53.543" y="75.9434" width="5.42173" height="51.5064" fill="url(%23paint0_linear_1194_10730)" style=""/><rect x="53.543" y="75.9434" width="5.42173" height="51.5064" fill="url(%23paint1_linear_1194_10730)" style=""/><path d="M37.7551 33.8008C42.6845 28.997 49.2953 26.3086 56.1783 26.3086H56.8408C63.7894 26.3086 70.4559 29.0573 75.3852 33.9548C80.3563 38.8939 83.1518 45.612 83.1518 52.6196V52.9132C83.1518 59.9591 80.3529 66.7163 75.3707 71.6985C70.3885 76.6807 63.5967 79.4796 56.5509 79.4796C49.5199 79.4796 42.7183 76.6906 37.715 71.7507C32.6511 66.7509 29.7812 59.8669 29.7812 52.7506C29.7812 45.6316 32.6567 38.7694 37.7551 33.8008Z" fill="url(%23paint2_radial_1194_10730)" style=""/><path d="M39.5921 36.0943C44.05 31.6054 50.17 29.0264 56.4919 29.0264C62.7868 29.0264 68.8449 31.5469 73.2971 35.9991C77.7749 40.4768 80.3103 46.5876 80.3103 52.9194C80.3103 59.2512 77.7749 65.3619 73.2971 69.8397C68.8449 74.2919 62.7868 76.8124 56.4919 76.8124C50.17 76.8124 44.05 74.2334 39.5921 69.7445C35.1633 65.285 32.6241 59.1999 32.6241 52.9194C32.6241 46.6389 35.1633 40.5538 39.5921 36.0943Z" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.29499"/><path d="M61.7617 52.8624L68.7646 45.9316V50.0468H72.0134V56.3277H68.3315V59.9375L61.7617 52.8624Z" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linejoin="round"/><path d="M51.3594 52.792L44.3565 45.8613V49.9764H41.1077V56.2574H44.7896V59.8672L51.3594 52.792Z" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linejoin="round"/><path d="M56.7031 59.4434V66.4463" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linecap="round" stroke-linejoin="round"/><path d="M60.8906 59.4434L65.8424 64.3952" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linecap="round" stroke-linejoin="round"/><path d="M47.3203 41.5391L52.2721 46.4909" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linecap="round" stroke-linejoin="round"/><path d="M65.8438 41.5391L60.8919 46.4909" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linecap="round" stroke-linejoin="round"/><path d="M52.2734 59.4434L47.3216 64.3952" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linecap="round" stroke-linejoin="round"/><path d="M56.5625 39.3691V46.3721" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="1.27012" stroke-linecap="round" stroke-linejoin="round"/><path d="M88.4766 127.938H100.427" stroke="%23E07337" style="stroke:%23E07337;stroke:color(display-p3 0.8784 0.4510 0.2157);stroke-opacity:1;" stroke-width="2.33134" stroke-linecap="round"/><path d="M23.7047 127.822H83.1238M18.3812 127.823H10.7695" stroke="%231D2A2A" style="stroke:%231D2A2A;stroke:color(display-p3 0.1137 0.1647 0.1647);stroke-opacity:1;" stroke-width="2.33134" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_1194_10730" x1="57.0284" y1="78.3782" x2="56.5443" y2="78.3782" gradientUnits="userSpaceOnUse"><stop stop-color="%23263A39" style="stop-color:%23263A39;stop-color:color(display-p3 0.1490 0.2275 0.2235);stop-opacity:1;"/><stop offset="1" stop-color="%23325452" style="stop-color:%23325452;stop-color:color(display-p3 0.1961 0.3294 0.3216);stop-opacity:1;"/></linearGradient><linearGradient id="paint1_linear_1194_10730" x1="56.2538" y1="75.9434" x2="56.2538" y2="78.0036" gradientUnits="userSpaceOnUse"><stop offset="0.883371" stop-color="%231F2F2F" style="stop-color:%231F2F2F;stop-color:color(display-p3 0.1226 0.1825 0.1825);stop-opacity:1;"/><stop offset="1" stop-color="%23263A3A" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/></linearGradient><radialGradient id="paint2_radial_1194_10730" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(38.8592 33.8902) rotate(47.1521) scale(67.6246 60.9499)"><stop offset="0.542294" stop-color="%23416361" style="stop-color:%23416361;stop-color:color(display-p3 0.2549 0.3882 0.3804);stop-opacity:1;"/><stop offset="0.55666" stop-color="%23325452" style="stop-color:%23325452;stop-color:color(display-p3 0.1961 0.3294 0.3216);stop-opacity:1;"/><stop offset="0.712364" stop-color="%23325452" style="stop-color:%23325452;stop-color:color(display-p3 0.1961 0.3294 0.3216);stop-opacity:1;"/><stop offset="0.725268" stop-color="%23243D3B" style="stop-color:%23243D3B;stop-color:color(display-p3 0.1412 0.2392 0.2314);stop-opacity:1;"/></radialGradient></defs></svg>');
}

/***********************
 * Kept style from v2  *
 ***********************/

.input-group {
  margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="tel"],
input[type="email"],
button[type="submit"] {
  width: 100%;
}

.labelIDToken {
  display: none;
}

#modal-unlock {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
}

#frame-unlock {
  width: 80%;
  height: 100%;
}

.mobile-login-label {
  display: none;
}

.mobile-login {
  border: none;
  display: inline;
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:start-\[2px\]::after{
  content: var(--tw-content);
  inset-inline-start: 2px;
}

.after\:top-\[2px\]::after{
  content: var(--tw-content);
  top: 2px;
}

.after\:h-4::after{
  content: var(--tw-content);
  height: 1rem;
}

.after\:w-4::after{
  content: var(--tw-content);
  width: 1rem;
}

.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.last\:border-none:last-child{
  border-style: none;
}

.checked\:bg-tenant-highlight:checked{
  background-color: var(--color_tenant_highlight);
}

.hover\:border-tenant-secondary:hover{
  border-color: var(--color_tenant_secondary);
}

.hover\:bg-mam-hover-gray:hover{
  background-color: var(--color_mam_hover_gray);
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-tenant-primary:hover{
  background-color: var(--color_tenant_primary);
}

.hover\:bg-tenant-secondary:hover{
  background-color: var(--color_tenant_secondary);
}

.hover\:bg-tenant-primary:hover{
  background-image: var(--color_tenant_primary);
}

.hover\:bg-tenant-secondary:hover{
  background-image: var(--color_tenant_secondary);
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:brightness-150:hover{
  --tw-brightness: brightness(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:border-gray-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.focus\:border-tenant-highlight:focus{
  border-color: var(--color_tenant_highlight);
}

.focus\:border-tenant-secondary:focus{
  border-color: var(--color_tenant_secondary);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline:focus{
  outline-style: solid;
}

.focus\:outline-2:focus{
  outline-width: 2px;
}

.focus\:outline-offset-2:focus{
  outline-offset: 2px;
}

.focus\:outline-tenant-primary:focus{
  outline-color: var(--color_tenant_primary);
}

.focus\:outline-tenant-secondary:focus{
  outline-color: var(--color_tenant_secondary);
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-mam-white:focus{
  --tw-ring-color: var(--color_mam_white);
}

.focus\:ring-tenant-highlight:focus{
  --tw-ring-color: var(--color_tenant_highlight);
}

.active\:bg-mam-white:active{
  background-color: var(--color_mam_white);
}

.active\:shadow-inner:active{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.active\:shadow-lg:active{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.enabled\:cursor-pointer:enabled{
  cursor: pointer;
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:border-neutral-500:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}

.disabled\:bg-neutral-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.disabled\:bg-neutral-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.disabled\:text-neutral-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:bg-tenant-text{
  background-color: var(--color_tenant_text);
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-1\/2{
  top: 50%;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2{
  top: 50%;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:top-2{
  top: 0.5rem;
}

.peer:focus ~ .peer-focus\:-translate-y-4{
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.peer:focus ~ .peer-focus\:text-tenant-highlight{
  color: var(--color_tenant_highlight);
}

.peer:focus ~ .peer-focus\:outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.peer:focus ~ .peer-focus\:ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.dark\:\!bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .sm\:m-0{
    margin: 0px;
  }

  .sm\:m-auto{
    margin: auto;
  }

  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:mb-2\.5{
    margin-bottom: 0.625rem;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-auto{
    margin-top: auto;
  }

  .sm\:block{
    display: block;
  }

  .sm\:h-screen{
    height: 100vh;
  }

  .sm\:max-h-\[50px\]{
    max-height: 50px;
  }

  .sm\:min-h-0{
    min-height: 0px;
  }

  .sm\:min-h-full{
    min-height: 100%;
  }

  .sm\:w-\[450px\]{
    width: 450px;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

  .sm\:overflow-x-hidden{
    overflow-x: hidden;
  }

  .sm\:rounded-2xl{
    border-radius: 1rem;
  }

  .sm\:bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }

  .sm\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .sm\:bg-cover{
    background-size: cover;
  }

  .sm\:bg-fixed{
    background-attachment: fixed;
  }

  .sm\:bg-center{
    background-position: center;
  }

  .sm\:bg-no-repeat{
    background-repeat: no-repeat;
  }

  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:pb-10{
    padding-bottom: 2.5rem;
  }

  .sm\:pb-3{
    padding-bottom: 0.75rem;
  }

  .sm\:pb-7{
    padding-bottom: 1.75rem;
  }

  .sm\:pl-10{
    padding-left: 2.5rem;
  }

  .sm\:pr-10{
    padding-right: 2.5rem;
  }

  .sm\:pt-10{
    padding-top: 2.5rem;
  }

  .sm\:pt-8{
    padding-top: 2rem;
  }

  .sm\:text-center{
    text-align: center;
  }

  .sm\:shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-tenant-text{
    --tw-shadow-color: var(--color_tenant_text);
    --tw-shadow: var(--tw-shadow-colored);
  }
}

@media (min-width: 768px){
  .md\:inline{
    display: inline;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:w-4\/5{
    width: 80%;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-center{
    justify-content: center;
  }
}

.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after{
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .rtl\:peer-focus\:left-auto:where([dir="rtl"], [dir="rtl"] *){
  left: auto;
}

.peer:focus ~ .rtl\:peer-focus\:translate-x-1\/4:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}