*, ::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(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:  ;
  --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(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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | 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: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; /* 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]:where(:not([hidden="until-found"])) {
  display: none;
}
  body{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 475px){

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

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

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

  .container{
    max-width: 960px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 1200px){

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

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

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

  .container{
    max-width: 1920px;
  }
}
.form-input,.form-textarea,.form-select,.form-multiselect{
  -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;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect: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: #2563eb;
  --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: #2563eb;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
.form-input::-webkit-date-and-time-value{
  min-height: 1.5em;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
.form-checkbox,.form-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: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
.form-checkbox{
  border-radius: 0px;
}
.form-radio{
  border-radius: 100%;
}
.form-checkbox:focus,.form-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: #2563eb;
  --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);
}
.form-checkbox:checked,.form-radio:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}
.form-radio:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
.form-checkbox:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
.v-link{
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(76 99 182 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.v-link:hover{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
.v-link:focus{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
.v-link:disabled{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.v-link[aria-disabled='true']{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.v-heading{
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 600;
}
.v-heading.primary{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
}
.v-heading.\!primary{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
}
h1.v-heading{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
h2.v-heading{
  font-size: 1.5rem;
  line-height: 2rem;
}
h3.v-heading{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.v-tooltip {
    /*
        z-index: 10000 is very high, but the VModalSkeleton has 9999, so we need this to get over it
        we should sanitize z-index values in WB-6290
        */
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    max-width: 28rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
@media print {
  #questions-renderer .absolute.v-tooltip.left-0.w-full {
    transform: none;
  }
  #questions-renderer .absolute.top-0.v-tooltip.w-full {
    transform: none;
  }
  #content .v-tooltip.inset-0.bg-white {
    position: static;
  }
}
.v-tooltip{
  overflow-wrap: break-word;
  text-align: left;
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  --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);
}
.v-tooltip a,
    .v-tooltip .link{
  cursor: pointer;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(152 174 235 / var(--tw-text-opacity, 1));
}
@media (hover: hover) and (pointer: fine){

  .v-tooltip a:hover,
    .v-tooltip .link:hover{
    text-decoration-line: underline;
  }
}

    .v-tooltip .\!link{
  cursor: pointer;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(152 174 235 / var(--tw-text-opacity, 1));
}
@media (hover: hover) and (pointer: fine){

  
    .v-tooltip .\!link:hover{
    text-decoration-line: underline;
  }
}
/* this pseudo element is used to increase the tooltip "hitbox", making it easier to move the mouse from the trigger to the tooltip */
/* to better visualize this, add bg-red-500/20 */
.v-tooltip:after{
  position: absolute;
  inset: 0px;
  z-index: -10;
  width: 100%;
  height: 100%;
  --tw-content: '';
  content: var(--tw-content);
}
@media print {
  #questions-renderer .v-tooltip.top-0.left-0.w-full:after {
    transform: none;
  }
  #content .fixed.v-tooltip.bg-white:after {
    position: static;
  }
}
.v-tooltip[data-placement^='top']::after{
  content: var(--tw-content);
  --tw-translate-y: 0.75rem;
  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));
}
.v-tooltip[data-placement^='bottom']::after{
  content: var(--tw-content);
  --tw-translate-y: -0.75rem;
  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));
}
.v-tooltip[data-placement^='left']::after{
  content: var(--tw-content);
  --tw-translate-x: 0.75rem;
  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));
}
.v-tooltip[data-placement^='right']::after{
  content: var(--tw-content);
  --tw-translate-x: -0.75rem;
  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));
}
.v-tooltip-arrow{
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  --tw-rotate: 45deg;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
@media print {
  #questions-renderer .v-tooltip-arrow.top-0.left-0.w-full {
    transform: none;
  }
}
.v-label{
  display: block;
  text-align: left;
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(72 90 129 / var(--tw-text-opacity, 1));
}
.v-label .v-label-emphasis{
  margin-left: 0.5rem;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.v-text-input{
  -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;
}
.v-text-input: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: #2563eb;
  --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: #2563eb;
}
.v-text-input::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.v-text-input::placeholder{
  color: #6b7280;
  opacity: 1;
}
.v-text-input::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
.v-text-input::-webkit-date-and-time-value{
  min-height: 1.5em;
}
.v-text-input::-webkit-datetime-edit,.v-text-input::-webkit-datetime-edit-year-field,.v-text-input::-webkit-datetime-edit-month-field,.v-text-input::-webkit-datetime-edit-day-field,.v-text-input::-webkit-datetime-edit-hour-field,.v-text-input::-webkit-datetime-edit-minute-field,.v-text-input::-webkit-datetime-edit-second-field,.v-text-input::-webkit-datetime-edit-millisecond-field,.v-text-input::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
.v-text-input{
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 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);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
@media print {
  [data-shell-role='container'].v-text-input.mx-auto {
    width: 100vw;
    max-width: 100%;
    margin-left: 0;
  }
  #questions-renderer .v-text-input.relative {
    height: auto;
  }
  #questions-renderer .absolute.top-0.left-0.v-text-input {
    transform: none;
  }
}
.v-text-input:focus,
    .v-text-input:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(179 186 249 / var(--tw-border-opacity, 1));
  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(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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(179 186 249 / var(--tw-ring-opacity, 1));
}
.v-text-input:disabled,
    .v-text-input:disabled:-webkit-autofill{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(220 223 230 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.v-text-input.danger{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0;
}
.v-text-input.danger:focus{
  --tw-ring-opacity: 1;
}
.v-table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  overflow: hidden;
  padding: 0px;
}
@media print {
  [data-shell-role='container'].v-table.mx-auto {
    width: 100vw;
    max-width: 100%;
    margin-left: 0;
  }
  #questions-renderer .v-table.relative {
    height: auto;
  }
  #questions-renderer .absolute.top-0.left-0.v-table {
    transform: none;
  }
}
.v-table > tbody tr,
    .v-table > thead tr{
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.v-table > tbody tr td,
      .v-table > tbody tr th,
      .v-table > thead tr td,
      .v-table > thead tr th{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding: 0px;
}
.v-table > thead{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.v-table > thead > tr:first-child{
  border-top-width: 0px;
}
.v-table > thead > tr th{
  width: 14rem;
  padding: 0.5rem;
}
.v-table > tbody{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media print {
  #content .fixed.inset-0.v-table > tbody {
    position: static;
  }
}
.v-table > tbody > tr {
        /**
         * The "h-px" class is needed so that we can properly apply "h-full" to the individual cells and
         * underlying div elements within those cells. Without this height set, the "h-full" applied within
         * cells has no effect. This height is ignored by the browser, it is just needed for the CSS logic
         * to work.
         *
         * @see @form-response/molecules/FR_FieldTable/FR_FieldTableCell.vue
         */
        height: 1px;
      }
.v-table-row{
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.v-table-row:nth-of-type(2n){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.v-table-row > td:not(.p-0){
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.v-table-row.focusable{
  cursor: pointer;
}
.v-table-row.focusable:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(111 129 236 / var(--tw-ring-opacity, 1));
}
.v-table-cell{
  height: 100%;
}
@media print {
  
  .w-11.v-table-cell {
    display: none;
  }
}
.v-table-cell{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.v-table-cell > div[class^='shell_']{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  border-radius: 0px;
}
@media print {
  
  #questions-renderer .v-table-cell > div[class^='shell_'].flex-1.items-center.justify-end.mb-auto.pb-1 {
    display: none;
  }
  [class*='container_'] > .v-table-cell > div[class^='shell_'].items-baseline {
    display: none;
  }
  
  .w-11.v-table-cell > div[class^='shell_'] {
    display: none;
  }
  .v-table-cell > div[class^='shell_'].justify-start.my-4 {
    display: none;
  }
}
.v-forms-toolbar-base{
  position: absolute;
  z-index: 10;
  display: flex;
}
.v-forms-toolbar-base > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.v-forms-toolbar-base{
  padding: 0.125rem;
}
@media print {
  
  #questions-renderer .v-forms-toolbar-base.flex-1.items-center.justify-end.mb-auto.pb-1 {
    display: none;
  }
  [class*='container_'] > .v-forms-toolbar-base.items-baseline {
    display: none;
  }
  .v-forms-toolbar-base.justify-start.my-4 {
    display: none;
  }
  #questions-renderer .v-forms-toolbar-base.top-0.left-0.w-full {
    transform: none;
  }
}
.v-forms-toolbar-base{
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(76 99 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
}
@media print {
  #content .fixed.inset-0.v-forms-toolbar-base {
    position: static;
  }
}
.v-forms-toolbar-base svg{
  font-size: 1rem;
  line-height: 1.5rem;
}
.v-avatar-overflow{
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
  border-radius: 9999px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media print {
  #questions-renderer .w-full.v-avatar-overflow {
    height: auto;
  }
}
.v-avatar-overflow.v-avatar-overflow{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.v-avatar-overflow.v-avatar-overflow:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}
.v-avatar-overflow:focus,
    .v-avatar-overflow:active{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 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(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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}
.v-menu-item-title{
  white-space: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
hr.v-menu-divider{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  height: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.\!collapse{
  visibility: collapse !important;
}
.collapse{
  visibility: collapse;
}
.\!static{
  position: static !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-1{
  inset: 0.25rem;
}
.inset-px{
  inset: 1px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-1\.5{
  bottom: -0.375rem;
}
.-left-0\.5{
  left: -0.125rem;
}
.-left-2{
  left: -0.5rem;
}
.-left-4{
  left: -1rem;
}
.-left-\[1\.1rem\]{
  left: -1.1rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-2\.5{
  right: -0.625rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-1\/4{
  top: -25%;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.-top-5{
  top: -1.25rem;
}
.-top-6{
  top: -1.5rem;
}
.-top-7{
  top: -1.75rem;
}
.-top-8{
  top: -2rem;
}
.-top-9{
  top: -2.25rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-12{
  bottom: 3rem;
}
.bottom-4{
  bottom: 1rem;
}
.left-0{
  left: 0px;
}
.left-1\.5{
  left: 0.375rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-5{
  left: 1.25rem;
}
.left-\[-1\.125rem\]{
  left: -1.125rem;
}
.left-\[-3px\]{
  left: -3px;
}
.left-\[1\.125rem\]{
  left: 1.125rem;
}
.left-\[1\.625rem\]{
  left: 1.625rem;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-1\/2{
  right: 50%;
}
.right-14{
  right: 3.5rem;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-8{
  right: 2rem;
}
.right-\[-26px\]{
  right: -26px;
}
.right-\[66px\]{
  right: 66px;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 3rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-9{
  top: 2.25rem;
}
.top-\[0\.55em\]{
  top: 0.55em;
}
.top-\[3\.75rem\]{
  top: 3.75rem;
}
.top-\[calc\(var\(--actual-viewport-height\)\/2\)\]{
  top: calc(var(--actual-viewport-height) / 2);
}
.top-auto{
  top: auto;
}
.\!z-\[100000\]{
  z-index: 100000 !important;
}
.\!z-\[10000\]{
  z-index: 10000 !important;
}
.\!z-\[600\]{
  z-index: 600 !important;
}
.-z-10{
  z-index: -10;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-50{
  z-index: 50;
}
.z-\[-1\]{
  z-index: -1;
}
.z-\[100000\]{
  z-index: 100000;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[10001\]{
  z-index: 10001;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[101\]{
  z-index: 101;
}
.z-\[11\]{
  z-index: 11;
}
.z-\[12\]{
  z-index: 12;
}
.z-\[19\]{
  z-index: 19;
}
.z-\[500\]{
  z-index: 500;
}
.z-\[600\]{
  z-index: 600;
}
.z-\[9999999\]{
  z-index: 9999999;
}
.z-\[9999\]{
  z-index: 9999;
}
.-order-1{
  order: -1;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.order-\[-1\]{
  order: -1;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-7{
  grid-column: span 7 / span 7;
}
.col-span-full{
  grid-column: 1 / -1;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.clear-both{
  clear: both;
}
.\!m-0{
  margin: 0px !important;
}
.-m-0\.5{
  margin: -0.125rem;
}
.-m-1{
  margin: -0.25rem;
}
.m-0{
  margin: 0px;
}
.m-1{
  margin: 0.25rem;
}
.m-2{
  margin: 0.5rem;
}
.m-6{
  margin: 1.5rem;
}
.m-auto{
  margin: auto;
}
.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.\!my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.-mx-0\.5{
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-my-1\.5{
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.my-px{
  margin-top: 1px;
  margin-bottom: 1px;
}
.\!-mb-4{
  margin-bottom: -1rem !important;
}
.\!-mt-20{
  margin-top: -5rem !important;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-14{
  margin-bottom: 3.5rem !important;
}
.\!mb-4{
  margin-bottom: 1rem !important;
}
.\!ml-2{
  margin-left: 0.5rem !important;
}
.\!ml-4{
  margin-left: 1rem !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.\!mt-10{
  margin-top: 2.5rem !important;
}
.\!mt-14{
  margin-top: 3.5rem !important;
}
.\!mt-2{
  margin-top: 0.5rem !important;
}
.\!mt-3{
  margin-top: 0.75rem !important;
}
.\!mt-4{
  margin-top: 1rem !important;
}
.\!mt-5{
  margin-top: 1.25rem !important;
}
.\!mt-6{
  margin-top: 1.5rem !important;
}
.\!mt-8{
  margin-top: 2rem !important;
}
.\!mt-auto{
  margin-top: auto !important;
}
.-mb-1{
  margin-bottom: -0.25rem;
}
.-mb-3{
  margin-bottom: -0.75rem;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-0{
  margin-left: -0px;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-2\.5{
  margin-left: -0.625rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-px{
  margin-top: -1px;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.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-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-auto{
  margin-bottom: auto;
}
.mb-px{
  margin-bottom: 1px;
}
.ml-0{
  margin-left: 0px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-8{
  margin-left: 2rem;
}
.ml-\[6px\]{
  margin-left: 6px;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-auto{
  margin-right: auto;
}
.mr-px{
  margin-right: 1px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[-8px\]{
  margin-top: -8px;
}
.mt-\[50vh\]{
  margin-top: 50vh;
}
.mt-auto{
  margin-top: auto;
}
.mt-px{
  margin-top: 1px;
}
.box-border{
  box-sizing: border-box;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-\[8\]{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.block{
  display: block;
}
.\!inline-block{
  display: inline-block !important;
}
.inline-block{
  display: inline-block;
}
.\!inline{
  display: inline !important;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.\!inline-flex{
  display: inline-flex !important;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.\!grid{
  display: grid !important;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[1\/1\.2\]{
  aspect-ratio: 1/1.2;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.\!size-10{
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.\!size-7{
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.\!size-full{
  width: 100% !important;
  height: 100% !important;
}
.size-10{
  width: 2.5rem;
  height: 2.5rem;
}
.size-12{
  width: 3rem;
  height: 3rem;
}
.size-16{
  width: 4rem;
  height: 4rem;
}
.size-2{
  width: 0.5rem;
  height: 0.5rem;
}
.size-3{
  width: 0.75rem;
  height: 0.75rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-5{
  width: 1.25rem;
  height: 1.25rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.size-7{
  width: 1.75rem;
  height: 1.75rem;
}
.size-8{
  width: 2rem;
  height: 2rem;
}
.size-9{
  width: 2.25rem;
  height: 2.25rem;
}
.size-full{
  width: 100%;
  height: 100%;
}
.\!h-7{
  height: 1.75rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-\[1\.125rem\]{
  height: 1.125rem !important;
}
.\!h-\[30rem\]{
  height: 30rem !important;
}
.\!h-auto{
  height: auto !important;
}
.\!h-dvh{
  height: 100dvh !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-1\/2{
  height: 50%;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[2\.375rem\]{
  height: 2.375rem;
}
.h-\[36rem\]{
  height: 36rem;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[80dvh\]{
  height: 80dvh;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[calc\(100\%-1\.5rem\)\]{
  height: calc(100% - 1.5rem);
}
.h-\[calc\(100\%-2\.75rem\)\]{
  height: calc(100% - 2.75rem);
}
.h-\[calc\(100\%-4\.5rem\)\]{
  height: calc(100% - 4.5rem);
}
.h-\[calc\(100\%-50px\)\]{
  height: calc(100% - 50px);
}
.h-\[calc\(100dvh-12rem\)\]{
  height: calc(100dvh - 12rem);
}
.h-\[var\(--actual-viewport-height\)\]{
  height: var(--actual-viewport-height);
}
.h-auto{
  height: auto;
}
.h-dvh{
  height: 100dvh;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.\!max-h-\[90dvh\]{
  max-height: 90dvh !important;
}
.\!max-h-\[90vh\]{
  max-height: 90vh !important;
}
.\!max-h-max{
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.max-h-0{
  max-height: 0px;
}
.max-h-12{
  max-height: 3rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-\[2rem\]{
  max-height: 2rem;
}
.max-h-\[30vh\]{
  max-height: 30vh;
}
.max-h-\[40rem\]{
  max-height: 40rem;
}
.max-h-\[40vh\]{
  max-height: 40vh;
}
.max-h-\[50px\]{
  max-height: 50px;
}
.max-h-\[50vh\]{
  max-height: 50vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[calc\(100dvh-10rem\)\]{
  max-height: calc(100dvh - 10rem);
}
.max-h-\[calc\(100dvh-16rem\)\]{
  max-height: calc(100dvh - 16rem);
}
.max-h-\[calc\(100dvh-22rem\)\]{
  max-height: calc(100dvh - 22rem);
}
.max-h-\[calc\(100dvh-26rem\)\]{
  max-height: calc(100dvh - 26rem);
}
.max-h-\[calc\(100dvh-4rem\)\]{
  max-height: calc(100dvh - 4rem);
}
.max-h-\[calc\(100vh-3\.75rem\)\]{
  max-height: calc(100vh - 3.75rem);
}
.max-h-\[calc\(100vh-4rem\)\]{
  max-height: calc(100vh - 4rem);
}
.max-h-\[inherit\]{
  max-height: inherit;
}
.max-h-\[min\(60vh\2c 24rem\)\]{
  max-height: min(60vh,24rem);
}
.max-h-full{
  max-height: 100%;
}
.max-h-screen{
  max-height: 100vh;
}
.\!min-h-0{
  min-height: 0px !important;
}
.\!min-h-max{
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-20{
  min-height: 5rem;
}
.min-h-28{
  min-height: 7rem;
}
.min-h-4{
  min-height: 1rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-8{
  min-height: 2rem;
}
.min-h-\[1\.5rem\]{
  min-height: 1.5rem;
}
.min-h-\[1\.75rem\]{
  min-height: 1.75rem;
}
.min-h-\[10px\]{
  min-height: 10px;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[2\.625rem\]{
  min-height: 2.625rem;
}
.min-h-\[24rem\]{
  min-height: 24rem;
}
.min-h-\[4rem\]{
  min-height: 4rem;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[inherit\]{
  min-height: inherit;
}
.min-h-px{
  min-height: 1px;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-1\/2{
  width: 50% !important;
}
.\!w-16{
  width: 4rem !important;
}
.\!w-40{
  width: 10rem !important;
}
.\!w-\[1\.125rem\]{
  width: 1.125rem !important;
}
.\!w-\[60rem\]{
  width: 60rem !important;
}
.\!w-\[700px\]{
  width: 700px !important;
}
.\!w-dvw{
  width: 100dvw !important;
}
.\!w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/6{
  width: 16.666667%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-11\/12{
  width: 91.666667%;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-9\/12{
  width: 75%;
}
.w-96{
  width: 24rem;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[18rem\]{
  width: 18rem;
}
.w-\[2\.375rem\]{
  width: 2.375rem;
}
.w-\[21rem\]{
  width: 21rem;
}
.w-\[23px\]{
  width: 23px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[32rem\]{
  width: 32rem;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[40rem\]{
  width: 40rem;
}
.w-\[50px\]{
  width: 50px;
}
.w-\[770px\]{
  width: 770px;
}
.w-\[8\.25rem\]{
  width: 8.25rem;
}
.w-\[90\%\]{
  width: 90%;
}
.w-\[90\\\%\]{
  width: 90\%;
}
.w-\[calc\(100\%-1\.25rem\)\]{
  width: calc(100% - 1.25rem);
}
.w-\[calc\(100\%-106px\)\]{
  width: calc(100% - 106px);
}
.w-\[calc\(100vw-1rem\)\]{
  width: calc(100vw - 1rem);
}
.w-\[calc\(100vw-2rem\)\]{
  width: calc(100vw - 2rem);
}
.w-\[calc\(16rem\+1\.5rem\)\]{
  width: calc(16rem + 1.5rem);
}
.w-\[calc\(2\.5rem\+1\.5rem\)\]{
  width: calc(2.5rem + 1.5rem);
}
.w-\[calc\(var\(--sidebar-expanded-width\)-1rem\)\]{
  width: calc(var(--sidebar-expanded-width) - 1rem);
}
.w-\[var\(--questions-renderer-width\)\]{
  width: var(--questions-renderer-width);
}
.w-\[var\(--sidebar-collapsed-width\)\]{
  width: var(--sidebar-collapsed-width);
}
.w-\[var\(--sidebar-expanded-width\)\]{
  width: var(--sidebar-expanded-width);
}
.w-\[var\(--v-dropdown-list-item-icon-width\)\]{
  width: var(--v-dropdown-list-item-icon-width);
}
.w-\[var\(--v-menu-item-icon-width\)\]{
  width: var(--v-menu-item-icon-width);
}
.w-auto{
  width: auto;
}
.w-dvw{
  width: 100dvw;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-min{
  width: -moz-min-content;
  width: min-content;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.\!min-w-0{
  min-width: 0px !important;
}
.min-w-0{
  min-width: 0px;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-56{
  min-width: 14rem;
}
.min-w-\[10px\]{
  min-width: 10px;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[110px\]{
  min-width: 110px;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[20rem\]{
  min-width: 20rem;
}
.min-w-\[24rem\]{
  min-width: 24rem;
}
.min-w-fit{
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-0{
  max-width: 0px !important;
}
.\!max-w-\[50rem\]{
  max-width: 50rem !important;
}
.\!max-w-md{
  max-width: 28rem !important;
}
.\!max-w-none{
  max-width: none !important;
}
.\!max-w-sm{
  max-width: 24rem !important;
}
.\!max-w-xl{
  max-width: 36rem !important;
}
.max-w-0{
  max-width: 0px;
}
.max-w-12{
  max-width: 3rem;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-72{
  max-width: 18rem;
}
.max-w-96{
  max-width: 24rem;
}
.max-w-\[100vw\]{
  max-width: 100vw;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[160px\]{
  max-width: 160px;
}
.max-w-\[1px\]{
  max-width: 1px;
}
.max-w-\[21rem\]{
  max-width: 21rem;
}
.max-w-\[28rem\]{
  max-width: 28rem;
}
.max-w-\[2rem\]{
  max-width: 2rem;
}
.max-w-\[40\%\]{
  max-width: 40%;
}
.max-w-\[40rem\]{
  max-width: 40rem;
}
.max-w-\[50\%\]{
  max-width: 50%;
}
.max-w-\[50dvw\]{
  max-width: 50dvw;
}
.max-w-\[50rem\]{
  max-width: 50rem;
}
.max-w-\[960px\]{
  max-width: 960px;
}
.max-w-\[calc\(100\%-1rem\)\]{
  max-width: calc(100% - 1rem);
}
.max-w-\[calc\(100\%-5rem\)\]{
  max-width: calc(100% - 5rem);
}
.max-w-\[calc\(100vw-1rem\)\]{
  max-width: calc(100vw - 1rem);
}
.max-w-\[var\(--questions-renderer-width\)\]{
  max-width: var(--questions-renderer-width);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-screen-lg{
  max-width: 960px;
}
.max-w-screen-sm{
  max-width: 575px;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.\!shrink-0{
  flex-shrink: 0 !important;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.flex-grow-0{
  flex-grow: 0;
}
.grow{
  flex-grow: 1;
}
.table-fixed{
  table-layout: fixed;
}
.border-collapse{
  border-collapse: collapse;
}
.border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-top-right{
  transform-origin: top right;
}
.-translate-x-1{
  --tw-translate-x: -0.25rem;
  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));
}
.-translate-x-1\/2{
  --tw-translate-x: -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));
}
.-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));
}
.-translate-y-2{
  --tw-translate-y: -0.5rem;
  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));
}
.-translate-y-6{
  --tw-translate-y: -1.5rem;
  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));
}
.translate-x-0{
  --tw-translate-x: 0px;
  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));
}
.translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  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));
}
.translate-x-1\/2{
  --tw-translate-x: 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));
}
.translate-x-12{
  --tw-translate-x: 3rem;
  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));
}
.translate-x-\[-95\%\]{
  --tw-translate-x: -95%;
  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));
}
.translate-x-full{
  --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));
}
.translate-y-0{
  --tw-translate-y: 0px;
  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));
}
.rotate-0{
  --tw-rotate: 0deg;
  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));
}
.rotate-180{
  --tw-rotate: 180deg;
  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));
}
.rotate-45{
  --tw-rotate: 45deg;
  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));
}
.rotate-90{
  --tw-rotate: 90deg;
  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-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));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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 pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.\!cursor-auto{
  cursor: auto !important;
}
.\!cursor-default{
  cursor: default !important;
}
.\!cursor-grab{
  cursor: grab !important;
}
.\!cursor-grabbing{
  cursor: grabbing !important;
}
.\!cursor-not-allowed{
  cursor: not-allowed !important;
}
.\!cursor-wait{
  cursor: wait !important;
}
.cursor-\[crosshair\]{
  cursor: crosshair;
}
.cursor-\[grab\]{
  cursor: grab;
}
.cursor-\[grabbing\]{
  cursor: grabbing;
}
.cursor-\[inherit\]{
  cursor: inherit;
}
.cursor-auto{
  cursor: auto;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.cursor-wait{
  cursor: wait;
}
.cursor-zoom-in{
  cursor: zoom-in;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none{
  resize: none;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-center{
  scroll-snap-align: center;
}
.list-disc{
  list-style-type: disc;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[1fr_4fr_3fr_2fr_2fr\]{
  grid-template-columns: 1fr 4fr 3fr 2fr 2fr;
}
.grid-cols-\[1fr_auto_1fr\]{
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1rem_1fr_1rem\]{
  grid-template-columns: 1rem 1fr 1rem;
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.grid-cols-subgrid{
  grid-template-columns: subgrid;
}
.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.\!flex-row{
  flex-direction: row !important;
}
.flex-row{
  flex-direction: row;
}
.\!flex-col{
  flex-direction: column !important;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-content-center{
  place-content: center;
}
.place-content-between{
  place-content: space-between;
}
.place-items-center{
  place-items: center;
}
.content-center{
  align-content: center;
}
.content-start{
  align-content: flex-start;
}
.\!items-start{
  align-items: flex-start !important;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.\!items-stretch{
  align-items: stretch !important;
}
.items-stretch{
  align-items: stretch;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-items-start{
  justify-items: start;
}
.justify-items-center{
  justify-items: center;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5{
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.-space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-y-\[8px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(-8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-8px * var(--tw-space-y-reverse));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.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)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-blue-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.\!self-center{
  align-self: center !important;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.justify-self-end{
  justify-self: end;
}
.overflow-auto{
  overflow: auto;
}
.\!overflow-hidden{
  overflow: hidden !important;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-visible{
  overflow-y: visible;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis{
  text-overflow: ellipsis;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.text-clip{
  text-overflow: clip;
}
.hyphens-auto{
  -webkit-hyphens: auto;
          hyphens: auto;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-none{
  border-radius: 0px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-\[inherit\]{
  border-radius: inherit;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.\!rounded-l-md{
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.\!rounded-l-none{
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-r-md{
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.\!rounded-r-none{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-sm{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[inherit\]{
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}
.rounded-br{
  border-bottom-right-radius: 0.25rem;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.\!border-x{
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-y-2{
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.\!border-l{
  border-left-width: 1px !important;
}
.\!border-r{
  border-right-width: 1px !important;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.border-none{
  border-style: none;
}
.\!border-neutral-900{
  --tw-border-opacity: 1 !important;
  border-color: rgb(16 32 67 / var(--tw-border-opacity, 1)) !important;
}
.\!border-transparent{
  border-color: transparent !important;
}
.border-amber-600{
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-blue-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-blue-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-cyan-600{
  --tw-border-opacity: 1;
  border-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}
.border-emerald-600{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-fuchsia-600{
  --tw-border-opacity: 1;
  border-color: rgb(192 38 211 / var(--tw-border-opacity, 1));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-green-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-green-600{
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-indigo-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}
.border-lime-600{
  --tw-border-opacity: 1;
  border-color: rgb(101 163 13 / var(--tw-border-opacity, 1));
}
.border-neutral-100{
  --tw-border-opacity: 1;
  border-color: rgb(217 223 236 / var(--tw-border-opacity, 1));
}
.border-neutral-50{
  --tw-border-opacity: 1;
  border-color: rgb(240 243 248 / var(--tw-border-opacity, 1));
}
.border-neutral-500{
  --tw-border-opacity: 1;
  border-color: rgb(98 115 152 / var(--tw-border-opacity, 1));
}
.border-neutral-800{
  --tw-border-opacity: 1;
  border-color: rgb(36 51 83 / var(--tw-border-opacity, 1));
}
.border-neutral-900{
  --tw-border-opacity: 1;
  border-color: rgb(16 32 67 / var(--tw-border-opacity, 1));
}
.border-orange-600{
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}
.border-purple-100{
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-rose-600{
  --tw-border-opacity: 1;
  border-color: rgb(225 29 72 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-violet-600{
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}
.border-wunder-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(238 241 254 / var(--tw-border-opacity, 1));
}
.border-wunder-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(220 223 230 / var(--tw-border-opacity, 1));
}
.border-wunder-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(207 211 238 / var(--tw-border-opacity, 1));
}
.border-wunder-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(179 186 249 / var(--tw-border-opacity, 1));
}
.border-wunder-indigo-50{
  --tw-border-opacity: 1;
  border-color: rgb(224 232 249 / var(--tw-border-opacity, 1));
}
.border-wunder-indigo-700{
  --tw-border-opacity: 1;
  border-color: rgb(53 70 156 / var(--tw-border-opacity, 1));
}
.border-yellow-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.\!border-b-slate-100{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(241 245 249 / var(--tw-border-opacity, 1)) !important;
}
.\!border-l-gray-200{
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}
.\!border-l-indigo-400{
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(129 140 248 / var(--tw-border-opacity, 1)) !important;
}
.\!border-t-blue-gray-200{
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(226 232 240 / var(--tw-border-opacity, 1)) !important;
}
.\!bg-blue-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-green-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-neutral-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 32 67 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-wunder-blue-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-wunder-blue-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(238 241 254 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-yellow-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#059669\]{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-\[\#06b6d4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-\[\#16a34a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2563eb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#475569\]{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7c3aed\]{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c026d3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d97706\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e11d48\]{
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ea580c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-black\/30{
  background-color: rgb(47 47 47 / 0.3);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10{
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-blue-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-cyan-100{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-fuchsia-100{
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1));
}
.bg-fuchsia-700{
  --tw-bg-opacity: 1;
  background-color: rgb(162 28 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-green-200{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.bg-green-300{
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-indigo-400{
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-lime-100{
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1));
}
.bg-lime-50{
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(217 223 236 / var(--tw-bg-opacity, 1));
}
.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(188 198 220 / var(--tw-bg-opacity, 1));
}
.bg-neutral-400{
  --tw-bg-opacity: 1;
  background-color: rgb(130 144 177 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 243 248 / var(--tw-bg-opacity, 1));
}
.bg-neutral-500{
  --tw-bg-opacity: 1;
  background-color: rgb(98 115 152 / var(--tw-bg-opacity, 1));
}
.bg-neutral-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 68 104 / var(--tw-bg-opacity, 1));
}
.bg-neutral-800{
  --tw-bg-opacity: 1;
  background-color: rgb(36 51 83 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900{
  --tw-bg-opacity: 1;
  background-color: rgb(16 32 67 / var(--tw-bg-opacity, 1));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-pink-400{
  --tw-bg-opacity: 1;
  background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-purple-200{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}
.bg-purple-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-300{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-teal-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-wunder-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity, 1));
}
.bg-wunder-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 254 / var(--tw-bg-opacity, 1));
}
.bg-wunder-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(207 211 238 / var(--tw-bg-opacity, 1));
}
.bg-wunder-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(179 186 249 / var(--tw-bg-opacity, 1));
}
.bg-wunder-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(111 129 236 / var(--tw-bg-opacity, 1));
}
.bg-wunder-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(67 85 243 / var(--tw-bg-opacity, 1));
}
.bg-wunder-blue-800{
  --tw-bg-opacity: 1;
  background-color: rgb(15 64 216 / var(--tw-bg-opacity, 1));
}
.bg-wunder-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(224 232 249 / var(--tw-bg-opacity, 1));
}
.bg-wunder-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(76 99 182 / var(--tw-bg-opacity, 1));
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.\!p-0{
  padding: 0px !important;
}
.\!p-3{
  padding: 0.75rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[3px\]{
  padding: 3px;
}
.p-\[clamp\(2px\2c 10\%\2c 8px\)\]{
  padding: clamp(2px,10%,8px);
}
.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-1\.5{
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-2\.5{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.\!px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-3\.5{
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-3\.5{
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.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-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.3125rem\]{
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.\!pl-0{
  padding-left: 0px !important;
}
.\!pl-1{
  padding-left: 0.25rem !important;
}
.\!pl-10{
  padding-left: 2.5rem !important;
}
.\!pl-2{
  padding-left: 0.5rem !important;
}
.\!pl-2\.5{
  padding-left: 0.625rem !important;
}
.\!pl-3{
  padding-left: 0.75rem !important;
}
.\!pl-4{
  padding-left: 1rem !important;
}
.\!pl-9{
  padding-left: 2.25rem !important;
}
.\!pl-px{
  padding-left: 1px !important;
}
.\!pr-10{
  padding-right: 2.5rem !important;
}
.\!pr-3{
  padding-right: 0.75rem !important;
}
.\!pr-6{
  padding-right: 1.5rem !important;
}
.\!pr-8{
  padding-right: 2rem !important;
}
.\!pt-0{
  padding-top: 0px !important;
}
.\!pt-px{
  padding-top: 1px !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-56{
  padding-bottom: 14rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-72{
  padding-bottom: 18rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[3\.25rem\]{
  padding-left: 3.25rem;
}
.pr-0\.5{
  padding-right: 0.125rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-14{
  padding-right: 3.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[2px\]{
  padding-top: 2px;
}
.pt-px{
  padding-top: 1px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-\[monospace\]{
  font-family: monospace;
}
.font-proxima-nova{
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.font-sans{
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.\!text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[\.5rem\]{
  font-size: .5rem;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.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 !important;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-tight{
  line-height: 1.25;
}
.\!tracking-tight{
  letter-spacing: -0.025em !important;
}
.\!text-gray-200{
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-400{
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-600{
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-600{
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}
.\!text-wunder-blue-100{
  --tw-text-opacity: 1 !important;
  color: rgb(248 249 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-wunder-blue-700{
  --tw-text-opacity: 1 !important;
  color: rgb(67 85 243 / var(--tw-text-opacity, 1)) !important;
}
.\!text-wunder-indigo-500{
  --tw-text-opacity: 1 !important;
  color: rgb(76 99 182 / var(--tw-text-opacity, 1)) !important;
}
.\!text-yellow-900{
  --tw-text-opacity: 1 !important;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#494949\]{
  --tw-text-opacity: 1;
  color: rgb(73 73 73 / var(--tw-text-opacity, 1));
}
.text-amber-300{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(47 47 47 / var(--tw-text-opacity, 1));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-gray-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.text-blue-gray-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-fuchsia-100{
  --tw-text-opacity: 1;
  color: rgb(250 232 255 / var(--tw-text-opacity, 1));
}
.text-fuchsia-800{
  --tw-text-opacity: 1;
  color: rgb(134 25 143 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-50{
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-lime-700{
  --tw-text-opacity: 1;
  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
}
.text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(130 144 177 / var(--tw-text-opacity, 1));
}
.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(98 115 152 / var(--tw-text-opacity, 1));
}
.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(72 90 129 / var(--tw-text-opacity, 1));
}
.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(36 51 83 / var(--tw-text-opacity, 1));
}
.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-purple-900{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800{
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-violet-400{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-wunder-blue-100{
  --tw-text-opacity: 1;
  color: rgb(248 249 255 / var(--tw-text-opacity, 1));
}
.text-wunder-blue-600{
  --tw-text-opacity: 1;
  color: rgb(111 129 236 / var(--tw-text-opacity, 1));
}
.text-wunder-blue-700{
  --tw-text-opacity: 1;
  color: rgb(67 85 243 / var(--tw-text-opacity, 1));
}
.text-wunder-blue-800{
  --tw-text-opacity: 1;
  color: rgb(15 64 216 / var(--tw-text-opacity, 1));
}
.text-wunder-blue-900{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
}
.text-wunder-indigo-200{
  --tw-text-opacity: 1;
  color: rgb(152 174 235 / var(--tw-text-opacity, 1));
}
.text-wunder-indigo-50{
  --tw-text-opacity: 1;
  color: rgb(224 232 249 / var(--tw-text-opacity, 1));
}
.text-wunder-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(76 99 182 / var(--tw-text-opacity, 1));
}
.text-wunder-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(64 85 168 / var(--tw-text-opacity, 1));
}
.text-wunder-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(53 70 156 / var(--tw-text-opacity, 1));
}
.text-wunder-indigo-900{
  --tw-text-opacity: 1;
  color: rgb(25 33 108 / var(--tw-text-opacity, 1));
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.no-underline{
  text-decoration-line: none;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.\!opacity-100{
  opacity: 1 !important;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-90{
  opacity: 0.9;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.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);
}
.shadow-\[white_0_-4px_0_4px\]{
  --tw-shadow: white 0 -4px 0 4px;
  --tw-shadow-colored: 0 -4px 0 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);
}
.shadow-\[white_0_4px_0_4px\]{
  --tw-shadow: white 0 4px 0 4px;
  --tw-shadow-colored: 0 4px 0 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);
}
.shadow-inner{
  --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);
}
.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);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 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);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.\!ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring{
  --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(3px + 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-0{
  --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);
}
.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-2{
  --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);
}
.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);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#059669\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity, 1));
}
.ring-\[\#06b6d4\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.ring-\[\#16a34a\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}
.ring-\[\#2563eb\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}
.ring-\[\#475569\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}
.ring-\[\#7c3aed\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity, 1));
}
.ring-\[\#c026d3\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 38 211 / var(--tw-ring-opacity, 1));
}
.ring-\[\#d97706\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity, 1));
}
.ring-\[\#e11d48\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity, 1));
}
.ring-\[\#ea580c\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1));
}
.ring-black{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(47 47 47 / var(--tw-ring-opacity, 1));
}
.ring-blue-50{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 246 255 / var(--tw-ring-opacity, 1));
}
.ring-blue-600\/50{
  --tw-ring-color: rgb(37 99 235 / 0.5);
}
.ring-blue-gray-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.ring-gray-900\/5{
  --tw-ring-color: rgb(17 24 39 / 0.05);
}
.ring-green-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.ring-neutral-700{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 68 104 / var(--tw-ring-opacity, 1));
}
.ring-purple-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}
.ring-red-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-transparent{
  --tw-ring-color: transparent;
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-wunder-blue-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(179 186 249 / var(--tw-ring-opacity, 1));
}
.ring-wunder-blue-600{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(111 129 236 / var(--tw-ring-opacity, 1));
}
.ring-wunder-blue-700{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 85 243 / var(--tw-ring-opacity, 1));
}
.ring-wunder-indigo-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(123 147 219 / var(--tw-ring-opacity, 1));
}
.ring-yellow-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}
.ring-opacity-0{
  --tw-ring-opacity: 0;
}
.ring-opacity-20{
  --tw-ring-opacity: 0.2;
}
.ring-opacity-25{
  --tw-ring-opacity: 0.25;
}
.ring-opacity-5{
  --tw-ring-opacity: 0.05;
}
.ring-offset-0{
  --tw-ring-offset-width: 0px;
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.\!ring-offset-neutral-700{
  --tw-ring-offset-color: #334468 !important;
}
.ring-offset-transparent{
  --tw-ring-offset-color: transparent;
}
.blur{
  --tw-blur: blur(8px);
  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);
}
.blur-lg{
  --tw-blur: blur(16px);
  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);
}
.\!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) !important;
}
.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{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c margin\]{
  transition-property: max-height,margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c visibility\]{
  transition-property: opacity,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\!delay-200{
  transition-delay: 200ms !important;
}
.\!delay-\[\.2s\]{
  transition-delay: .2s !important;
}
.delay-100{
  transition-delay: 100ms;
}
.delay-200{
  transition-delay: 200ms;
}
.delay-\[\.2s\]{
  transition-delay: .2s;
}
.delay-\[\.5s\]{
  transition-delay: .5s;
}
.delay-\[0ms\]{
  transition-delay: 0ms;
}
.delay-\[1\.5s\]{
  transition-delay: 1.5s;
}
.delay-\[1\.75s\]{
  transition-delay: 1.75s;
}
.delay-\[1s\]{
  transition-delay: 1s;
}
.delay-\[2\.5s\]{
  transition-delay: 2.5s;
}
.delay-\[2s\]{
  transition-delay: 2s;
}
.delay-\[3s\]{
  transition-delay: 3s;
}
.\!duration-300{
  transition-duration: 300ms !important;
}
.\!duration-700{
  transition-duration: 700ms !important;
}
.duration-0{
  transition-duration: 0s;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-75{
  transition-duration: 75ms;
}
.duration-\[2000\]{
  transition-duration: 2000;
}
.duration-\[var\(--sidebar-transition-duration\)\]{
  transition-duration: var(--sidebar-transition-duration);
}
.\!ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.content-\[\'\'\]{
  --tw-content: '';
  content: var(--tw-content);
}
.\@container{
  container-type: inline-size;
}
.\[clip-path\:polygon\(0_0\2c 100\%_0\2c 100\%_100\%\)\]{
  clip-path: polygon(0 0,100% 0,100% 100%);
}
.\[grid-column\:1\/-1\]{
  grid-column: 1/-1;
}
.activity-tile-container {
  margin: 1rem 0;
  line-height: 1.44;
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.activity-avatar-container {
  width: 50px !important;
  padding: 0px 0.625rem;
  cursor: pointer;
}
.activity-avatar {
  border-radius: 100%;
  width: 1.75rem;
  height: 1.75rem;
  background-repeat: no-repeat;
  background-position: center center;
}
.activity-main > span::before,
    .activity-main > span::after {
      content: ' ';
    }
.activity-main .activity-user {
    font-weight: 600;
  }
.activity-main .activity-action.added {
      color: #2e7d32;
    }
.activity-main .activity-action.removed {
      color: #c52d00;
    }
.activity-main .activity-action-recipient {
    color: #6e6e6e;
    font-weight: 600;
  }
.activity-details-button {
  color: #16244f;
  cursor: pointer;
}
.activity-details-button span {
    margin-right: 0.375rem;
  }
.activity-details-button:hover {
    color: #0f40d8;
  }
.arrow-icon {
  transition: 0.2s ease-out;
}
.activity-time {
  margin-right: 0.625rem;
  color: #6e6e6e;
  font-size: 0.875rem;
}
.atomic-details-container {
  padding-left: 2rem;
  padding-top: 0.625rem;
}
.atomic-details {
  margin-bottom: 0.625rem;
}
.admin-content .table .el-table {
      background-color: #fff;
    }
.admin-content .table .el-table .el-table__body .cell {
          font-size: 0.875rem;
        }
.admin-content .table .el-table .el-table__body .cell .el-link {
            font-size: 0.875rem;
          }
.admin-content .table .el-table .el-table__body .cell .profile-photo {
            border-radius: 50%;
          }
.admin-content .el-button--small {
      font-size: 1rem;
    }
.admin-content .el-checkbox.is-checked .el-checkbox__inner {
        background-color: #4355f3;
        border-color: #4355f3;
      }
.admin-content .el-table .cell {
      word-break: break-all;
    }
.admin-content .el-table .cell .el-button {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        margin-left: 0 !important;
        width: 100%;
      }
.admin-content .el-table .cell .delete-team {
        margin-top: 0.3125rem;
      }
.headers {
  width: 100%;
  padding-top: 0.125rem;
  display: flex;
  align-items: center;
}
.headers .search {
    display: flex;
    flex-grow: 1;
  }
@media (min-width: 960px) {
.headers .search {
      max-width: 360px
  }
    }
.headers .el-button {
    display: flex;
    flex-shrink: 0;
    margin-left: 0.75rem;
  }
.invites-table {
  margin-top: 1rem;
}
#rp-collaborators {
  min-height: 550px;
}
#rp-collaborators .card-grid {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
#rp-collaborators .card-grid:first-child {
      margin-top: 1rem;
    }
#rp-collaborators .card-grid__count {
      color: #2f2f2f;
      padding-bottom: 1rem;
    }
#rp-collaborators .card-grid__wrapper {
      display: grid;
      grid-template-columns: minmax(280px, 1fr);
      gap: 1rem;
      margin-bottom: 1rem;
    }
@media (min-width: 960px) {
#rp-collaborators .card-grid__wrapper {
        grid-template-columns: repeat(2, minmax(280px, 1fr))
    }
      }
#rp-collaborators .card-grid__wrapper__item {
        display: flex;
        flex-direction: column;
        width: 100%;
      }
.collaborator-tile {
  position: relative;
  display: flex;
  background-color: #f8f9ff;
  border-radius: 0.3125rem;
  border: 1px solid #edeff4;
  flex: 1;
  transition: 0.2s ease-out;
  transition-property: border-color, background-color;
}
.collaborator-tile--highlight {
    background-color: #eef1fe;
    border-color: #6f81ec;
  }
.collaborator-tile--disabled {
    background-color: #f8f8f8;
    border-color: #edeff4;
  }
.collaborator-tile--disabled .collaborator__image {
      opacity: 0.5;
    }
.collaborator-tile .collaborator__image {
    border-radius: 0.3125rem 0 0 0.3125rem;
    flex-shrink: 1;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    height: auto;
    background-color: #bcc6dc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  }
.collaborator-tile .collaborator__image p {
      display: flex;
      align-items: center;
      font-size: 2rem;
    }
.assign-share .collaborator-tile .collaborator__image {
      width: 3.875rem;
    }
.assign-share .collaborator-tile .collaborator__image p {
        font-size: 1.5rem;
      }
.assign-share .collaborator__wrapper .collaborator__info__wrapper {
      padding: 0.625rem 1rem;
    }
.assign-share .collaborator__wrapper + button {
        width: 100%;
        margin-top: 1rem;
      }
.assign-share .collaborator__wrapper + button:after {
          display: block;
          content: '';
          width: 100%;
          height: 2px;
          position: absolute;
          bottom: -4px;
        }
.assign-share__tooltip {
    color: #6e6e6e;
    position: absolute;
    left: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
  }
.collaborator__wrapper {
  margin-bottom: 1rem;
}
.collaborator__wrapper:last-of-type {
    margin-bottom: 0;
  }
.collaborator__wrapper .collaborator__info {
      flex-grow: 1;
    }
.collaborator__wrapper .collaborator__info__wrapper {
        display: flex;
        width: 100%;
        padding: 1.25rem;
        padding-left: 1.5rem;
      }
.collaborator__wrapper .collaborator__info__actions {
        display: flex;
      }
.collaborator__wrapper .collaborator__image {
      width: 104px;
    }
@media (min-width: 575px) {
.collaborator__wrapper .collaborator__image {
        flex-shrink: 0
    }
      }
.collaborator__wrapper .collaborator__info__wrapper {
        padding: 1rem;
      }
.collaborator__wrapper .collaborator__info__block h3 {
          font-size: 1.125rem;
          color: #35469c;
        }
.collaborator__wrapper .collaborator__info__block p {
          font-size: 1rem;
        }
.collaborator__wrapper .collaborator__info__actions {
        align-items: center;
      }
.collaborator__wrapper .collaborator__info__actions button:hover {
            background-color: transparent;
          }
.collaborator__wrapper .collaborator-tile {
      cursor: pointer;
      transition: box-shadow 0.2s ease-out;
    }
.collaborator__wrapper .collaborator-tile:hover,
      .collaborator__wrapper .collaborator-tile:focus {
        box-shadow: 0 0 0 2px #b3baf9;
      }
.collaborator__wrapper .collaborator-tile:active {
        box-shadow: 0 0 0 2px #4055a8;
      }
.collaborator__wrapper .collaborator-tile .collaborator-email {
        color: #6e6e6e;
      }
.collaborator__wrapper .collaborator-tile--disabled {
        cursor: not-allowed;
      }
.collaborator__wrapper .collaborator-tile--disabled:hover,
        .collaborator__wrapper .collaborator-tile--disabled:active {
          box-shadow: none;
        }
.collaborator__wrapper .collaborator-tile--disabled .collaborator__info__block h3 {
              color: #6e6e6e;
            }
.collaborator__wrapper .collaborator-tile--disabled .collaborator__info__block p {
              color: #6e6e6e;
            }
.dashboard__wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 2rem;
  padding: 0 1.5rem;
}
.dashboard__wrapper.dashboard-wrapper__detail-expand {
    max-width: 100%;
  }
.dashboard__wrapper.dashboard-overview {
    padding-left: 0;
    padding-right: 0;
  }
.dashboard-policies .customer-dashboard {
    max-width: 1200px;
  }
.dashboard-policies.dashboard-wrapper__detail-expand .customer-dashboard {
      max-width: 100%;
    }
.customer-dashboard {
  width: 100%;
  max-width: 56rem;
  margin: auto;
}
.customer-dashboard > .loading {
    margin-top: 10vh;
  }
.dashboard__sections {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
.dashboard__sections__item {
      width: 100%;
    }
.dashboard__sections__item .overview-data__wrapper-empty {
        grid-template-columns: 100%;
        width: 100%;
        display: grid;
        flex-direction: column;
        margin-bottom: 2rem;
      }
@media (min-width: 768px) {
.dashboard__sections__item .overview-data__wrapper-empty {
          grid-template-columns: repeat(2, minmax(280px, 1fr));
          gap: 1rem
      }
        }
.dashboard__action-button {
    display: flex;
    justify-content: flex-end;
    margin-right: calc(-1 * 1rem);
  }
.dashboard__action-button button {
      margin-top: 0.5rem;
    }
.dashboard__sections h2 {
    margin-bottom: 1.25rem;
  }
.overview-data__wrapper:last-child .overview-data__questionnaires {
        margin-bottom: 1.5rem;
      }
.overview-data__questionnaires {
    margin-bottom: 2.5rem;
  }
.overview-data__questionnaires .overview-data__content {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
.policy-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
.policy-wrapper {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 1rem
}
      .policy-wrapper .overview-data__tile-wrapper .overview-data__tile {
        margin-bottom: 0;
      }
  }
@media (min-width: 1200px) {
.policy-wrapper {
    grid-template-columns: repeat(3, minmax(280px, 1fr))
}
  }
@media (min-width: 768px) {
.dashboard-wrapper__detail-expand .policy-wrapper {
      grid-template-columns: repeat(1, minmax(280px, 1fr))
  }
    }
@media (min-width: 1680px) {
.dashboard-wrapper__detail-expand .policy-wrapper {
      grid-template-columns: repeat(2, minmax(280px, 1fr))
  }
    }
@media (min-width: 1920px) {
.dashboard-wrapper__detail-expand .policy-wrapper {
      grid-template-columns: repeat(3, minmax(280px, 1fr))
  }
    }
.policy-tile {
  flex-direction: column;
}
.policy-tile__header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1.25rem;
    background-color: #627398;
    color: #f8f9ff;
    border-radius: 0.3125rem 0.3125rem 0 0;
  }
.policy-tile__header-title {
      font-size: 1.5rem;
      display: flex;
      align-items: center;
      padding-right: 0.375rem;
    }
.policy-tile__header-title .policy-tile__header-icon + h3 {
        margin-left: 1rem;
      }
.policy-tile__header-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 1.5rem;
      text-align: center;
    }
.policy-tile__content {
    padding: 1rem 1.25rem;
  }
.policy-tile.policy-tile__selected {
    box-shadow: 0 0 0 2px #4055a8;
  }
.customer-dashboard .overview-data__tile.policy-tile.policy-tile__selected {
        background-color: #eef1fe;
      }
.chip-status {
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  background-color: #f0f3f8;
  color: #494949;
  border-radius: 0.1875rem;
}
.chip-status.chip-status__danger {
      background-color: #ffe9e2;
      color: #c52d00;
    }
.chip-status.chip-status__success {
      background-color: #e6fbdf;
      color: #005522;
    }
.chip-status.chip-status__warning {
      background-color: #fff7de;
      color: #7e5519;
    }
.chip-status.chip-status__neutral {
      background-color: #eef1fe;
      color: #627398;
    }
.detail-view-main {
    display: flex;
    margin-bottom: 1.25rem;
  }
.detail-view-main .map-wrapper {
      background-color: #f8f9ff;
      color: #cfd3ee;
      width: 240px;
      height: 140px;
      margin-right: 1.5rem;
      overflow: hidden;
      text-align: center;
    }
@media (max-width: 768px and (min-width: calc(575px+1px))) {
.detail-view-main .map-wrapper {
        width: 160px;
        height: 130px
    }
      }
.detail-view-main .map-wrapper.building-icon {
        border: 1px solid #cfd3ee;
        border-radius: 0.1875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3rem;
      }
.detail-view-main .map-wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 0.1875rem;
      }
.detail-view-main .vehicle-wrapper,
    .detail-view-main .policy-wrapper {
      background-color: #fff;
      color: #cfd3ee;
      width: 240px;
      height: 140px;
      margin-right: 1.25rem;
      border-radius: 0.1875rem;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
@media (max-width: 768px and (min-width: calc(575px+1px))) {
.detail-view-main .vehicle-wrapper,
    .detail-view-main .policy-wrapper {
        width: 160px;
        height: 130px
    }
      }
.detail-view-main .vehicle-wrapper.vehicle-icon, .detail-view-main .policy-wrapper.vehicle-icon {
        background-color: #f8f9ff;
        border: 1px solid #cfd3ee;
        font-size: 3rem;
      }
.detail-view-main .vehicle-wrapper .body-class-image, .detail-view-main .policy-wrapper .body-class-image {
        display: flex;
      }
.detail-view-main .vehicle-wrapper img, .detail-view-main .policy-wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 0.1875rem;
      }
.detail-view-main .policy-icon {
      font-size: 2rem;
      width: 6.5rem;
      height: 6.5rem;
      color: #f8f9ff;
      background-color: #627398;
      border-radius: 0.3125rem;
    }
.detail-view-main .right-inner {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
.detail-view-main .right-inner .heading {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        word-break: break-word;
        padding-right: 2rem;
      }
.detail-view-main .right-inner .heading .sub-heading {
          min-height: 1.75rem;
          display: flex;
        }
.detail-view-main .right-inner .heading .sub-heading h5 {
            color: #6e6e6e;
            word-break: normal;
            white-space: nowrap;
          }
.detail-view-main .right-inner .heading .sub-heading p {
            margin-left: 0.625rem;
            font-weight: 600;
          }
.detail-view-main .right-inner .heading .sub-heading p:first-child,
            .detail-view-main .right-inner .heading .sub-heading p.no-spacing {
              margin-left: 0;
            }
.detail-view-main .right-inner .heading p {
          font-weight: 600;
        }
.detail-view-main .right-inner .heading p.vin-status {
            font-size: 1rem;
            font-style: italic;
            font-weight: 400;
          }
.detail-view-main .right-inner .heading .vin-status__invalid,
          .detail-view-main .right-inner .heading .vin-status__invalid span {
            color: #c52d00;
          }
.detail-view-main .right-inner .heading .vin-status__partial,
          .detail-view-main .right-inner .heading .vin-status__partial span {
            color: #a27c1a;
          }
.detail-view-main .right-inner .heading span {
          color: #6e6e6e;
        }
.detail-view-main .right-inner .heading .vin-wrapper {
          display: flex;
          align-items: center;
        }
.detail-view-main .right-inner .heading .vin-wrapper p + button {
            margin-left: 1rem;
          }
.detail-view-main .right-inner .address {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
      }
.detail-view-main .right-inner .address p {
          color: #6e6e6e;
        }
.detail-view-main .right-inner .address.no-address {
          justify-content: flex-end;
        }
.detail-view-main .right-inner .registration,
      .detail-view-main .right-inner .carrier {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
      }
.detail-view-main .right-inner .registration-state, .detail-view-main .right-inner .carrier-state {
          background-color: #fff;
        }
.detail-view-main .right-inner .registration p, .detail-view-main .right-inner .carrier p {
          color: #6e6e6e;
          display: flex;
          align-items: center;
        }
.detail-view-main .right-inner .action-buttons {
        display: flex;
      }
.detail-view-main .right-inner .action-buttons button {
          margin-right: 0.625rem;
        }
.detail-view-main .right-inner .action-buttons button:last-of-type {
            margin-right: 0;
          }
@media (max-width: 575px) {
.detail-view-main {
      flex-direction: column
  }
      .detail-view-main .left-inner {
        margin-bottom: 1rem;
      }
    }
.detail-view .search-tool__data-tile {
    background-color: #fff;
  }
.hidden-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.files-activities .activity-item {
    margin: 0 1rem 1.125rem;
  }
.files-activities .activity-item:last-child {
      margin-bottom: 0;
    }
.files-activities .activity-item p {
      font-size: 1rem;
      color: #494949;
    }
.files-activities .activity-item p span::before,
        .files-activities .activity-item p span::after {
          content: ' ';
        }
.files-activities .activity-item p span{
        color: #6e6e6e;
}
.files-activities .activity-item label {
      font-size: 0.875rem;
      color: #6e6e6e;
    }
.files-activities .activity-item .activity-user,
    .files-activities .activity-item .activity-recipient {
      color: #6e6e6e;
      font-weight: 600;
    }
.files-activities .formsection__header__title {
    display: flex;
  }
.files-activities .formsection__header__title .view-all {
      margin-left: 1.25rem;
      font-size: 1.125rem;
      color: #6e6e6e;
    }
.registration-text + .registration-state, .registration-id + .registration-state, .carrier-text + .registration-state {
    margin-left: 0.625rem;
  }
.registration-state {
  border: 1px solid #cfd3ee;
  border-radius: 0.1875rem;
  padding: 0 0.1875rem;
  background-color: #f8f9ff;
  text-align: center;
}
.sub-details-container {
  padding-left: 1.25rem;
  margin-bottom: 1.25rem;
}
.table-buttons {
  display: flex;
}
.table-buttons button + button,
  .table-buttons button + div {
    margin-left: 0.625rem;
  }
.detail-view__notes .inline-edit {
    margin-left: 1.25rem;
  }
.detail-view__notes .inline-edit__preview__label {
      padding: 0;
    }
.detail-row {
  display: flex;
  margin-bottom: 0.75rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 575px) {
.detail-row {
    flex-wrap: nowrap
}
  }
.detail-row .details {
    flex: 1;
  }
@media (min-width: 575px) {
.detail-row .details {
      margin-left: 1rem
  }
    }
.wrapper-collapse {
  width: calc(100% - 700px);
}
body .alert-delete .el-button.el-button--primary {
      color: #c52d00;
      background-color: #ffe9e2;
    }
body .alert-delete .el-button.el-button--primary:hover,
      body .alert-delete .el-button.el-button--primary:active,
      body .alert-delete .el-button.el-button--primary:focus {
        color: #581002;
        background-color: #f8c6bc;
      }
body .alert-delete .el-button.el-button--primary:focus,
      body .alert-delete .el-button.el-button--primary:active {
        box-shadow: 0 0 0 2px #f8c6bc;
      }
body .alert-delete .alert-secondary {
      font-weight: 600;
    }
body .el-button {
    flex-direction: row;
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.125rem;
    color: #16244f;
    padding: 10px 16px;
    background: transparent;
    border: none;
    outline: 0;
    height: auto;
    border-radius: 0.1875rem;
    cursor: pointer;
    box-shadow: 0 0 0 0px #b3baf9;
    transition: 0.1s ease-out;
    position: relative;
  }
body .el-button:hover {
      background: transparent;
      color: #4355f3;
    }
body .el-button{

    font-size: 1rem;
    line-height: 1rem;
}
body .el-button.icon {
      padding-left: 40px;
      padding-right: 14px;
    }
body .el-button.icon--right {
        padding-left: 16px;
        padding-right: 40px;
      }
body .el-button .icon {
      position: absolute;
      width: 22px;
      height: 22px;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
    }
body .el-button .icon .svg {
        color: #fff;
        stroke: #fff;
      }
body .el-button .icon--right {
        left: initial;
        right: 10px;
      }
body .el-button.el-button--primary:hover,
      body .el-button.el-button--primary:focus,
      body .el-button.el-button--primary:active {
        background-color: #0f40d8;
        color: #fff;
      }
body .el-button.el-button--primary.is-disabled,
      body .el-button.el-button--primary.is-disabled:hover {
        color: #6e6e6e;
        background-color: #f2f3f7;
        cursor: not-allowed;
      }
body .el-button.el-button--danger {
      color: #c52d00;
      background-color: #ffe9e2;
    }
body .el-button.el-button--danger:hover,
      body .el-button.el-button--danger:active {
        color: #581002;
        background-color: #f8c6bc;
      }
body .el-button.el-button--danger:focus,
      body .el-button.el-button--danger:active {
        box-shadow: 0 0 0 2px #f8c6bc;
      }
body .el-button.disabled {
      color: #6e6e6e;
      background-color: #f2f3f7;
      cursor: not-allowed;
    }
body .el-button.disabled:hover,
      body .el-button.disabled:active {
        color: #6e6e6e;
        background-color: #f2f3f7;
      }
body .el-button.disabled:focus,
      body .el-button.disabled:active {
        box-shadow: 0 0 0 0px #b3baf9;
      }
body .el-button.disabled.inverse {
        background-color: #e1e2e2;
      }
body .el-button.disabled.inverse:hover,
        body .el-button.disabled.inverse:active {
          background-color: #e1e2e2;
        }
body .el-button.disabled .icon .svg {
          color: #6e6e6e;
          stroke: #6e6e6e;
        }
body .el-button.loading {
      cursor: wait;
      background-color: #6f81ec;
    }
body .el-button.loading:hover,
      body .el-button.loading:active {
        background-color: #6f81ec;
      }
body .el-button.loading:focus,
      body .el-button.loading:active {
        box-shadow: 0 0 0 0px #b3baf9;
      }
body .el-button .loading-icon {
      height: 1.125rem;
      width: 1.125rem;
      position: relative;
      transform: scale(1.2);
    }
body .el-dialog {
    border-radius: 0.1875rem;
  }
body .el-dialog .el-dialog__title,
    body .el-dialog .message {
      font-size: 1rem;
      font-weight: 400;
      word-break: break-word;
    }
body .el-message-box {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    border-radius: 0.1875rem;
    padding-bottom: 0;
    width: 100%;
    max-width: 460px;
  }
body .el-message-box.assign-share {
      max-width: 632px;
      position: relative;
      z-index: 251;
      max-height: 100vh;
    }
body .el-message-box.assign-share .el-message-box__content {
          padding: 0;
          padding-top: 1.25rem;
        }
body .el-message-box.assign-share .el-message-box__message {
          max-height: 60vh;
          padding: 2px 1.875rem 1.25rem;
        }
@media (max-height: 480px) {
body .el-message-box.assign-share .el-message-box__message {
            max-height: 40vh
        }
          }
body .el-message-box.assign-share .el-message-box__btns {
          position: relative;
          padding-left: 1.875rem;
          padding-right: 1.875rem;
          margin-top: 1rem;
        }
body .el-message-box.assign-share .collaborator__wrapper + p {
        margin-top: 2rem;
      }
body .el-message-box .el-button--primary {
      color: #fff;
      background-color: #4355f3;
    }
body .el-message-box__header {
      padding: 1rem;
      display: flex;
      justify-content: space-between;
      padding: 1.25rem 1.875rem 0;
    }
body .el-message-box__title {
      font-size: 1.25rem;
      font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      color: #16244f;
      font-weight: 500;
    }
body .el-message-box__headerbtn {
      position: static;
      top: 0;
      right: 0;
      height: 1.75rem;
      width: 1.75rem;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-radius: 0.1875rem;
      transition: 0.2s ease-out;
      margin-top: -0.5rem;
      margin-right: -0.875rem;
    }
body .el-message-box__headerbtn:hover .el-message-box__close {
          color: #16244f;
        }
body .el-message-box__headerbtn:hover {
        background-color: #cfd3ee;
      }
body .el-message-box__headerbtn:focus {
        background-color: #cfd3ee;
      }
body .el-message-box__headerbtn:focus,
      body .el-message-box__headerbtn:active {
        box-shadow: 0 0 0 2px #b3baf9;
      }
body .el-message-box__headerbtn:active {
        background-color: #b3baf9;
      }
body .el-message-box__content {
      color: #494949;
      padding: 0.75rem 30px 1.25rem;
    }
body .el-message-box__btns {
      background-color: #f8f9ff;
      padding: 1rem 1.25rem;
    }
body .el-message-box__btns button:nth-child(2) {
        margin-left: 1rem;
      }
body .el-message-box p,
    body .el-message-box button {
      font-size: 1rem;
    }
body .el-message-box .el-tabs__content {
        overflow: visible;
        margin-bottom: 0;
      }
body .el-message-box .el-tabs--card > .el-tabs__header {
          border-bottom: 0;
          margin-bottom: 1rem;
          padding-left: 1.875rem;
          padding-right: 1.875rem;
        }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__nav {
            border: 0;
            border-radius: 0.1875rem;
          }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item {
            border: 0;
            height: auto;
            font-weight: 500;
            font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            line-height: inherit;
            background-color: #f0f3f8;
            transition: 0.2s ease-out;
          }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item#tab-assign-to,
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item#tab-or {
              display: inline-flex;
              align-items: center;
              background-color: transparent;
              box-shadow: none;
              font-size: 1.125rem;
              padding-left: 0;
              padding: 0;
              margin-right: 1rem;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item#tab-or {
              margin-left: 1rem;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item,
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
              padding: 0.3125rem 0.75rem;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:not(.el-tabs__item.is-active) {
              color: #485a81;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
              font-weight: 600;
              background-color: #e0e8f9;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:hover,
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:focus {
              background-color: #cfd3ee;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:focus,
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:active {
              box-shadow: inset 0 0 0 2px #b3baf9;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:active {
              background-color: #b3baf9;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item#tab-draft-email {
              border-top-left-radius: 0.1875rem;
              border-bottom-left-radius: 0.1875rem;
            }
body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
            body .el-message-box .el-tabs--card > .el-tabs__header .el-tabs__item#tab-agent {
              border-top-right-radius: 0.1875rem;
              border-bottom-right-radius: 0.1875rem;
            }
body .el-notification {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
body .el-notification a {
      color: #0f40d8;
    }
body .el-notification .el-notification__content {
      text-align: left;
    }
body .impersonate-alert {
    background-color: #fff7de;
  }
body .impersonate-alert .link {
      font-size: 0.875rem;
      color: #6e6e6e;
    }
body .impersonate-alert .el-notification__content {
      margin-top: auto;
    }
body .el-rate .el-rate__text {
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1rem;
    }
@media (max-width: 575px) {
      body .sentiment .el-rate {
        padding: 1rem 0;
        width: 100%;
      }

      body .sentiment .el-rate__text {
        float: right;
      }
  }
body .riskdata-import-form .el-table {
      margin-top: 1rem;
    }
body .search-result .inverse .el-table__empty-block {
        display: none;
      }
body .search-result .inverse th {
        background-color: #f2f3f7;
      }
body .search-result .inverse td {
        background-color: #f2f3f7;
      }
body .hazard-hub-wrapper .el-table .cell {
        word-break: break-all;
      }
body .detail-view .el-table__footer-wrapper .cell {
        font-weight: 600;
      }
body .risk-data .el-table .el-table__body-wrapper td,
        body .risk-data .el-table .el-table__body-wrapper .cell,
        body .risk-data .el-table .el-table__footer-wrapper td,
        body .risk-data .el-table .el-table__footer-wrapper .cell,
        body .home-profiles .el-table .el-table__body-wrapper td,
        body .home-profiles .el-table .el-table__body-wrapper .cell,
        body .home-profiles .el-table .el-table__footer-wrapper td,
        body .home-profiles .el-table .el-table__footer-wrapper .cell,
        body #modal-form .el-table .el-table__body-wrapper td,
        body #modal-form .el-table .el-table__body-wrapper .cell,
        body #modal-form .el-table .el-table__footer-wrapper td,
        body #modal-form .el-table .el-table__footer-wrapper .cell,
        body .policies .el-table .el-table__body-wrapper td,
        body .policies .el-table .el-table__body-wrapper .cell,
        body .policies .el-table .el-table__footer-wrapper td,
        body .policies .el-table .el-table__footer-wrapper .cell,
        body .table-attachments .el-table .el-table__body-wrapper td,
        body .table-attachments .el-table .el-table__body-wrapper .cell,
        body .table-attachments .el-table .el-table__footer-wrapper td,
        body .table-attachments .el-table .el-table__footer-wrapper .cell {
          font-size: 0.875rem;
        }
body .risk-data .el-table .el-table__body-wrapper td p,
          body .risk-data .el-table .el-table__body-wrapper td a,
          body .risk-data .el-table .el-table__body-wrapper .cell p,
          body .risk-data .el-table .el-table__body-wrapper .cell a,
          body .risk-data .el-table .el-table__footer-wrapper td p,
          body .risk-data .el-table .el-table__footer-wrapper td a,
          body .risk-data .el-table .el-table__footer-wrapper .cell p,
          body .risk-data .el-table .el-table__footer-wrapper .cell a,
          body .home-profiles .el-table .el-table__body-wrapper td p,
          body .home-profiles .el-table .el-table__body-wrapper td a,
          body .home-profiles .el-table .el-table__body-wrapper .cell p,
          body .home-profiles .el-table .el-table__body-wrapper .cell a,
          body .home-profiles .el-table .el-table__footer-wrapper td p,
          body .home-profiles .el-table .el-table__footer-wrapper td a,
          body .home-profiles .el-table .el-table__footer-wrapper .cell p,
          body .home-profiles .el-table .el-table__footer-wrapper .cell a,
          body #modal-form .el-table .el-table__body-wrapper td p,
          body #modal-form .el-table .el-table__body-wrapper td a,
          body #modal-form .el-table .el-table__body-wrapper .cell p,
          body #modal-form .el-table .el-table__body-wrapper .cell a,
          body #modal-form .el-table .el-table__footer-wrapper td p,
          body #modal-form .el-table .el-table__footer-wrapper td a,
          body #modal-form .el-table .el-table__footer-wrapper .cell p,
          body #modal-form .el-table .el-table__footer-wrapper .cell a,
          body .policies .el-table .el-table__body-wrapper td p,
          body .policies .el-table .el-table__body-wrapper td a,
          body .policies .el-table .el-table__body-wrapper .cell p,
          body .policies .el-table .el-table__body-wrapper .cell a,
          body .policies .el-table .el-table__footer-wrapper td p,
          body .policies .el-table .el-table__footer-wrapper td a,
          body .policies .el-table .el-table__footer-wrapper .cell p,
          body .policies .el-table .el-table__footer-wrapper .cell a,
          body .table-attachments .el-table .el-table__body-wrapper td p,
          body .table-attachments .el-table .el-table__body-wrapper td a,
          body .table-attachments .el-table .el-table__body-wrapper .cell p,
          body .table-attachments .el-table .el-table__body-wrapper .cell a,
          body .table-attachments .el-table .el-table__footer-wrapper td p,
          body .table-attachments .el-table .el-table__footer-wrapper td a,
          body .table-attachments .el-table .el-table__footer-wrapper .cell p,
          body .table-attachments .el-table .el-table__footer-wrapper .cell a {
            font-size: 0.875rem;
          }
body .risk-data .el-table__body-wrapper .cell, body .home-profiles .el-table__body-wrapper .cell, body #modal-form .el-table__body-wrapper .cell, body .policies .el-table__body-wrapper .cell, body .table-attachments .el-table__body-wrapper .cell {
          max-width: 100%;
        }
body .risk-data .el-table .invalid-row, body .home-profiles .el-table .invalid-row, body #modal-form .el-table .invalid-row, body .policies .el-table .invalid-row, body .table-attachments .el-table .invalid-row {
        background-color: #ffe9e2;
      }
body .table-wrapper .el-table__row {
      cursor: pointer;
    }
body .home-profile-wrapper .el-table .el-table__body-wrapper .cell {
      font-size: 1rem;
    }
body .el-table td,
    body .el-table th {
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
body .el-table td.is-center .cell, body .el-table th.is-center .cell {
          margin-left: auto;
          margin-right: auto;
        }
body .el-table td.is-left .cell, body .el-table th.is-left .cell {
          margin-right: auto;
        }
body .el-table td.is-right .cell, body .el-table th.is-right .cell {
          margin-left: auto;
        }
body .el-table .el-table__header-wrapper th .cell {
      font-weight: 600;
      color: #2f2f2f;
    }
body .el-table .cell {
      line-height: inherit;
      word-break: normal;
    }
body .el-table .cell .el-table__placeholder{
  width: 0px;
}
body .el-table td .cell {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1rem;
      }
body .el-table td .cell p {
          text-overflow: ellipsis;
          overflow: hidden;
        }
body .el-table .caret-wrapper {
      height: 22px;
      bottom: 1px;
    }
body .el-table .caret-wrapper .sort-caret.ascending {
          top: 0;
        }
body .el-table .caret-wrapper .sort-caret.descending {
          bottom: 0;
        }
body .el-table.detail-view {
      background-color: transparent;
    }
body .el-table.detail-view th,
      body .el-table.detail-view tr,
      body .el-table.detail-view .el-table__empty-block {
        background-color: transparent;
      }
body .el-table.inverse th,
      body .el-table.inverse td {
        background-color: #f2f3f7;
      }
body .el-table.inverse .el-table__header-wrapper th {
          background-color: #f2f3f7;
        }
body .el-table.inverse .el-table__body-wrapper td {
          background-color: #f2f3f7;
        }
body .el-table.inverse .el-table__empty-block {
        background-color: #f2f3f7;
      }
body .el-table.inverse .success-row td {
          background-color: #e6fbdf;
        }
body .el-table.inverse .warning-row td {
          background-color: #fff7de;
        }
body .el-table.inverse .danger-row td {
          background-color: #ffe9e2;
        }
body .el-table.inverse .updated-row td {
          background-color: oldlace;
        }
body .el-table.inverse .updated-row.row-content td:first-child {
            background-color: #f2f3f7;
          }
body .el-table.inverse .updated-row.row-content td:nth-child(2) {
            background-color: oldlace;
          }
body .el-table.inverse .updated-row.row-content td:last-child {
            background-color: #e6fbdf;
          }
body .el-table.inverse .updated-row.row-summary-content td:first-child {
            background-color: oldlace;
          }
body .el-table.inverse .updated-row.row-summary-content td:last-child {
            background-color: #e6fbdf;
          }
body .el-table .success-row td {
        background-color: #e6fbdf;
      }
body .el-table .warning-row td {
        background-color: #fff7de;
      }
body .el-table .danger-row td {
        background-color: #ffe9e2 !important;
      }
body .el-table .updated-row td {
        background-color: oldlace;
      }
body .el-table .updated-row.row-content td:first-child {
          background-color: #f2f3f7;
        }
body .el-table .updated-row.row-content td:nth-child(2) {
          background-color: oldlace;
        }
body .el-table .updated-row.row-content td:last-child {
          background-color: #e6fbdf;
        }
body .el-table .updated-row.row-summary-content td:first-child {
          background-color: oldlace;
        }
body .el-table .updated-row.row-summary-content td:last-child {
          background-color: #e6fbdf;
        }
body .el-table .transparent {
      background-color: #eef1fe;
      color: #6e6e6e;
      border-color: #eef1fe;
      width: 100%;
      text-align: center;
    }
body .el-table .el-table__body-wrapper td p {
          font-size: 1rem;
        }
body .el-table .el-table__body-wrapper td a {
          color: #494949;
          font-size: 1rem;
        }
body .el-table .el-table__body-wrapper td .logo {
          width: 2rem;
          height: 2rem;
          border-radius: 0.125rem;
          background-color: #eef1fe;
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          border: 1px solid #cfd3ee;
        }
body .el-table .el-table__body-wrapper td .empty-logo {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          background-color: #f8f9ff;
          color: #cfd3ee;
        }
body .el-table .el-table__body-wrapper td .empty-logo svg {
            font-size: 1.125rem;
          }
body .el-table .el-table__body-wrapper td .empty-logo svg.file-excel {
              color: #107c41;
            }
body .el-table .el-table__body-wrapper td .empty-logo svg.file-word {
              color: #185abd;
            }
body .el-table .el-table__body-wrapper td .empty-logo svg.file-pdf {
              color: #000b1d;
            }
body .el-table .el-table__body-wrapper td .empty-logo svg.file-lines {
              color: #8290b1;
            }
body .el-table .el-table__body-wrapper td .img-circle {
          border-radius: 50%;
        }
body .el-table .el-table__body-wrapper td .collaborators {
          display: flex;
          flex-direction: row;
        }
body .el-table .el-table__body-wrapper td .collaborators .collaborator {
            margin-right: 6px;
          }
body .el-table.risk-data-contacts td .cell {
        font-size: 0.875rem;
        color: #2f2f2f;
      }
body .el-table.risk-data-contacts td .cell .data-label {
          color: #6e6e6e;
        }
body .el-table .el-loading-spinner svg circle {
          stroke: #0f40d8;
        }
body .el-table .el-loading-spinner .el-loading-text {
        color: #0f40d8;
      }
body .el-select-dropdown {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
body .table-wrapper {
    margin-top: 1rem;
  }
body .table-wrapper .pagination-bar {
      margin-top: 1rem;
    }
body .table-wrapper .el-loading-spinner{
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media print {
  
  #questions-renderer body .table-wrapper .el-loading-spinner.flex-1.items-center.justify-end.mb-auto.pb-1 {
    display: none;
  }
  
  #questions-renderer body.flex.flex-1 .table-wrapper .el-loading-spinner.justify-end.mb-auto.pb-1 {
    display: none;
  }
  [class*='container_'] > body .table-wrapper .el-loading-spinner.items-baseline {
    display: none;
  }
  body .table-wrapper .el-loading-spinner.justify-start.my-4 {
    display: none;
  }
}
body .content .el-table {
      background-color: transparent;
    }
body .content .el-table th,
      body .content .el-table tr {
        background-color: transparent;
      }
body .content .el-table__expanded-cell {
      background-color: transparent;
    }
body .bottom__section__modal .attachments-form form .upload-demo {
        max-width: 100%;
      }
body .bottom__section__modal .attachments-form form .el-upload-dragger {
          max-width: 100%;
        }
body .drop-area__hint__icon {
      width: 38px;
      height: 38px;
      margin-bottom: 3px;
    }
body .drop-area__hint__icon .svg {
        color: #6e6e6e;
        stroke: #6e6e6e;
      }
body .el-carousel__item {
    height: 100%;
  }
body .el-carousel__item img {
      width: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      height: 100%;
    }
body .el-carousel__arrow {
    color: #4355f3;
    font-size: 3.75rem;
    height: auto;
    width: auto;
    background-color: transparent;
    line-height: 1;
    background-color: rgba(#fff, 0.3);
  }
body .el-carousel__arrow:hover {
      background-color: rgba(#cfd3ee, 0.45);
    }
body .detail-tabs .el-tabs__content {
      overflow: visible;
    }
body .detail-tabs .el-table__body-wrapper {
      overflow: visible;
    }
body .el-tabs .el-tabs__nav .el-tabs__item {
        font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: 1rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }
body .el-tabs .el-tabs__nav .el-tabs__item:hover {
          text-decoration: none;
          color: #4c63b6;
        }
body .el-tabs .el-tabs__nav .el-tabs__active-bar {
        background-color: #4c63b6;
      }
body .el-tabs .el-tabs__nav .is-active {
        color: #4c63b6;
      }
body .el-message {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
body .el-pagination{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media print {
  
  #questions-renderer body .el-pagination.flex-1.items-center.justify-end.mb-auto.pb-1 {
    display: none;
  }
  
  #questions-renderer body .el-pagination.sticky.bottom-0 {
    display: none;
  }
  [class*='container_'] > body .el-pagination.items-baseline {
    display: none;
  }
  body .el-pagination.justify-start.my-4 {
    display: none;
  }
  [data-shell-role='container']body.w-full .el-pagination {
    width: 100vw;
    max-width: 100%;
    margin-left: 0;
  }
}
body .el-pagination > *{
  margin-top: 1rem !important;
}
body .el-pagination.is-background .el-pager li:not(.disabled).is-active {
            background-color: #4355f3;
          }
body .el-pagination.is-background .el-pager li:not(.disabled).is-active:hover {
              text-decoration: none;
              color: #fff;
            }
body .el-pagination.is-background .el-pager li:hover {
            text-decoration: none;
            color: #4355f3;
          }
body .activity-log-details .cell, body .vehicle-import-form .cell {
      width: 100%;
    }
body .select-actions .el-checkbox__inner, body .filter-option .el-checkbox__inner {
      border-color: #6e6e6e;
    }
body .collaborator__info__actions .el-checkbox {
      pointer-events: none;
    }
body .collaborator__info__actions .el-checkbox__inner {
        border-color: #edeff4;
      }
body .collaborator__info__actions .el-checkbox .is-checked .el-checkbox__inner {
          border-color: #4355f3;
        }
body .collaborator__info__actions .el-checkbox .is-disabled .el-checkbox__inner {
          border-color: #dcdfe6;
          background-color: #edeff4;
        }
body .el-checkbox {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
  }
body .el-checkbox .is-checked .el-checkbox__inner {
        background-color: #4355f3;
        border-color: #4355f3;
      }
body .el-checkbox .is-checked .el-checkbox__inner.is-disabled {
          border-color: #dcdfe6;
        }
body .el-checkbox .is-checked.is-indeterminate .el-checkbox__inner {
          background-color: #b3baf9;
          border-color: #b3baf9;
        }
body .el-checkbox .is-checked.is-indeterminate .el-checkbox__inner.is-disabled {
            background-color: #dcdfe6;
            border-color: #dcdfe6;
          }
body .el-checkbox .is-checked + .el-checkbox__label {
        color: #4355f3;
      }
body .el-checkbox__inner {
      content: '';
      width: 1.125rem;
      height: 1.125rem;
      border: 2px solid #494949;
      transition: 0.1s ease-out;
    }
body .el-checkbox__inner:after {
        left: 5px;
        top: 2px;
      }
body .el-checkbox__inner:hover {
        border-color: inherit;
      }
body .el-checkbox__input {
      height: 1.125rem;
    }
body .el-checkbox__input.is-disabled .el-checkbox__inner {
          background-color: #edeff4;
          border-color: #edeff4;
        }
body .el-checkbox__input.is-focus .el-checkbox__inner {
          border-color: #4355f3;
        }
body .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
            top: 6px;
          }
body .el-checkbox__label {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      padding-left: 1rem;
    }
body .el-checkbox-label {
      position: relative;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1.125rem;
      color: #494949;
      padding: 0.625rem 0.25rem;
      border-radius: 0.1875rem;
      cursor: pointer;
      background-color: transparent;
      transition: 0.1s ease-out;
      top: 1px;
    }
body .el-radio .is-checked .el-radio__inner, body .el-radio .is-indeterminate .el-radio__inner {
        background-color: #4355f3;
        border-color: #4355f3;
      }
body .el-radio .is-checked .el-radio__inner.is-disabled, body .el-radio .is-indeterminate .el-radio__inner.is-disabled {
          border-color: #dcdfe6;
        }
body .el-radio .is-checked + .el-radio__label, body .el-radio .is-indeterminate + .el-radio__label {
        color: #4355f3;
      }
body .el-radio__input.is-disabled .el-radio__inner {
          background-color: #edeff4;
          border-color: #edeff4;
        }
body .el-radio .el-radio__inner {
      content: '';
      width: 1.125rem;
      height: 1.125rem;
      border: 2px solid #494949;
      transition: 0.1s ease-out;
    }
body .el-radio .el-radio__inner:after {
        content: normal;
      }
body .el-radio-label {
      position: relative;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1.125rem;
      color: #494949;
      padding: 0.625rem 0.25rem;
      border-radius: 0.1875rem;
      background-color: transparent;
      transition: 0.1s ease-out;
      top: 1px;
    }
body .el-dropdown {
    cursor: pointer;
  }
body .case-capitalize {
    text-transform: capitalize;
  }
body .el-dropdown-menu.search-tool__dropdown .el-dropdown-menu__item.is-disabled {
          cursor: not-allowed;
          color: #6e6e6e;
          pointer-events: auto;
        }
body .el-dropdown-menu .el-dropdown-menu__item {
      color: #494949;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
body .el-dropdown-menu .el-dropdown-menu__item:hover {
        color: #0f40d8;
        background-color: #eef1fe;
      }
body .el-dropdown-menu .el-dropdown-menu__item.is-disabled.dropdown-label {
          cursor: default;
          color: #6e6e6e;
          pointer-events: auto;
        }
body .el-dropdown-menu .el-dropdown-menu__item.is-disabled.dropdown-label:hover {
            color: #6e6e6e;
            background-color: transparent;
          }
body .el-dropdown-menu .el-dropdown-menu__item.is-disabled.dropdown-label.dropdown-assign {
            color: #494949;
          }
body .el-dropdown-menu .el-dropdown-menu__item.is-disabled.question-actions,
        body .el-dropdown-menu .el-dropdown-menu__item.is-disabled.filter-option {
          cursor: not-allowed;
          pointer-events: auto;
          opacity: 0.5;
        }
body .el-dropdown-menu .el-dropdown-menu__item.is-disabled:hover {
          color: inherit;
        }
body .el-dropdown-menu .dropdown-assign:hover {
        background-color: transparent;
        color: inherit;
      }
body .el-dropdown-menu .dropdown-assign .user-wrapper {
        margin-top: auto;
        max-width: 142px;
      }
body .el-dropdown-menu .dropdown-assign .user-wrapper .nav-user-image:nth-child(4n + 4),
          body .el-dropdown-menu .dropdown-assign .user-wrapper .nav-user-image:last-child {
            margin-right: auto;
          }
body .el-dropdown-menu.dropdown-contain {
      max-width: 190px;
    }
body .el-dropdown-menu.dropdown-contain .el-dropdown-menu__item {
        line-height: 1.44;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
body .el-message {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
body .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
@media (min-width: 960px) {
body .pagination {
      flex-direction: row
  }
    }
body .pagination .pagination-total-label {
      font-weight: 400;
      font-size: 13px;
      margin-bottom: 0.625rem;
      margin-left: 0;
      color: #6e6e6e;
    }
@media (min-width: 960px) {
body .pagination .pagination-total-label {
        margin-bottom: 0
    }
      }
body .activity-log-details .cell, body .vehicle-import-form .cell {
      width: 100%;
    }
body .el-input.is-disabled .el-input__inner {
        background-color: #edeff4;
        border-color: #dcdfe6;
      }
body #auto-liability-form .formsection .el-checkbox:focus-within {
          color: #4355f3;
          background-color: #eef1fe;
        }
body #auto-liability-form .formsection .el-checkbox__input {
          content: '';
          position: absolute;
          top: 10px;
          left: 1.125rem;
          width: 1.125rem;
          height: 1.125rem;
        }
body #auto-liability-form .formsection .el-checkbox__label {
          position: relative;
          font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
          font-size: 1.125rem;
          color: #494949 !important;
          padding: 0.625rem 1.125rem;
          padding-left: calc(1.125rem + 1.125rem + 0.625rem);
          border-radius: 0.1875rem;
          cursor: pointer;
          background-color: transparent;
          transition: 0.1s ease-out;
        }
@media (max-width: 575px) {
body #auto-liability-form .formsection .el-checkbox__label {
            width: 100%;
            word-wrap: break-word;
            white-space: normal
        }
          }
body .el-tabs__content {
    margin-bottom: 2rem;
  }
body .notifications-container .el-timeline {
      margin-right: auto;
    }
body .el-timeline-item__tail {
    height: calc(100% - 20px - 1rem);
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
body .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: block;
  }
body .el-timeline-item__timestamp {
    color: #6e6e6e;
  }
body .activity-logs-container .activity-main {
      height: auto !important;
      padding: 0;
      font-size: 1rem;
    }
body .activity-logs-container .activity-details-container {
      display: flex;
      align-items: center;
      width: 100%;
      height: auto !important;
      padding: 0;
      margin-top: 0.3125rem;
    }
body .el-range-editor {
    cursor: pointer;
  }
body .el-range-editor.is-active,
    body .el-range-editor.is-active:hover {
      border-color: #4355f3;
    }
body .el-range-editor:hover {
      border-color: transparent;
    }
body .button-dropdown {
    margin-top: 0;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 6px 16px -5px rgba(0, 0, 0, 0.2);
    background-color: #f8f8f8;
    border-radius: 0.1875rem;
    border: 1px solid #dcdada;
    padding-top: 0;
    padding-bottom: 0;
  }
body .button-dropdown .el-dropdown-menu__item {
      font-size: 1rem;
      padding: 0.75rem 1.125rem;
      border-bottom: 1px solid #e1e2e2;
      line-height: inherit;
    }
body .button-dropdown .el-dropdown-menu__item:hover,
      body .button-dropdown .el-dropdown-menu__item:active {
        background-color: #4355f3;
        color: #fff;
      }
body .button-dropdown .el-dropdown-menu__item:first-child {
        border-radius: 0.1875rem 0.1875rem 0 0;
      }
body .button-dropdown .el-dropdown-menu__item:last-of-type {
        border-bottom-width: 0;
        border-radius: 0 0 0.1875rem 0.1875rem;
      }
body .el-input__inner {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    border-color: #d9dfec;
    font-size: 1.125rem;
    transition: 0.2s ease-out;
  }
body .el-input__inner:hover {
      border-color: #d9dfec;
      box-shadow: 0 0 0 2px #b3baf9;
    }
body .el-input__inner:focus {
      border-color: #4355f3;
    }
body .el-select .el-input__inner:hover {
    box-shadow: none;
  }
body .el-input-number__increase:hover, body .el-input-number__decrease:hover {
        color: #4355f3;
      }
body .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), body .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
          border-color: #d9dfec;
          box-shadow: 0 0 0 2px #b3baf9;
        }
body .el-input-number__increase:active,
      body .el-input-number__increase:focus,
      body .el-input-number__decrease:active,
      body .el-input-number__decrease:focus {
        box-shadow: 0 0 0 2px #4055a8;
      }
body .el-upload__disabled .el-upload:hover, body .el-upload__disabled .el-upload-dragger:hover {
        cursor: not-allowed;
      }
#modal-form .permissions .el-table .el-table__body-wrapper .cell {
          font-size: 1rem;
        }
.permissions .el-table__row .cell {
      display: flex;
      align-items: center;
      font-weight: 600;
    }
.permissions .el-table__row .cell .select-all-container {
        font-weight: 400;
        color: #4c63b6;
      }
.permissions .el-table__row .cell .select-all-container:hover {
          color: #35469c;
        }
.permissions .el-table__row--level-1 .cell {
        font-weight: 400;
      }
.permissions .el-table__row--level-0 td:first-child .cell {
          display: flex;
          flex-direction: row-reverse;
        }
.permissions .el-table__row--level-0 td:first-child .cell .el-table__expand-icon {
            margin-right: 0;
            margin-left: 0.3125rem;
            transform: rotate(90deg);
          }
.permissions .el-table__row--level-0 td:first-child .cell .el-table__expand-icon.el-table__expand-icon--expanded {
              transform: rotate(-90deg);
            }
table .form-group.form-group-dates > .cell-date:first-child input {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
        }
form .form-group-dates, .form .form-group-dates{
  width: 100%;
}
@media print {
  [data-shell-role='container']form .form-group-dates.mx-auto,[data-shell-role='container'] .form .form-group-dates.mx-auto {
    width: 100vw;
    max-width: 100%;
    margin-left: 0;
  }
  #questions-renderer form .form-group-dates.relative,#questions-renderer  .form .form-group-dates.relative {
    height: auto;
  }
  #questions-renderer form.absolute.top-0.left-0 .form-group-dates,#questions-renderer .absolute.top-0.left-0 .form .form-group-dates {
    transform: none;
  }
}
form .form-group-dates label, .form .form-group-dates label {
      font-size: 1rem;
      font-weight: 500;
      color: #627398;
      font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
form .form-group-dates label + .el-input, .form .form-group-dates label + .el-input {
        margin-top: 0.375rem;
      }
form .form-group-dates .el-input, .form .form-group-dates .el-input {
      display: flex;
      flex-direction: column;
      width: 100%;
      position: relative;
    }
form .form-group-dates .el-input input, .form .form-group-dates .el-input input {
        height: 100%;
        width: 100%;
        background-color: #fff;
        color: #2f2f2f;
        outline: 0;
        border: none;
        padding: 0.4375rem 1.75rem;
        font-size: 1rem;
        border-radius: 0.1875rem;
        border: 1px solid #dcdada;
        transition: 0.2s ease-out;
        caret-color: #4355f3;
        box-shadow: none;
        font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      }
form .form-group-dates .el-input input::-moz-placeholder, .form .form-group-dates .el-input input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
form .form-group-dates .el-input input::placeholder, .form .form-group-dates .el-input input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
form .form-group-dates .el-input input:focus, .form .form-group-dates .el-input input:focus {
          border-color: #b3baf9;
        }
form .form-group-dates .el-input__suffix, .form .form-group-dates .el-input__suffix {
        right: 0;
      }
form .form-group-dates .el-input__suffix-inner .el-input__icon, .form .form-group-dates .el-input__suffix-inner .el-input__icon {
          font-size: 1.25rem;
          color: #6e6e6e;
          position: absolute;
          right: 0.75rem;
          top: 50%;
          transform: translateY(-50%);
        }
form .form-group-dates .el-input.cell-date input, .form .form-group-dates .el-input.cell-date input {
          font-size: 0.875rem;
          border-radius: 0;
        }
form .form-group-dates .el-input.is-disabled .el-input__inner, .form .form-group-dates .el-input.is-disabled .el-input__inner {
          background-color: #edeff4;
          border-color: #dcdfe6;
        }
.el-step__head.is-success .el-step__icon {
    border-color: #4355f3;
    background-color: #4355f3;
    color: #fff;
  }
.el-step__head.is-success .el-step__line-inner {
    border-color: #4355f3;
    background-color: #4355f3;
  }
.el-step__head.is-process .el-step__icon {
    border-color: #4355f3;
    background-color: #fff;
    color: #4355f3;
  }
.el-step__head.is-wait .el-step__icon {
    border-color: #c0c4cc !important;
    background-color: #c0c4cc !important;
    color: #fff !important;
  }
.el-step__title {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
  font-size: 0.875rem !important;
}
.el-step__title.is-success {
    color: initial !important;
  }
.el-table__body tr.current-row > td {
    background-color: #e0e8f9 !important;
    color: #4c63b6 !important;
  }
.step-form__wrapper .el-step {
    cursor: pointer;
  }
.step-form__wrapper .el-collapse {
    border-top: none;
  }
.step-form__wrapper .el-collapse-item__header {
      padding: 0 1.25rem;
    }
.step-form__wrapper .el-collapse-item__arrow {
      transform: rotate(90deg);
      font-size: 1.125rem;
    }
.step-form__wrapper .el-collapse-item__arrow.is-active {
        transform: rotate(270deg);
      }
.step-form__wrapper .el-collapse-item__wrap {
      overflow: visible;
    }
.step-form__wrapper .el-collapse-item__content {
      line-height: inherit;
      padding-bottom: 0;
    }
.step-form__wrapper > .el-collapse > .el-collapse-item:last-child .el-collapse-item__wrap {
        border-bottom: 0;
      }
.process-check .el-checkbox__input {
    vertical-align: top;
  }
.detail-view .el-carousel__arrow {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #16244f;
    opacity: 0.5;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.detail-view :not(.table-attachments) > .el-table .cell {
        overflow: visible;
      }
.detail-view .el-tabs__header {
    margin-bottom: 1.25rem;
  }
.card {
  width: 180px;
  border-radius: 0.3125rem;
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.card__header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
  }
.card__header__logo {
      width: 26px;
      height: 26px;
      border-radius: 0.125rem;
      background-color: #f4ddff;
      margin-right: 1rem;
      flex-shrink: 0;
    }
.card__header__title {
      height: 10px;
      width: 100%;
      border-radius: 5px;
      background-color: #e1e2e2;
    }
.card__body {
    height: 6px;
    width: 90%;
    border-radius: 3px;
    background-color: #e1e2e2;
    margin-bottom: 0.625rem;
  }
.card__body:last-child {
      width: 75%;
      margin-bottom: 2px;
    }
#unsupported {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  background-color: #edeff4;
}
#unsupported body {
    margin: auto;
    color: #494949;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  }
#unsupported body * {
      box-sizing: border-box;
    }
#unsupported .browser-error {
    margin-top: 30vh;
    text-align: center;
    padding: 1rem;
  }
#unsupported .browser-error .alert {
      max-width: 740px;
      border-radius: 0.25rem;
      margin: 0 auto;
      background-color: #fff;
      padding: 2rem 3rem;
      text-align: center;
      width: auto;
      display: inline-block;
    }
#unsupported .browser-error h1 {
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
      font-size: 1.75rem;
      color: #000;
      font-weight: 600;
    }
#unsupported .browser-error a {
      color: #435aea;
      text-transform: uppercase;
      font-weight: 700;
      padding: 0.25rem 0.375rem;
      letter-spacing: 1px;
      border: none;
      outline: 0;
      cursor: pointer;
      border-radius: 0.1875rem;
      background-color: transparent;
      transition: 0.1s ease-out;
      display: inline-block;
      text-decoration: none;
    }
#unsupported .browser-error a.button:hover,
        #unsupported .browser-error a.button:focus {
          background-color: #cfd3ee;
        }
#unsupported .browser-error a.button:active {
          background-color: #b3baf9;
        }
#unsupported .browser-error a.button-disabled:hover {
          cursor: default;
        }
#unsupported .browser-error a.button,
      #unsupported .browser-error a.button-disabled {
        display: flex;
        align-items: center;
      }
#unsupported .browser-error a.button svg, #unsupported .browser-error a.button-disabled svg {
          fill: #435aea;
          height: 18px;
          width: 18px;
          margin-right: 0.375rem;
        }
#unsupported .browser-error a.button span, #unsupported .browser-error a.button-disabled span {
          font-size: 0.875rem;
        }
#unauthorized {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  padding-top: 2rem;
  margin-top: 3.75rem;
}
#unauthorized .main-content {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
#unauthorized .main-content__wrapper {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5rem;
    }
#unauthorized .main-content .not-found {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 20px;
      padding-bottom: 60px;
    }
#unauthorized .main-content .not-found-top {
        display: flex;
        align-content: center;
        flex-direction: row;
        justify-content: flex-start;
        padding-bottom: 40px;
        width: 100%;
        max-width: 600px;
      }
#unauthorized .main-content .not-found-title {
        font-size: 60px;
        font-size: 20vw;
        font-weight: bold;
        font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        margin: auto 0;
        color: #16244f;
        padding-bottom: 10px;
        padding-right: 8%;
      }
#unauthorized .main-content .not-found__card {
        flex-shrink: 0;
        width: 100%;
        max-width: 160px;
        border-radius: 0.3125rem;
        background-color: #fff;
        padding: 1rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        box-shadow: 0 4px 12px -3px rgba(0, 0, 0, 0.2);
        position: relative;
      }
#unauthorized .main-content .not-found__card__header {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          padding-bottom: 0.625rem;
        }
#unauthorized .main-content .not-found__card__header__logo {
            width: 20px;
            height: 20px;
            border-radius: 0.125rem;
            background-color: #f4ddff;
            margin-right: 7px;
            flex-shrink: 0;
          }
#unauthorized .main-content .not-found__card__header__title {
            height: 6px;
            width: 50%;
            border-radius: 5px;
            background-color: #e1e2e2;
          }
#unauthorized .main-content .not-found__card__header:nth-child(2n) {
            padding-bottom: 0;
          }
#unauthorized .main-content .not-found__card__body {
          height: 6px;
          width: 90%;
          border-radius: 0.1875rem;
          background-color: #e1e2e2;
          margin-bottom: 12px;
        }
#unauthorized .main-content .not-found__card__body:first-child {
            height: 10px;
            width: 80%;
            border-radius: 0.3125rem;
          }
#unauthorized .main-content .not-found__card__body:nth-child(even) {
            width: 50%;
          }
#unauthorized .main-content .not-found__card__body:nth-child(3n) {
            background-color: #cfd3ee;
          }
#unauthorized .main-content .not-found__card__text {
          text-transform: uppercase;
          font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
          font-size: 1.125rem;
          font-weight: bolder;
          padding: 3px 17px;
          color: #c52d00;
          border: 0.3125rem solid #c52d00;
          border-radius: 0.3125rem;
          transform: translate(-50%, -50%) rotate(20deg);
          position: absolute;
          top: 50%;
          left: 50%;
          letter-spacing: 5px;
        }
@media (min-width: 768px) {
          #unauthorized .main-content .not-found__card__header {
            padding-bottom: 0.625rem;
          }

          #unauthorized .main-content .not-found__card__body {
            margin-bottom: 1rem;
          }

          #unauthorized .main-content .not-found__card__text {
            transform: translate(-50%, -50%) rotate(25deg);
            padding: 3px 27px;
          }
        }
#unauthorized .main-content .not-found-bottom {
        display: flex;
        flex-direction: column;
        max-width: 600px;
      }
#unauthorized .main-content .not-found-bottom h2 {
          font-size: 26px;
        }
#unauthorized .main-content .not-found-bottom p,
        #unauthorized .main-content .not-found-bottom a {
          padding-top: 20px;
        }
#unauthorized .main-content .not-found-bottom p {
          color: #2f2f2f;
          max-width: 600px;
        }
#unauthorized .main-content .not-found-bottom a {
          margin-left: -10px;
        }
@media (min-width: 475px) {
#unauthorized .main-content .not-found {
        width: 90%;
        margin: 0 auto
    }

        #unauthorized .main-content .not-found-top {
          justify-content: flex-start;
        }

        #unauthorized .main-content .not-found-title {
          padding-right: 40px;
        }

        #unauthorized .main-content .not-found h2 {
          font-size: 2rem;
          line-height: 44px;
        }
      }
@media (min-width: 768px) {
#unauthorized .main-content .not-found {
        width: 70%;
        padding-top: 60px
    }

        #unauthorized .main-content .not-found-title {
          font-size: 17vw;
        }

        #unauthorized .main-content .not-found__card {
          max-width: 180px;
        }

        #unauthorized .main-content .not-found h2 {
          font-size: 2rem;
          line-height: 44px;
        }
      }
@media (min-width: 1200px) {
        #unauthorized .main-content .not-found-title {
          font-size: 160px;
        }
      }
@media (max-width: 768px) {
      #unsupported .browser-error .alert {
        padding: 1 1.5rem;
      }
}
.warning-banner {
  background-color: #fff7de;
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  color: #7e5519;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  border-radius: 0.3125rem;
}
.warning-banner span {
    font-weight: 600;
  }
.warning-banner a {
    cursor: pointer;
    font-weight: 600;
  }
.warning-banner a:hover {
      color: #0f40d8;
    }
.buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.main-content {
  width: 100%;
  padding: 0;
}
.main-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
.upload-demo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.upload-demo .el-upload-list,
    .upload-demo .el-upload__tip {
      width: 100%;
    }
.upload-demo .el-upload + button {
      margin-left: 1rem;
    }
.attachments-form form .upload-demo {
      width: 100%;
      margin: 0 auto;
    }
.attachments-form .el-upload {
    display: block;
    width: 100%;
  }
.attachments-form .el-upload-dragger {
      width: 100%;
      background-color: #f2f3f7;
      border: 1px solid transparent;
      border-radius: 0.1875rem;
      transition: 0.2s ease-out;
      padding: 1.125rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      margin: 0 auto;
    }
.attachments-form .el-upload-dragger:hover {
        border-color: transparent;
      }
.attachments-form .el-upload-dragger:focus {
        border-color: #b3baf9;
      }
.attachments-form .el-upload-dragger .el-upload__text,
      .attachments-form .el-upload-dragger .el-upload__text em {
        color: #6e6e6e;
      }
.attachments-form .el-upload-dragger .drop-area__hint__icon {
        margin-left: auto;
        margin-right: auto;
      }
.attachments-form .el-upload-list__item-name {
      text-align: left;
    }
.attachments-form.select-buttons {
    width: 100%;
  }
.attachments-form.select-buttons .el-upload-dragger {
      max-width: 100%;
    }
.attachments-form.select-buttons .el-upload__tip {
      text-align: right;
    }
.attachments-form .policy-upload .el-upload-dragger {
        max-width: 100%;
      }
.formsection .hint, .form-group .hint {
    position: relative;
    padding: 0 1rem;
    margin-top: 5px;
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    color: #6e6e6e;
  }
.loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
}
.loading__icon {
    width: 30px;
    height: 30px;
  }
.vjs-tree.is-root {
    color: #6e6e6e;
    padding: 10px;
    border-radius: 6px;
    position: relative;
    margin: 10px 0 20px 0;
  }
#modals-container {
  z-index: 2100;
}
#modals-container .v--modal-overlay {
    z-index: 2100;
  }
.hazard-data .vjs-tree__brackets,
  .hazard-data .vjs-key {
    color: #6e6e6e;
  }
.hazard-data .vjs-tree .vjs-value__string {
      color: #005522;
    }
.hazard-data .vjs-tree .vjs-value__number {
      color: #16244f;
    }
.hazard-data .vjs-tree .vjs-value__null {
      color: #581002;
    }
@media (max-width: 960px) {
      #content .main-content .main-content-wrapper {
        flex-basis: 100%;
        padding: 0 1.5rem;
      }
        #content.content-split .main-content .main-content-wrapper {
          padding: 0;
        }

    #content #viewer {
      display: none;
    }

  .collapse {
    display: none;
  }
}
.pac-container {
  z-index: 3000;
}
.avatar-1{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-2{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-3{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-4{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-5{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-6{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-7{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-8{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-9{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(192 38 211 / var(--tw-bg-opacity, 1)) !important;
}
.avatar-10{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1)) !important;
}
.user-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
}
.unassign {
  background-color: #ad06ff;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.16);
  color: #f9ecff;
  text-align: center;
  font-size: 0.875rem;
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: -4px;
  right: -6px;
  display: none;
}
.user-image,
.nav-user-image,
.user-image-question {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 50%;
  background-color: #d8d8d8;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
.user-image.no-photo, .nav-user-image.no-photo, .user-image-question.no-photo {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 400;
  }
.user-image-question {
  border: 2px solid transparent;
  background-size: 30px;
  margin: 0 0.625rem 0.625rem 0;
  cursor: pointer;
  position: relative;
  transition: 0.1s ease-out;
}
.user-image-question:hover {
    box-shadow: 0 0 0 2px #ad06ff;
  }
.user-image-question.user-image-pending {
    background-color: #bcc6dc !important;
    cursor: default;
  }
.user-image-question.user-image-pending:hover {
      box-shadow: 0 0 0 2px #9facc8;
    }
.user-image-question.user-image-pending:hover .unassign {
        background-color: #9facc8 !important;
      }
.el-dropdown-menu .user-image-question:hover {
      box-shadow: 0 0 0 2px #b3baf9;
    }
.assignee {
  display: flex;
}
.assignee .user-image-question {
    box-shadow: none;
    margin: auto 0.625rem auto 0;
  }
.is-disabled .user-image-question {
    cursor: not-allowed;
  }
.dropdown-assign .user-image-question:nth-child(4n + 4) {
      margin-right: auto;
    }
.assign-alert .alert-primary,
  .assign-alert .alert-secondary,
  .el-message-box .alert-primary,
  .el-message-box .alert-secondary,
  .el-notification .alert-primary,
  .el-notification .alert-secondary {
    font-weight: 600;
    word-break: break-word;
  }
.assign-alert .alert-secondary, .el-message-box .alert-secondary, .el-notification .alert-secondary {
    color: #6e6e6e;
  }
.assign-alert .alert-primary, .el-message-box .alert-primary, .el-notification .alert-primary {
    color: #494949;
    word-break: break-word;
  }
.assign-alert .alert-disabled, .el-message-box .alert-disabled, .el-notification .alert-disabled {
    pointer-events: none;
  }
.empty-state {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto 0.625rem;
  flex-wrap: wrap;
  max-width: 1200px;
  width: 100%;
}
.empty-state__content h1 {
      padding: 0;
      margin-bottom: 1rem;
    }
.empty-state__content p {
      margin-top: 0.375rem;
    }
.empty-state__body {
    display: flex;
  }
.empty-state__text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 690px;
  }
.empty-state__text span {
      font-weight: 600;
    }
.empty-state__text + .empty-state__icon-wrapper {
      margin-left: 1.5rem;
    }
@media (min-width: 960px) {
.empty-state__text + .empty-state__icon-wrapper {
        margin-left: 2.5rem
    }
      }
.empty-state__icon {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    background-color: #f8f9ff;
    box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.08), 0 1px 3px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 2.25rem;
    color: #cfd3ee;
  }
.empty-state__icon-wrapper {
      display: none;
    }
@media (min-width: 960px) {
.empty-state__icon {
      width: 120px;
      height: 120px;
      font-size: 3.5rem
  }
    }
.empty-state .buttons {
    margin-top: 1.5rem;
  }
.empty-state .buttons .add,
    .empty-state .buttons .export,
    .empty-state .buttons .upload {
      display: inline-block;
      width: 100%;
    }
@media (min-width: 475px) {
.empty-state .buttons .add,
    .empty-state .buttons .export,
    .empty-state .buttons .upload {
        width: auto
    }
.empty-state .buttons .add,
    .empty-state .buttons .upload {
        margin-right: 1rem
    }

        .empty-state .buttons .add:last-of-type, .empty-state .buttons .upload:last-of-type {
          margin-right: auto;
        }
      }
@media (max-width: 475px) {
    .empty-state .text,
    .empty-state .buttons {
      width: 100%;
      margin-top: 1rem;
      flex-wrap: wrap;
    }

      .empty-state .text .add-2,
      .empty-state .text .export,
      .empty-state .text .upload,
      .empty-state .buttons .add-2,
      .empty-state .buttons .export,
      .empty-state .buttons .upload {
        margin-top: 0.5rem;
      }
  }
.risk-data .count, .policies .count, .results-label-wrapper .count {
    color: #6e6e6e;
    font-size: 1rem;
    font-style: italic;
  }
.risk-data .list-wrapper, .policies .list-wrapper {
    overflow-y: hidden;
  }
.risk-data .main, .policies .main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
.risk-data .content .grid, .policies .content .grid {
      margin-top: 1rem;
      display: none;
      gap: 1rem;
      grid-template-columns: minmax(280px, 1fr);
    }
.risk-data .content .grid--visible, .policies .content .grid--visible {
        display: grid;
      }
@media (max-width: 768px) {
.risk-data .content .grid--mobile-show, .policies .content .grid--mobile-show {
          display: grid
      }
        }
.risk-data .content .grid--one-column, .policies .content .grid--one-column {
        grid-template-columns: 1fr !important;
      }
.risk-data .content .grid.detail-view, .policies .content .grid.detail-view {
        grid-template-columns: minmax(280px, 1fr);
      }
@media (min-width: 768px) {
.risk-data .content .grid, .policies .content .grid {
        grid-template-columns: repeat(2, minmax(230px, 1fr))
    }
      }
@media (min-width: 1424px) {
.risk-data .content .grid, .policies .content .grid {
        grid-template-columns: repeat(3, minmax(280px, 1fr))
    }
      }
.risk-data .content .grid .grid__item, .policies .content .grid .grid__item {
        display: flex;
        flex-direction: column;
        width: 100%;
      }
.risk-data .content .table, .policies .content .table {
      display: none;
      width: 100%;
    }
.risk-data .content .table--visible, .policies .content .table--visible {
        display: block;
      }
@media (max-width: 768px) {
.risk-data .content .table--mobile-hide, .policies .content .table--mobile-hide {
          display: none !important
      }
        }
.el-table .cell {
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.table-wrapper {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 768px) {
.table-wrapper {
    display: none
}
  }
.table-wrapper .columns,
  .table-wrapper .row {
    border: none;
  }
.table-wrapper .columns th {
      text-align: left;
      padding-right: 20px;
      padding-bottom: 1rem;
      white-space: nowrap;
    }
.table-wrapper .columns th:first-child {
        padding-left: 1rem;
      }
.table-wrapper .columns th:last-child {
        padding-right: 1rem;
      }
.table-wrapper .row {
    display: table-row;
    position: relative;
    border-top: 1px solid #e1e2e2;
    transition: 0.1s ease-out;
  }
.table-wrapper .row__item {
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1.125rem;
      font-weight: 400;
      color: #494949;
      padding: 1rem 20px;
      position: relative;
      vertical-align: middle;
    }
.table-wrapper .row__item:first-child {
        padding-left: 1rem;
      }
.table-wrapper .row__item:last-child {
        padding-right: 1rem;
      }
.table-wrapper .row__item--text {
        padding-left: 0;
      }
.table-wrapper .row__item--text a,
        .table-wrapper .row__item--text p {
          white-space: nowrap;
          max-width: 300px;
          overflow: hidden;
          text-overflow: ellipsis;
        }
.table-wrapper .row__item--action {
        text-align: center;
      }
.table-wrapper .row__item--link a {
          color: #494949;
        }
.table-wrapper .row__item--link a:hover,
          .table-wrapper .row__item--link a:focus {
            outline: none;
            text-decoration: underline;
            text-decoration-color: #494949;
          }
.table-wrapper .row__item .chip {
        display: inline;
        background-color: #f2f3f7;
        padding: 3px 8px;
        border-radius: 20px;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 700;
        color: #6e6e6e;
        letter-spacing: 1px;
      }
.table-wrapper .row__item .collaborators {
        display: flex;
        flex-direction: row;
      }
.table-wrapper .row__item .collaborators .collaborator {
          margin-right: 0.375rem;
        }
.table-wrapper .row__item .collaborators .collaborator:last-child {
            margin-right: 0;
          }
.table-wrapper .row__item--disabled {
        color: #6e6e6e;
      }
.table-wrapper a.row .row__item:first-child {
        position: relative;
      }
.table-wrapper a.row .row__item:first-child::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 1px;
          height: 100%;
          background-color: transparent;
          z-index: 100;
        }
.table-wrapper a.row:hover {
      background-color: #cfd3ee;
    }
.table-wrapper a.row:focus {
      outline: 0;
      background-color: #cfd3ee;
      border-top-color: #b3baf9;
    }
.table-wrapper a.row:focus + .row {
        border-top-color: #b3baf9;
      }
.table-wrapper a.row:focus .row__item {
        color: #0f40d8;
      }
.table-wrapper a.row:focus .row__item::after {
          background-color: #b3baf9;
        }
.table-wrapper a.row:last-child:focus {
        position: relative;
      }
.table-wrapper a.row:last-child:focus::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 1px;
          background-color: #b3baf9;
          z-index: 10;
        }
.table-wrapper .img {
    width: 100%;
  }
.table-wrapper .pagination-total-label {
    font-weight: 400;
    float: left;
    color: #6e6e6e;
  }
.attachment-table {
  width: 100%;
}
.v-modal {
  z-index: 3;
}
.input-tel__input {
  width: 100%;
  background-color: #fff;
  color: #2f2f2f;
  outline: 0;
  border: none;
  padding: 0.4375rem 1rem;
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  font-weight: 400;
  border-radius: 0.1875rem !important;
  border: 1px solid #dcdada !important;
  transition: 0.2s ease-out;
  box-sizing: border-box;
  caret-color: #4355f3 !important;
  box-shadow: none !important;
}
.input-tel__input:focus,
  .input-tel__input:hover {
    border-color: #b3baf9 !important;
    background-color: #fff;
  }
.input-tel__input:focus ~ .icon svg, .input-tel__input:hover ~ .icon svg {
        color: #4355f3;
        stroke: #4355f3;
      }
.input-tel__input.inverse {
    background-color: #fff;
  }
.input-tel__input::-moz-placeholder {
    color: transparent;
  }
.input-tel__input::placeholder {
    color: transparent;
  }
table .option-section .form-group .input-group:first-child .input-tel__input {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
table .option-section .form-group .input-tel__input {
    border-radius: 0 !important;
  }
.input-group--error .input-tel__input {
    border-color: #f8c6bc !important;
  }
.input-group--warning .input-tel__input {
    border-color: #f8e3a3 !important;
  }
.input-tel__label {
  display: none;
}
.ps__rail-y {
  display: none;
}
.table-attachments .el-table__row {
      cursor: pointer;
    }
#confetti-canvas {
  z-index: 9999;
}
.select-deselect {
  width: 30px;
}
.select-deselect .el-checkbox__input {
    margin: 0 auto;
  }
.el-tabs__final .el-tabs__header {
    margin-bottom: 0;
  }
.el-tabs__final .el-tabs__content {
    display: none;
  }
.el-message-box__message-selected {
  margin-top: 0;
}
.badge-count {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  height: 1rem;
  min-width: 1rem;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c52d00;
  color: #fff;
  font-size: 0.75rem;
}
@media (min-width: 575px) {
    .home-utils .checkbox {
      display: block;
    }
    .home-utils .checkbox__wrapper {
      width: 50%;
      display: inline-block;
    }
  }
@media (max-width: 575px) {
  .el-carousel__container {
    height: 150px !important;
  }
}
.inline-edit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.inline-edit__headers {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.inline-edit__items {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
  }
.inline-edit__items:last-child {
      margin-bottom: 0;
    }
.inline-edit__contact {
    display: inline-flex;
  }
.inline-edit__form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
.inline-edit__form__buttons {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 100%;
    }
.inline-edit__form__buttons button {
        margin-left: 1rem;
      }
.inline-edit__form__buttons button:last-child {
          margin-left: 0;
        }
.inline-edit__form__buttons__save {
        order: 2;
      }
.inline-edit__form__buttons__cancel {
        order: 1;
      }
.inline-edit__preview__label {
      padding-bottom: 3px;
    }
.inline-edit__preview__value {
      display: flex;
      align-items: center;
    }
.inline-edit__preview__value a:hover,
        .inline-edit__preview__value a:focus {
          text-decoration: underline;
          text-decoration-color: #494949;
        }
.inline-edit__preview__value--single + button {
          transform: translateY(-2px) !important;
        }
.inline-edit__preview__value--single + button, .inline-edit__preview__value a + button {
          transform: translateY(-2px);
        }
.inline-edit__preview__value p:not(.inline-edit__preview__value--single) + button {
          transform: translateY(3px);
        }
.inline-edit__preview__value--multiple {
        line-height: 1.5;
      }
.inline-edit__preview__value--empty {
        font-style: italic;
        color: #6e6e6e;
      }
.inline-edit__preview__value--last,
      .inline-edit__preview__value--empty {
        display: inline;
      }
.inline-edit__preview__value--text {
        display: block;
      }
.inline-edit__preview__value--text p {
          margin-bottom: 0.625rem;
        }
.inline-edit__preview__value button {
        margin-left: 0.375rem;
      }
.inline-edit__action_buttons {
    display: inline;
  }
.inline-edit__action_buttons .remove {
      display: inline;
      position: relative;
    }
.inline-edit__action_buttons .remove .remove__modal {
        position: absolute;
        top: 0;
        transform: translateY(0px) translateY(-100%) translateX(-20px) translateX(-2px);
        width: 100%;
        min-width: 200px;
        background-color: #fff;
        border: 1px solid #e1e2e2;
        border-radius: 3px;
        padding: 15px;
        box-shadow: 0 2px 16px -5px rgba(0, 0, 0, 0.2);
        z-index: 30;
        pointer-events: all;
        opacity: 1;
        transition: 0.1s ease-out;
      }
.inline-edit__action_buttons .remove .remove__modal:before {
          content: '';
          position: absolute;
          left: 26px;
          bottom: -8px;
          width: 16px;
          height: 16px;
          background-color: #fff;
          z-index: 20;
          transform: rotate(45deg);
          border-bottom-right-radius: 3px;
        }
.inline-edit__action_buttons .remove .remove__modal__buttons {
          display: flex;
        }
.inline-edit__action_buttons .remove .remove__modal--hidden {
          display: none;
        }
.inline-edit__action_buttons .remove .remove__modal p span {
            font-weight: 600;
          }
.inline-edit__save-pdf button {
      margin-right: calc(-1 * 1rem);
    }
.inline-edit__header-group {
    display: flex;
    align-items: center;
  }
.inline-edit__header-group button {
      margin-left: 1.25rem;
    }
.checkbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  margin-bottom: 1.25rem;
}
.checkbox__label {
    padding-left: 1.125rem;
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    color: #6e6e6e;
    font-weight: 400;
    transition: 0.2s ease-out;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0.375rem;
  }
.checkbox__label.active {
      color: #4355f3;
    }
.checkbox__label.error {
      color: #c52d00;
    }
.checkbox__label.disabled {
      color: #6e6e6e;
      cursor: not-allowed;
    }
.checkbox__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2px;
  }
.checkbox__wrapper:last-child {
      margin-bottom: 0;
    }
.checkbox__wrapper.other {
      flex-direction: row;
    }
.checkbox__wrapper.other label {
        padding: 0 1.125rem;
        width: 100%;
      }
.checkbox__wrapper.other label:focus {
          outline: none;
          background-color: #cfd3ee;
        }
.checkbox__wrapper.other label:focus .checkbox__box {
            border-color: #4355f3;
            background-color: #4355f3;
          }
.checkbox__wrapper.other label:focus .checkbox__box:after {
              content: '';
            }
.checkbox__wrapper label{
  display: flex;
  align-items: center;
}
@media print {
  
  #questions-renderer .checkbox__wrapper label.flex-1.items-center.justify-end.mb-auto.pb-1 {
    display: none;
  }
  
  #questions-renderer .flex.flex-1.checkbox__wrapper label.justify-end.mb-auto.pb-1 {
    display: none;
  }
  [class*='container_'] > .checkbox__wrapper label.items-baseline {
    display: none;
  }
  .checkbox__wrapper label.justify-start.my-4 {
    display: none;
  }
}
.checkbox__wrapper label {
      position: relative;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1.125rem;
      color: #494949;
      padding: 0.625rem 1.125rem;
      border-radius: 0.1875rem;
      cursor: pointer;
      background-color: transparent;
      transition: 0.1s ease-out;
    }
.checkbox__wrapper label:focus,
      .checkbox__wrapper label:hover {
        background-color: #e0e8f9;
      }
.checkbox__wrapper label .checkbox__box{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
@media print {
  
  #questions-renderer .flex.flex-1.checkbox__wrapper label .checkbox__box.justify-end.mb-auto.pb-1 {
    display: none;
  }
}
.checkbox__wrapper label .checkbox__box {
        position: relative;
        margin-right: 0.625rem;
        width: 1.125rem;
        height: 1.125rem;
        border: 2px solid #494949;
        transition: 0.1s ease-out;
        border-radius: 0.125rem;
      }
.checkbox__wrapper label .checkbox__box::after {
          position: absolute;
          border: 1px solid #fff;
          border-left: 0;
          border-top: 0;
          height: 10px;
          width: 4px;
          transform: rotate(45deg) scaleY(1);
          transition: 0.2s ease-out;
          transform-origin: center;
        }
.checkbox__wrapper label.error {
        color: #c52d00;
        background-color: #ffe9e2;
      }
.checkbox__wrapper label.error .checkbox__box {
          border-color: #c52d00;
        }
.checkbox__wrapper .other-input,
    .checkbox__wrapper .other-description {
      opacity: 1;
      position: relative;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1.125rem;
      color: #494949;
      background-color: transparent;
      padding: 0.625rem 0;
      border: 1px solid transparent;
      border-bottom-color: #6e6e6e;
      transition: 0.1s ease-out;
      width: 100%;
      max-width: 400px;
    }
.checkbox__wrapper .other-input:focus, .checkbox__wrapper .other-description:focus {
        border-color: #4355f3;
        outline: none;
        border-radius: 0.1875rem;
      }
.checkbox__wrapper .other-input:disabled, .checkbox__wrapper .other-description:disabled {
        cursor: not-allowed;
        border-bottom-color: #dcdfe6;
      }
.checkbox__wrapper input {
      opacity: 0;
      position: absolute;
      top: 0;
    }
.checkbox__wrapper input:focus + label {
          color: #4355f3;
          background-color: #eef1fe;
        }
.checkbox__wrapper input:focus + label .checkbox__box {
            border-color: #4355f3;
          }
.checkbox__wrapper input:checked + label {
          color: #4355f3;
          transition: 0.2s ease-out;
        }
.checkbox__wrapper input:checked + label .checkbox__box {
            border-color: #4355f3;
            background-color: #4355f3;
            transition: 0.2s ease-out;
          }
.checkbox__wrapper input:checked + label .checkbox__box::after {
              content: '';
            }
.checkbox__wrapper input:disabled + label {
          color: #6e6e6e;
          cursor: not-allowed;
        }
.checkbox__wrapper input:disabled + label .checkbox__box {
            border-color: #edeff4;
            background-color: #edeff4;
          }
.checkbox__wrapper input:disabled:checked + label {
            color: #b3baf9;
          }
.checkbox__wrapper input:disabled:checked + label .checkbox__box {
              border-color: #b3baf9;
              background-color: #b3baf9;
            }
.fg-map {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.25rem;
}
.fg-map .input-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    animation-name: onAutoFillCa;
  }
.fg-map .input-group input[type='text'] {
      padding-right: 46px;
    }
.fg-map .input-group .remove-btn {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
.fg-map .input-group .remove-btn button {
        background: none !important;
        outline: none !important;
        font-size: 1.25rem !important;
      }
.fg-map .input-group .remove-btn button:focus {
          box-shadow: none !important;
        }
.fg-map .input-group #map,
    .fg-map .input-group .map {
      padding: 0.4375rem 1rem;
      animation-name: onAutoFillCancel-data-v-bd7f175a;
      width: 100%;
      background-color: #fff;
      color: #2f2f2f;
      outline: 0;
      border: none;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1rem;
      font-weight: 400;
      border-radius: 0.1875rem;
      border: 1px solid #dcdada;
      transition: 0.2s ease-out;
      box-sizing: border-box;
      caret-color: #4355f3;
      box-shadow: none;
    }
.fg-map .input-group #map:focus, .fg-map .input-group .map:focus {
        border-color: #b3baf9;
      }
.fg-map .input-group #map:disabled, .fg-map .input-group .map:disabled {
        border-color: #dcdfe6;
        background-color: #f2f3f7;
        color: #6e6e6e;
      }
.inline-edit__preview__value .label-icon {
    color: #4c63b6;
    min-width: 1rem;
    text-align: center;
  }
.inline-edit__preview__value .label-icon + a,
    .inline-edit__preview__value .label-icon + p,
    .inline-edit__preview__value .label-icon + .address-block {
      margin-left: 1rem;
    }
.notification-dropdown {
  width: 100%;
  display: flex;
  position: absolute;
  top: 1px;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(var(--nav-height)) translateY(-10px);
  transition: 0.1s ease-out;
}
.notification-dropdown-visible {
    opacity: 1;
    pointer-events: all;
    transform: translateY(var(--nav-height)) translateY(0px);
  }
@media (min-width: 475px) and (max-width: 960px) {
.notification-dropdown {
    width: 375px
}
  }
.notification-list {
  margin-right: 0;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  padding-bottom: 0.625rem;
  border-bottom-left-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
  background-color: #fff;
  box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.2);
  max-height: 80vh;
}
.notification-list-header {
    position: sticky;
    top: -1px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background-color: #fff;
  }
.notification-list-header h3 {
      color: #494949;
      font-size: 1.25rem;
      font-weight: 600;
    }
@media (max-width: 768px) {
.notification-list-header {
      padding: 1rem 1.5rem
  }
    }
.notification-list-subheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.3125rem 1.25rem;
  }
.notification-list-subheader h4 {
      color: #494949;
      font-size: 1.125rem;
      font-weight: 600;
    }
.notification-list-subheader a:hover {
      color: #4355f3;
    }
@media (max-width: 768px) {
.notification-list-subheader {
      padding: 0.3125rem 1.5rem
  }
    }
.notification-list-item {
    display: flex;
    flex-direction: row;
    padding: 0.625rem 1.25rem;
  }
.notification-list-item .notification-avatar {
      padding-top: 0.3125rem;
      flex-shrink: 0;
    }
.notification-list-item .notification-avatar .user-image {
        height: 1.75rem;
        width: 1.75rem;
        border-radius: 50%;
        background-color: #d8d8d8;
        background-position: center;
      }
.notification-list-item .notification-text {
      display: flex;
      flex-direction: column;
      padding-left: 0.75rem;
      overflow-wrap: anywhere;
    }
.notification-list-item .notification-text p {
        font-size: 1rem;
        font-weight: 400;
        color: #2f2f2f;
      }
.notification-list-item .notification-text p .primary {
          color: #2f2f2f;
          font-weight: 600;
        }
.notification-list-item .notification-text p .secondary {
          color: #6e6e6e;
          font-weight: 600;
        }
.notification-list-item .notification-text p .secondary.redirectable {
            cursor: pointer;
          }
.notification-list-item .notification-text p.invite-label {
          font-size: 0.875rem;
          color: #6e6e6e;
        }
.notification-list-item .notification-text .atomic-assigned-question {
        margin-left: 0.625rem;
        color: #6e6e6e;
        font-weight: 600;
      }
.notification-list-item .notification-text label {
        color: #909399;
        font-size: 0.875rem;
      }
@media (max-width: 768px) {
.notification-list-item {
      padding: 0.625rem 1.5rem
  }
.notification-list {
    width: 100%;
    padding-bottom: 1rem
}
    }
.questions-assigned-container {
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
.risk-profile-overview-section--overview-data {
  margin-bottom: 1.5rem;
}
.overview-data__tile-wrapper {
    border-radius: 0.3125rem;
    display: flex;
  }
.overview-data__tile-wrapper:last-child .overview-data__tile {
        margin-bottom: 0;
      }
.overview-data__tile {
    background-color: #f8f9ff;
    border-radius: 0.3125rem;
    display: flex;
    transition: box-shadow 0.2s ease-out;
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
  }
.overview-data__tile--empty {
      display: flex;
      width: 100%;
      border-radius: 0.3125rem;
    }
.overview-data__tile--empty:active,
      .overview-data__tile--empty:focus {
        box-shadow: 0 0 0 2px #b3baf9;
      }
.overview-data__tile--empty:active .overview-data__actions_button, .overview-data__tile--empty:focus .overview-data__actions_button {
          box-shadow: 0 0 0 2px #b3baf9;
          background-color: #b3baf9;
        }
.overview-data__tile--empty .overview-data__actions_button {
        pointer-events: none;
      }
.overview-data__tile:hover {
      cursor: pointer;
    }
.overview-data__tile:hover,
    .overview-data__tile:focus {
      box-shadow: 0 0 0 2px #b3baf9;
    }
.overview-data__tile:active {
      box-shadow: 0 0 0 2px #4055a8;
    }
.overview-data__data {
    display: flex;
    flex-wrap: wrap;
  }
.overview-data__data-point {
    margin-top: 0.75rem;
    width: 100%;
  }
@media (min-width: 575px) {
.overview-data__data-point {
      margin-right: 1.5rem;
      width: auto
  }
      .overview-data__data-point:last-child {
        margin-right: 0;
      }
    }
.overview-data__thumbnail {
    background-color: #627398;
    color: #f8f9ff;
    font-size: 2rem;
    width: 4.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem 0 0 0.3125rem;
    padding: 1rem;
  }
.overview-data__content {
    padding: 1rem;
    display: flex;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
  }
.overview-data__content .overview-data__data .overview-data__data-point .label {
          display: inline-flex;
          font-size: 1rem;
          text-transform: none;
          letter-spacing: 0;
          font-weight: 400;
          font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        }
.overview-data__content .overview-data__data .overview-data__data-point p {
          display: inline-flex;
          margin-right: 0.375rem;
        }
.overview-data__content .overview-data__data .overview-data__data-point p:last-child {
            margin-right: 0;
          }
.overview-data__actions {
    display: flex;
    align-items: center;
    padding-right: 1rem;
  }
.overview-data__actions_button:hover {
        background-color: transparent;
      }
.overview-data__actions_button:focus {
        background-color: transparent;
      }
.overview-data__actions_button:focus,
      .overview-data__actions_button:active {
        box-shadow: none;
      }
.overview-data__actions_button:active {
        background-color: transparent;
      }
.customer-dashboard .overview-data__tile, .forms-library .overview-data__tile {
      background-color: #fff;
    }
.customer-dashboard .overview-data__tile:before, .forms-library .overview-data__tile:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
        border-radius: 0.3125rem;
        z-index: -1;
      }
.customer-dashboard .overview-data__wrapper-empty .overview-data__tile {
        margin-bottom: 0;
      }
.customer-dashboard .overview-data__wrapper-empty .overview-data__tile-wrapper {
          margin-bottom: 1rem;
        }
.customer-dashboard .overview-data__wrapper-empty .overview-data__tile-wrapper:last-child {
            margin-bottom: 0;
          }
@media (min-width: 768px) {
.customer-dashboard .overview-data__wrapper-empty .overview-data__tile-wrapper {
            margin-bottom: 0
        }
          }
.risk-profile-overview .overview-data__wrapper {
      margin-top: 0.625rem;
    }
.risk-profile-overview .overview-data__tile {
      border: 1px solid #edeff4;
    }
.risk-profile-overview .overview-data__tile:before {
        box-shadow: none;
      }
@media (min-width: 575px) {
.risk-profile-overview-details .risk-profile-overview-section {
        margin-top: 0.5rem
    }
      }
@media (min-width: 960px) {
.risk-profile-overview-details .risk-profile-overview-section {
        margin-top: 2.5rem
    }
      }
.risk-profile-overview-details .action-button {
      margin-left: calc(-1 * 1rem);
    }
@media (min-width: 575px) {
.risk-profile-overview-details {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(2, 1fr)
  }
    }
@media (min-width: 960px) {
.risk-profile-overview-details {
      display: block;
      width: 360px
  }
    }
.risk-profile-overview-summary {
    flex: 1;
    margin-top: 2.5rem;
  }
@media (min-width: 960px) {
.risk-profile-overview-summary {
      margin-left: 1.25rem;
      margin-top: 0
  }
.risk-profile-overview-section-container {
        display: flex
    }
    }
.risk-profile-overview-section{
    margin-top: 2.5rem;
}
.risk-profile-overview-section:first-child {
      margin-top: 0.5rem;
    }
.risk-profile-overview-section .edit-group {
      display: flex;
      flex-direction: row;
      width: 100%;
      flex-wrap: wrap;
      padding-top: 1rem;
    }
@media (max-width: 575px) {
.risk-profile-overview-section .edit-group {
        padding-top: 0.625rem;
        flex-direction: column
    }
      }
.risk-profile-overview-section .edit-group__item {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 1.25rem;
      }
.risk-profile-overview-section .edit-group__item:last-child {
          margin-bottom: auto;
        }
.risk-profile-overview-section--summary-text .summary_content_chips {
          display: flex;
          margin-bottom: 0.5rem;
        }
.risk-profile-overview-section--summary-text .summary_content_chips .chip {
            margin-right: 0.5rem;
          }
.risk-profile-overview-section--summary-text .summary_content_chips .chip:last-child {
              margin-right: 0;
            }
@media (min-width: 768px) {
      .risk-profile-overview-section--summary {
        width: 100%;
      }
}
.no-cursor {
  cursor: default;
}
@media print {
  #root {
    height: auto !important;
    overflow-y: visible !important;
  }

  .nav,
  #side-nav,
  .create-header .buttons,
  .risk-data__search,
  .rd-card__buttons,
  .table-buttons,
  .risk-profile-logo,
  .inline-edit__action_buttons,
  .action-button,
  .rd-card__body__item__link,
  .tools-detail-input,
  .filter-sidebar,
  .results-label-wrapper,
  .icon-button,
  .inline-edit__action_buttons,
  .inline-edit__save-pdf,
  .overview-data__actions_button,
  .bottom__nav,
  .table-action,
  .mobile-nav,
  [class*='sub_nav_button_'],
  #notification-area,
  .tsqd-parent-container {
    display: none !important;
  }
  #content {
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-top: 0.625rem !important;
  }
  #sub-nav-layout .bottom__section {
    padding-top: 1.25rem !important;
  }

  /* Risk Profile Overview */
  .risk-profile-overview [class*='v_button_'] {
    display: none !important;
  }

  /* Forms Index Page */
  #forms-index-search [class*='state_default_'],
  #forms-index-filters,
  [class*='header_content_'] [class*='v_button_'],
  [data-testid='form-status-filter-button'],
  [data-testid='actions-menu'],
  [data-testid='grid-card-checkbox'],
  #forms-index-search,
  [data-testid='form-grid-card'] [class*='v_button_'] {
    display: none !important;
  }
  .v-table-row {
    height: 100px !important;
  }
  [data-testid='form-grid-card'] > div {
    min-height: 0 !important;
  } 

  /* Response Page */
  [class*='sidebar_'],
  [class*='topbar_'],
  [class*='bottombar_'],
  #questions-renderer .mx-auto.sticky.bottom-0,
  [data-shell-role='header'] [class^='wrapper_'],
  #questions-renderer .flex.flex-1.items-center.justify-end.mb-auto.pb-1,
  #questions-renderer .inline.ml-1,
  [data-shell-role='header'] [type='checkbox'],
  [data-shell-role='actions'],
  #questions-renderer [class*='v_button_'],
  [id*='dropzone-container'],
  [id*='dropzone-container'] ~ p.text-xs,
  [data-shell-role='content'] [data-icon] {
    display: none !important;
  }

  /* Signatures page */
  [class*='container_'] > .flex.items-baseline,
  [data-testid='row-actions-dropdown'],
  [data-testid='sign-button'],
  [data-testid='mobile-signatures-header-actions'],
  [class*='container_'] [type=checkbox] {
    display: none !important;
  }

  /* Submissions page */
  [data-testid='filter-menu-button'],
  [data-testid='submission-tile'] .bg-neutral-500.text-wunder-blue-100,
  [data-testid='submission-tile'] [class*='v_button_'],
  [data-testid='submission-switcher-menu'],
  [data-testid='submission-forms-action-menu'],
  [data-testid='v-tile'] .bg-neutral-500.text-wunder-blue-100,
  #add-submission-forms [class*='v_button_'],
  #add-submission-forms [class*='text_input_'],
  #add-submission-forms [type=checkbox] {
    display: none !important;
  }
  #add-submission-forms {
    height: 100% !important;
    overflow: visible !important;
    position: absolute !important;
  }

  /* Team Members page */
  [data-testid='segments-filter-button'],
  .flex.justify-start.my-4,
  [data-testid='v-text-input-wrapper'],
  .w-11.h-full,
  [data-testid='members-grid-tile'] [class*='v_button_'] {
    display: none !important;
  }

  /* Segments page */
  [data-testid='segments-actions-button'] {
    display: none !important;
  }

  /* Displays icons associated with file uploads */
  [data-shell-role='content'] [class^='icon_box_'] [data-icon] {
    display: block !important;
  }

  #questions-renderer [class*='table_content'] {
    overflow-x: visible !important;
  }

  #questions-renderer [class*='table_'] {
    overflow: visible !important;
  }

  [class^='inner_wrapper_'] {
    display: block !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
  }
  [data-shell-role='container'].w-full.mx-auto,
  #questions-renderer [class^='shell_'],
  #questions-renderer [class^='wrapper_'],
  .question-notes {
    width: 100vw !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  #form-title {
    margin-right: auto !important;
    width: 100% !important;
  }
  #questions-renderer {
    overflow-y: visible !important;
    contain: none !important;
  }
  #questions-renderer .w-full.relative {
    height: auto !important;
  }
  #questions-renderer .absolute.top-0.left-0.w-full {
    transform: none !important;
  }
  #content .fixed.inset-0.bg-white {
    position: static !important;
  }
}
.select-actions {
  display: flex;
  align-items: center;
  height: 100%;
}
.assign-link__wrapper {
    margin-top: 2rem;
  }
.assign-link__content {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
  }
.assign-link__content p {
      flex: 1;
    }
.assign-link__content button {
      margin-top: calc(-1 * 0.375rem);
      margin-right: calc(-1 * 1rem);
    }
.assign-link__warning {
    border-radius: 0.3125rem;
    background-color: #f0f3f8;
    padding: 1rem;
    width: 100%;
  }
.assign-share__text-area-wrapper {
    border: 1px solid #e1e2e2;
    border-radius: 0.1875rem;
  }
.assign-share__text-area-wrapper.text-area__active {
      border-color: #b3baf9;
    }
.assign-share__text-area-wrapper:focus,
    .assign-share__text-area-wrapper:active {
      border-color: #b3baf9;
    }
.assign-share__text-area-wrapper:focus {
      outline: none;
    }
.assign-share__text-area {
    font-size: 1rem;
    max-height: 40vh;
    padding: 0.75rem 1rem;
  }
@media (max-height: 480px) {
.assign-share__text-area {
      max-height: 30vh
  }
    }
.assign-share__text-area:focus {
      outline: none;
    }
.assign-share .loading {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
.card-wrapper .checkbox__wrapper label {
      font-size: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
.card-wrapper .checkbox__wrapper label .checkbox__box {
        width: 1rem;
        height: 1rem;
      }
.card-wrapper .checkbox__wrapper.other label{
  padding-top: 0px;
  padding-bottom: 0px;
}
.card-wrapper .checkbox__wrapper .other-input,
    .card-wrapper .checkbox__wrapper .other-description {
      font-size: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
table .option-section .checkbox:last-child {
    margin-bottom: 0;
  }
table .option-section .checkbox__wrapper label {
    font-size: 0.875rem;
    padding: 0.5rem 0.625rem;
  }
.list-wrapper .card-wrapper .question-header {
      padding-bottom: 0.625rem;
    }
.questionnaire__body {
  display: flex;
  min-height: 0;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 960px) {
.questionnaire__body {
    flex-direction: row
}
  }
.radio-options .form-group + .form-group, .question-options .form-group + .form-group {
    margin-left: 1.25rem;
  }
.builder-modal-wrapper{
  position: fixed;
  inset: 0px;
  z-index: 9999;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media print {
  
  #questions-renderer .builder-modal-wrapper.flex-1.items-center.justify-end.mb-auto.pb-1 {
    display: none;
  }
  
  #questions-renderer .flex.flex-1.builder-modal-wrapper.justify-end.mb-auto.pb-1 {
    display: none;
  }
  [class*='container_'] > .builder-modal-wrapper.items-baseline {
    display: none;
  }
  
  .w-11.builder-modal-wrapper {
    display: none;
  }
  .builder-modal-wrapper.justify-start.my-4 {
    display: none;
  }
  [data-shell-role='container'].builder-modal-wrapper.mx-auto {
    width: 100vw;
    max-width: 100%;
    margin-left: 0;
  }
  #questions-renderer .builder-modal-wrapper.relative {
    height: auto;
  }
  #questions-renderer .absolute.top-0.left-0.builder-modal-wrapper {
    transform: none;
  }
  #content .builder-modal-wrapper.inset-0.bg-white {
    position: static;
  }
  #content .fixed.builder-modal-wrapper.bg-white {
    position: static;
  }
}
.builder-modal-wrapper .backdrop{
  position: absolute;
  inset: 0px;
  z-index: -1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.75;
}
@media print {
  #questions-renderer .builder-modal-wrapper .backdrop.top-0.left-0.w-full {
    transform: none;
  }
  #content .fixed.builder-modal-wrapper .backdrop.bg-white {
    position: static;
  }
}
.builder-modal-wrapper .modal,
  .builder-modal-wrapper .table-row-config-wrapper{
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
}
.table-row-config-wrapper {
  background-color: #f8f8f8;
  padding: 1rem;
  border-radius: 0.125rem;
}
.table-row-config-wrapper .cell-wrapper {
    position: relative;
  }
.table-row-config-wrapper .cell-wrapper .form-group,
    .table-row-config-wrapper .cell-wrapper .form-group-dates,
    .table-row-config-wrapper .cell-wrapper .form-group-currency,
    .table-row-config-wrapper .cell-wrapper .form-group-code {
      display: flex;
      width: 100%;
    }
.table-row-config-wrapper .buttons {
    width: auto;
  }
.table-row-config-wrapper .buttons.update-button {
      position: absolute;
      right: 0.4375rem;
    }
.table-row-config-wrapper .buttons .cancel {
      margin-right: 1rem;
    }
.table-row-config-wrapper .conditional-wrapper {
    margin-top: 0.625rem;
    margin-left: 1.875rem;
  }
.meta-label {
  font-size: 1rem;
  font-weight: 500;
  color: #627398;
  margin-bottom: 0.375rem;
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  display: inline-block;
}
.view-type__wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 320px;
    margin-bottom: 1.25rem;
  }
@media (min-width: 1200px) {
.view-type__wrapper {
      max-width: 360px
  }
    }
.view-preview__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.3125rem 0.5rem 0.375rem;
    border-radius: 0.3125rem;
    outline: none;
    transition: all 0.2s ease-out;
  }
@media (min-width: 1200px) {
.view-preview__wrapper {
      padding: 0.625rem 1rem 0.75rem
  }
    }
.view-preview__wrapper:hover,
    .view-preview__wrapper:focus {
      cursor: pointer;
      background-color: #cfd3ee;
    }
.view-preview__wrapper:focus,
    .view-preview__wrapper:active {
      box-shadow: 0 0 0 2px #b3baf9;
    }
.view-preview__wrapper:active {
      background-color: #b3baf9;
    }
.view-preview__wrapper.view-preview__wrapper-active {
      background-color: #e0e8f9;
      box-shadow: 0 0 0 2px #4055a8;
    }
.view-preview__wrapper.view-preview__wrapper-active:hover,
      .view-preview__wrapper.view-preview__wrapper-active:focus {
        background-color: #cfd3ee;
      }
.view-preview__wrapper.view-preview__wrapper-active:focus,
      .view-preview__wrapper.view-preview__wrapper-active:active {
        box-shadow: 0 0 0 2px #b3baf9;
      }
.view-preview__wrapper.view-preview__wrapper-active:active {
        background-color: #b3baf9;
      }
.view-preview {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.3125rem 0.25rem;
    border: 2px solid #dcdfe6;
    border-radius: 0.1875rem;
    background-color: #fff;
    height: 39px;
    width: 30px;
    margin: 0.5rem auto auto;
  }
@media (min-width: 1200px) {
.view-preview {
      height: 91px;
      width: 70px;
      padding: 0.625rem 0.5rem
  }
    }
.view-preview-2x {
      display: flex;
    }
.view-preview__form-header {
      height: 0.125rem;
      width: 65%;
      background-color: #e0e8f9;
      border-radius: 1px;
    }
@media (min-width: 1200px) {
.view-preview__form-header {
        height: 0.25rem;
        border-radius: 0.125rem
    }
      }
.view-preview__text {
      height: 0.125rem;
      width: 50%;
      background-color: #dcdada;
      border-radius: 1px;
      margin-bottom: 0.125rem;
    }
.view-preview__text.view-preview__text-long {
        width: 100%;
      }
.view-preview__text:last-child {
        margin-bottom: 0;
      }
@media (min-width: 1200px) {
.view-preview__text {
        height: 0.25rem;
        border-radius: 0.125rem;
        margin-bottom: 0.1875rem
    }
      }
.view-preview__input {
      height: 0.1875rem;
      width: 100%;
      background-color: #fff;
      border: 2px solid #dcdada;
      border-radius: 1px;
      margin-bottom: 0.25rem;
    }
.view-preview__input:last-child {
        margin-bottom: 0;
      }
@media (min-width: 1200px) {
.view-preview__input {
        height: 0.4375rem;
        margin-bottom: 0.5rem;
        border-radius: 0.125rem
    }
      }
.view-preview__pdf-header {
        display: flex;
      }
.view-preview__pdf-header .view-preview__group {
          display: flex;
          flex-direction: column;
          flex-basis: calc(100% / 3);
          margin-left: auto;
          margin-right: 0;
        }
.view-preview__pdf-logo {
        height: 100%;
        min-height: 0.25rem;
        flex-basis: calc(100% / 3);
        background-color: #e0e8f9;
        border-radius: 1px;
        margin-right: 0.25rem;
      }
@media (min-width: 1200px) {
.view-preview__pdf-logo {
          min-height: 0.5rem;
          border-radius: 0.125rem;
          margin-right: 0.5rem
      }
        }
.view-preview__graph {
      display: flex;
      flex-basis: calc(100% / 3);
      justify-content: space-between;
      align-items: flex-end;
    }
.view-preview__graph-bar {
        background-color: #e0e8f9;
        min-height: calc(100% / 3);
        flex-basis: calc(100% / 3);
        border-radius: 1px;
        margin-right: 0.1875rem;
      }
@media (min-width: 1200px) {
.view-preview__graph-bar {
          border-radius: 0.125rem;
          margin-right: 0.375rem
      }
        }
.view-preview__graph-bar:first-child {
          background-color: #f4ddff;
          height: calc(200% / 3);
        }
.view-preview__graph-bar:nth-child(2) {
          background-color: #fff7de;
          height: 100%;
        }
.view-preview__graph-bar:last-child {
          background-color: #e6fbdf;
          height: calc(100% / 3);
          margin-right: 0;
        }
.view-preview__split .view-preview:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
.view-preview__split .view-preview:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-width: 0;
      }
.risk-profile {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
}
.risk-profile-wrapper {
    width: 100%;
    padding: 1rem 0;
    padding-top: 0px;
    margin-top: calc(-1 * 1rem);
  }
.risk-profile-name {
    display: flex;
    align-items: center;
  }
.risk-profile-text {
    width: 100%;
  }
.risk-profile-text__date span {
        font-weight: 600;
      }
.risk-profile-logo {
    width: 100px;
    height: 100px;
    border: 1px solid #cfd3ee;
    background-color: #f2f3f7;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1rem;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 0.1875rem;
  }
.risk-profile-body {
    display: flex;
    flex-direction: column;
    max-width: 850px;
    margin-top: 1.25rem;
  }
.risk-profile-body__dates {
      display: flex;
      flex-wrap: wrap;
    }
.risk-profile-body__dates__item {
        display: flex;
        flex-direction: column;
        margin-right: 2rem;
        padding-bottom: 0.625rem;
      }
.risk-profile-body__dates__item:last-child {
          margin-right: 0;
        }
.risk-profile-body__dates__item__label {
          padding-bottom: 2px;
        }
@media (max-width: 575px) {
.risk-profile-body__dates {
        flex-direction: column;
        flex-wrap: nowrap
    }
        .risk-profile-body__dates__item {
          padding-bottom: 1rem;
        }
      }
.risk-profile-body__codes {
      display: flex;
      flex-wrap: wrap;
      padding-top: 1.25rem;
      margin-bottom: calc(-1 * 0.625rem);
    }
.risk-profile-body__codes__item {
        display: flex;
        flex-direction: column;
        margin-right: 1.25rem;
        padding-bottom: 0.625rem;
        width: calc(50% - (1.25rem / 2));
      }
.risk-profile-body__codes__item:last-child {
          margin-right: 0;
        }
@media (max-width: 768px) {
.risk-profile-body__codes {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: calc(-1 * 1rem)
    }

        .risk-profile-body__codes__item {
          width: 100%;
          padding-bottom: 1rem;
        }
      }
.risk-profile .hidden {
    display: none;
  }
.risk-data-header {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
.risk-data-header__risk-data-tab .risk-profile, .risk-data-header__policy-tab .risk-profile {
        max-width: 100%;
      }
.list-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.list-wrapper .search-header {
    width: 100%;
  }
.list-wrapper .activity .tools-detail-input {
    margin-top: 0;
  }
.list-wrapper .tools-detail-input {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 550px;
    position: relative;
    margin-top: 1.25rem;
  }
.list-wrapper .tools-detail-input .clear {
      right: 0;
    }
.list-wrapper .tools-detail-input .clear .icon {
        left: auto;
        right: 0.75rem;
      }
.list-wrapper .tools-detail-input .icon {
      width: 24px;
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #6e6e6e;
      stroke: #6e6e6e;
    }
.list-wrapper .tools-detail-input .icon svg {
        font-size: 1.25rem;
      }
.list-wrapper .tools-detail-input input {
      width: 100%;
      background-color: #f2f3f7;
      color: #2f2f2f;
      outline: 0;
      padding: 0.75rem 1.125rem;
      font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-size: 1.125rem;
      line-height: 1.125rem;
      font-weight: 400;
      border-radius: 0.1875rem;
      border: 1px solid #dcdada;
      transition: 0.2s ease-out;
      box-sizing: border-box;
      caret-color: #4355f3;
      padding-left: 46px;
    }
.list-wrapper .tools-detail-input input:focus,
      .list-wrapper .tools-detail-input input.filled {
        border-color: #b3baf9;
        background-color: #edeff4;
      }
.list-wrapper .tools-detail-input input:focus + .icon, .list-wrapper .tools-detail-input input.filled + .icon {
          color: #4355f3;
          stroke: #4355f3;
        }
.list-wrapper .tools-detail-input.invert input {
        background-color: #fff;
      }
.list-wrapper .tools-detail-input.invert input:focus,
        .list-wrapper .tools-detail-input.invert input.filled {
          background-color: #fff;
        }
.vehicle-import-form .cell {
    width: 100%;
  }
.registration {
  display: flex;
  min-width: 120px;
  justify-content: space-between;
}
.registration-state {
    min-width: 2rem;
  }
.invalid-vin {
  color: #c52d00;
}
.risk-data-chip {
  padding: 0.25rem 0.5rem;
  border-radius: 0.3125rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: calc(-1 * 0.5rem);
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
}
.risk-data-chip.risk-data-chip__number {
    margin-left: 0;
  }
.risk-data-chip__invalid {
    color: #c52d00 !important;
    background-color: #ffe9e2;
  }
.risk-data-chip__warning {
    color: #7e5519 !important;
    background-color: #fff7de;
  }
.risk-data-chip__invalid.rd-card__body__item__text, .risk-data-chip__warning.rd-card__body__item__text {
      padding: 0.25rem 0.5rem;
      border-radius: 0.3125rem;
    }
.risk-data-chip__vin {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
.risk-data-chip__hint {
    margin-left: 0.25rem;
  }
.risk-data {
  display: flex;
  flex-direction: row;
}
.risk-data-left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
  }
.risk-data-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }
@media (max-width: 768px) {
    .risk-data-right {
      overflow-x: hidden;
      width: 100%;
      display: flex;
      flex-direction: column;
    }
.risk-data {
    flex-direction: column
}

    .risk-data-left {
      width: 100%;
      margin-bottom: 2rem;
    }
  }
.search-tool__recent-wrapper button {
        margin-top: 0.625rem;
      }
.search-tool__recent-wrapper button.search-tool__recent-result {
          margin-top: 2px;
        }
.search-tool__recent-wrapper button.search-tool__recent-result-invalid:hover {
              cursor: not-allowed;
            }
.search-tool__recent-empty-state {
      margin-top: 1rem;
    }
.search-tool__error-wrapper h4 {
      margin-bottom: 0.25rem;
    }
.search-tool__error-wrapper p {
      margin-top: 1rem;
    }
@media (max-width: 768px) {
.search-tool .step-form__wrapper {
      padding: 1.5rem
  }
    }
.search-tool__results .step-form__wrapper__header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-wrap: wrap;
        }
.search-tool__results .step-form__wrapper__header h2 {
            padding-bottom: 0;
            margin-right: 1rem;
          }
.search-tool__actions {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    flex-basis: 100%;
    order: -1;
    margin-bottom: 1rem;
  }
@media (min-width: 575px) {
.search-tool__actions {
      flex-basis: auto;
      order: 0;
      margin-bottom: 0
  }
    }
.search-tool__actions button {
      margin-left: 0.75rem;
    }
.search-tool__input-wrapper {
    display: flex;
  }
.search-tool__input-wrapper button {
      margin-left: 1rem;
    }
.search-tool__recent-wrapper {
      margin-top: 2.5rem;
    }
.search-tool__recent-wrapper h4 {
        margin-bottom: 0.25rem;
      }
.search-tool__recent-result-row {
      display: flex;
    }
.search-tool__vin {
    min-width: 180px;
  }
@media (min-width: 575px) {
.search-tool__vehicle {
      margin-left: 2.5rem
  }
    }
.search-tool__vehicle-overview-wrapper {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.25rem;
      flex-wrap: wrap;
    }
@media (min-width: 575px) {
.search-tool__vehicle-overview-wrapper {
        flex-wrap: nowrap
    }
      }
.search-tool__vehicle-overview-wrapper img {
        width: 100%;
        max-width: 320px;
        margin: 1rem auto;
      }
@media (min-width: 575px) {
.search-tool__vehicle-overview-wrapper img {
          max-width: 220px;
          margin-top: 0;
          margin-bottom: 0;
          margin-right: 0
      }
        }
.search-tool__vehicle-overview {
      display: flex;
      align-content: space-between;
      flex-wrap: wrap;
    }
.search-tool__filter-header {
      display: flex;
      margin-bottom: 0.375rem;
      align-items: center;
    }
.search-tool__filter-data {
      margin-bottom: 1rem;
    }
.search-tool__filter-tooltip {
      margin-left: 0.4375rem;
    }
.search-tool__data-tile-group {
      display: flex;
      flex-direction: column;
    }
.search-tool__data-tile-wrapper {
      display: flex;
      border-radius: 0.3125rem;
      transition: 0.2s ease-out;
      margin-bottom: 0.75rem;
    }
.search-tool__data-tile-wrapper:last-child {
        margin-bottom: 0;
      }
.search-tool__data-tile-wrapper:hover {
        box-shadow: 0 0 0 2px #b3baf9;
      }
.search-tool__data-tile-wrapper:focus,
      .search-tool__data-tile-wrapper:active {
        box-shadow: 0 0 0 2px #4055a8;
      }
.search-tool__data-tile-wrapper.search-tool__data-tile-disabled .search-tool__data-tile-body,
        .search-tool__data-tile-wrapper.search-tool__data-tile-disabled .search-tool__data-tile-tab {
          cursor: not-allowed;
        }
.search-tool__data-tile {
      display: flex;
      align-items: center;
      flex: 1;
      background-color: #f8f9ff;
      border-radius: 0.3125rem;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    }
.search-tool__data-tile-tab {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3125rem 0 0 0.3125rem;
        background-color: #627398;
        min-width: 2rem;
        height: 100%;
        color: #d9dfec;
      }
.search-tool__data-tile-tab:hover {
          cursor: pointer;
        }
.search-tool__data-tile-tab-icon {
        }
.search-tool__data-tile-body {
        flex: 1;
        padding: 0.5rem 0.75rem;
      }
.search-tool__data-tile-body:hover {
          cursor: grab;
        }
.search-tool__data-tile-body:active {
          cursor: grabbing;
        }
.search-tool__data-tile-handle {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0;
        margin-left: auto;
        padding-right: 0.3125rem;
      }
.search-tool__data-group-heading {
      display: flex;
      margin-bottom: 1rem;
      align-items: center;
    }
.search-tool__data-group-heading:hover {
        cursor: pointer;
      }
.search-tool__data-group-heading .drop-arrow {
        margin-left: 1rem;
      }
.search-tool__data-group-heading svg {
        transition: 0.2s ease-out;
      }
.search-tool__data-group .search-tool__data-tile-group {
      margin-bottom: 2rem;
    }
.search-tool__data-subgroup .search-tool__data-tile-group {
      margin-bottom: 2rem;
    }
.search-tool__data-subgroup:last-child .search-tool__data-tile-group {
        margin-bottom: 0;
      }
.ghost {
  opacity: 0.5;
}
.drag {
  opacity: 1;
}
.drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  color: #8290b1;
  font-size: 1.125rem;
}
.drag-handle:hover {
    cursor: grab;
  }
.drag-handle:active {
    cursor: grabbing;
  }
.dropzone {
  border: 1.5px dashed #dcdada;
  border-radius: 0.3125rem;
  color: #6e6e6e;
  background-color: #f8f8f8;
  min-height: 100px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropzone .placeholder {
    font-size: 1rem;
    font-weight: 400;
  }
.dropzone-wrapper .search-tool__data-tile-group {
      position: relative;
    }
.dropzone-wrapper .search-tool__data-tile-group .placeholder {
        font-size: 1rem;
        font-weight: 400;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
.step-form__questionnaire__builder .dropzone {
    margin-bottom: 1.875rem;
  }
#pane-overview .search-tool__data-tile-body,
    #pane-overview .search-tool__data-tile-body:hover,
    #pane-overview .search-tool__data-tile-body:active,
    #pane-overview .search-tool__data-tile-tab,
    #pane-overview .search-tool__data-tile-tab:hover,
    #pane-overview .search-tool__data-tile-tab:active,
    #pane-overview .drag-handle,
    #pane-overview .drag-handle:hover,
    #pane-overview .drag-handle:active {
      cursor: auto;
    }
.step-form {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border-radius: 0.3125rem;
  margin-bottom: 3.125rem;
  background-color: #fff;
}
.step-form__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.75rem 2rem;
  }
@media (max-width: 575px) {
.step-form__wrapper {
      padding: 1rem
  }
    }
.step-form__wrapper__header {
      margin-bottom: 1.5625rem;
    }
.step-form__wrapper__header h2 {
        padding-bottom: 0.625rem;
      }
.step-form__wrapper__header .description {
        line-height: 1.75rem;
      }
.step-form__wrapper__header .description ul,
        .step-form__wrapper__header .description ol {
          padding-right: 2.5rem;
          padding-left: 2.5rem;
        }
.step-form .answered-indicator {
    height: 42px;
    padding: 0.625rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #647acb;
    color: #fff;
    position: sticky;
    bottom: 0;
    z-index: 9;
  }
.step-form .answered-indicator .progress-bar {
      display: flex;
      flex: 2 1;
      max-width: 200px;
      margin: 2px 0 0 0.625rem;
    }
.step-form .answered-indicator .pages {
      display: flex;
      align-items: center;
    }
.step-form .answered-indicator .answered {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 2 1;
      padding: 0 1rem;
    }
.step-form .answered-indicator.signature-wait .answer-completed {
        color: #16244f;
      }
.step-form .answered-indicator .answer-completed {
      font-size: 0.875rem;
      color: #fff;
    }
.step-form .answered-indicator .answer-completed span {
        margin-left: 0.375rem;
      }
.step-form .answered-indicator .pages {
      font-size: 0.875rem;
    }
.step-form .answered-indicator .saving-state {
      display: flex;
      align-items: center;
      min-width: 80px;
    }
.step-form .answered-indicator .saving-state span {
        margin-right: 0.625rem;
        font-size: 0.875rem;
      }
.step-form .answered-indicator .saving-state .loading {
        padding: 0;
      }
.step-form .answered-indicator .saving-state .loading__icon {
          width: 1.25rem;
          height: 1.25rem;
        }
.step-form .answered-indicator .saving-state .saved {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
      }
.step-form .step-form__toolbar {
    border-bottom: 1px solid #e1e2e2;
    background-color: #fff;
    height: 43px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    padding-right: 0.625rem;
    align-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 9;
    flex-shrink: 0;
  }
.step-form .step-form__toolbar .title {
      text-align: left;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
.step-form .step-form__toolbar.step-form__toolbar-select {
      background-color: #e0e8f9;
    }
.step-form .toolbar-back {
    pointer-events: auto;
    font-size: 1.125rem;
  }
.step-form .toolbar-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.625rem;
    padding-right: 3px;
    height: 100%;
  }
.step-form .toolbar-select-count {
    color: #627398;
    margin-left: calc(1.5rem - 0.625rem);
  }
.step-form .toolbar-filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0.375rem;
    margin-right: calc(1rem / 2);
    min-width: 0;
    pointer-events: all;
  }
.step-form .toolbar-filters .el-dropdown + .el-dropdown {
      margin-left: 0.75rem;
    }
.step-form .toolbar-questionnaire-title {
    overflow: hidden;
  }
.step-form .toolbar-btns {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
.step-form .toolbar-btns .reload,
    .step-form .toolbar-btns .view-all {
      pointer-events: auto;
      cursor: pointer;
      height: 100%;
      display: inline-flex;
      align-items: center;
    }
.step-form .el-dropdown.more-menu, .step-form .el-dropdown-link.more-menu {
      cursor: pointer;
      pointer-events: auto;
      margin-left: calc(1rem / 2);
    }
.step-form .el-dropdown.more-menu > .el-dropdown-link, .step-form .el-dropdown-link.more-menu > .el-dropdown-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
      }
.step-form__questionnaire {
    border-radius: 0;
    margin-bottom: 0;
    max-width: 100%;
  }
.step-form__questionnaire__header {
      margin-bottom: 1.25rem;
      padding: 0 2.5rem;
    }
.step-form__questionnaire__header .title,
      .step-form__questionnaire__header .description {
        padding-left: 0;
      }
.step-form__questionnaire__builder {
      max-width: 100%;
    }
.step-form__questionnaire__agency {
      background-color: #fff;
    }
.step-form__sidebar {
    background-color: #fff;
    flex: 0 0 240px;
    margin-right: 1.5rem;
    align-self: stretch;
    border-radius: 0.3125rem;
    position: sticky;
    height: 100%;
    top: 5.75rem;
  }
.step-form__sidebar-header {
      padding: 1rem 1.25rem;
    }
.step-form__sidebar-section {
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
    }
.step-form__sidebar-field {
      padding: 0.5rem 1.25rem;
      cursor: pointer;
      transition: 0.1s ease-out;
    }
.step-form__sidebar-field span {
        display: inline-block;
      }
.step-form__sidebar-field:hover {
        background-color: #f8f9ff;
      }
.step-form__sidebar-icon {
      display: inline-block;
      min-width: 1.125rem;
      text-align: center;
    }
.step-form__sidebar-label {
      margin: auto;
      margin-left: 0.75rem;
      display: inline-block;
    }
.step-form__sidebar h3 {
      font-size: 1.125rem;
      font-weight: 400;
    }
.step-form__sidebar .pager {
      height: auto;
      justify-content: center;
    }
.step-form__sidebar-pager {
      padding: 0.5rem 0;
    }
.step-form .buttons {
    align-self: flex-end;
  }
.step-form .buttons-left,
  .step-form .buttons-right {
    display: flex;
    align-items: center;
  }
.step-form .buttons-left button + button, .step-form .buttons-right button + button {
      margin-left: 1rem;
    }
.step-form .buttons-right {
    justify-content: flex-end;
  }
.step-form .vue-questionnaire-builder-content .form-group {
      padding-left: 0;
      padding-right: 0;
    }
.step-form .question-label {
    line-height: 1.75rem;
  }
.step-form .question-label ul,
    .step-form .question-label ol {
      padding-right: 2.5rem;
      padding-left: 2.5rem;
    }
.step-form.request-demo {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08);
  }
.filter-dropdown .filter-option {
    display: flex;
    align-items: center;
  }
.filter-dropdown .filter-option .user-image-question {
      display: inline-flex;
      margin-bottom: 0;
    }
.filter-dropdown .filter-option .el-checkbox__inner {
      margin-right: 0.625rem;
    }
.content-split .step-form__sidebar {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    top: 0;
  }
.step-form__questionnaire__header, .step-form__questionnaire__builder__header {
    padding: 0 1.5rem;
  }
.step-form__questionnaire__builder .step-form__wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
.toolbar__mobile-expand .step-form__questionnaire {
    max-height: calc(100vh - 100px);
  }
@media (min-width: 960px) {
.toolbar__mobile-expand .step-form__questionnaire {
      max-height: 100%
  }
    }
.step-form__questionnaire .step-form__wrapper {
    height: calc(100vh - 185px);
    overflow-y: auto;
  }
@media (min-width: 960px) {
.step-form__questionnaire .step-form__wrapper {
      height: calc(100vh - 103px)
  }
    }
.main-content-split .step-form__questionnaire,
  .main-content-split .step-form__questionnaire__builder {
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    max-width: 100%;
  }
@media (min-width: 960px) {
.main-content-split .step-form__questionnaire,
  .main-content-split .step-form__questionnaire__builder {
      border-right: 2px solid #dcdada
  }
    }
.main-content-split .step-form__questionnaire__builder {
    width: 100%;
  }
.main-content-split .step-form__questionnaire__builder .step-form__wrapper {
      height: calc(100vh - 185px);
      overflow-y: auto;
    }
@media (min-width: 960px) {
.main-content-split .step-form__questionnaire__builder .step-form__wrapper {
        height: calc(100vh - 103px)
    }
      }
.main-content-split .main-content-wrapper {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
.main-content h1 {
    padding-top: 0;
    padding-bottom: 1rem;
  }
.main-content .subtext {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    color: #6e6e6e;
    padding-bottom: 0.625rem;
  }
/* legacy styles from the deprecated P, H1, H2, H3, H4, H5 and H6 components */
p.legacy {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  position: relative;
  color: #494949;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.44;
  transition: all 0.5s;
}
p.legacy.large {
    font-size: 1.25rem;
  }
p.legacy.search-tool__vin {
      font-size: 1rem;
      color: #4c63b6;
    }
p.legacy.search-tool__vin-invalid {
        color: #c52d00;
      }
p.legacy.search-tool__vehicle {
      font-size: 1rem;
    }
.detail-row p.legacy {
    font-weight: 600;
  }
.right-inner p.legacy {
    font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
.search-tool__data-hint p.legacy {
      color: #627398;
      font-size: 1rem;
      font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-weight: 500;
    }
.search-tool__data-tile p {
      font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    }
.risk-profile-text__date {
      color: #6e6e6e;
      font-size: 0.875rem;
    }
/* h1 */
h1.legacy {
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 2rem;
  line-height: 2rem;
  color: #2f2f2f;
  font-weight: 700;
}
/* h2 */
h2.legacy {
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1.5rem;
  color: #16244f;
  font-weight: 500;
}
h2.legacy.sans-serif {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
.invite-collaborator h2.legacy {
    font-size: 1.125rem;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #2f2f2f;
    font-weight: 600;
  }
.table-of-contents__wrapper h2.legacy {
    font-size: 1.125rem;
    color: #485a81;
  }
/* h3 */
h3.legacy {
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2f2f2f;
  overflow-wrap: anywhere;
}
h3.legacy.sans-serif {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
h3.legacy.tile-h3 {
    font-size: 1.125rem;
    color: #16244f;
    width: 100%;
  }
h3.legacy.tile-h3.disabled {
      color: #6e6e6e;
    }
h3.legacy.modal-h3 {
    font-size: 1.125rem;
    color: #485a81;
    font-weight: 500;
  }
.card-grid__wrapper .collaborator-tile h3.sans-serif {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
.collaborator-tile h3.sans-serif {
    font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }
.step-form__toolbar h3.legacy {
    font-size: 1rem;
    font-weight: 500;
    color: #16244f;
  }
.overview-data__tile-empty .tile-h3 {
    font-weight: 500;
  }
.search-tool .sans-serif {
    color: #4c63b6;
    width: 100%;
  }
.search-tool__data-group-heading h3.legacy {
      color: #16244f;
      font-size: 1.25rem;
      font-weight: 500;
    }
.list-wrapper .card-wrapper h3.question-header, .list-wrapper .question-list h3.question-header {
      color: #16244f;
    }
/* h4 */
h4.legacy {
  font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1.375rem;
  color: #2f2f2f;
  font-weight: 600;
}
@media (max-width: 768px) {
h4.legacy {
    font-size: 1.25rem
}
  }
.search-tool h4.legacy, .search-tool__filter-header h4.legacy, .search-tool__invalid h4.legacy, .search-tool__data h4.legacy, .search-tool__body h4.legacy {
      font-size: 1.125rem;
      font-weight: 500;
    }
/* h5 */
h5.legacy {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2f2f2f;
}
.customer-dashboard h5.legacy, .agent-dashboard h5.legacy {
    font-size: 1.125rem;
    font-weight: 400;
    color: #6e6e6e;
    margin-bottom: 1rem;
  }
/* h6 */
h6.legacy {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  font-weight: 400;
  color: #494949;
}
/* end of legacy styles from the deprecated P, H1, H2, H3, H4, H5 and H6 components */
/* transition classes */
.fade-enter-active{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.fade-enter-from{
  opacity: 0;
}
.fade-enter-to{
  opacity: 1;
}
.fade-leave-active{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.fade-leave-from{
  opacity: 1;
}
.fade-leave-to{
  opacity: 0;
}
.slide-down-enter-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.slide-down-enter-from{
  --tw-translate-y: -1.5rem;
  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));
  opacity: 0;
}
.slide-down-enter-to{
  --tw-translate-y: 0px;
  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));
  opacity: 1;
}
.slide-down-leave-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.slide-down-leave-from{
  --tw-translate-y: 0px;
  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));
  opacity: 1;
}
.slide-down-leave-to{
  --tw-translate-y: -1.5rem;
  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));
  opacity: 0;
}
.slide-right-enter-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.slide-right-enter-from{
  --tw-translate-x: -0.25rem;
  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));
  opacity: 0;
}
.slide-right-enter-to{
  --tw-translate-x: 0px;
  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));
  opacity: 1;
}
.slide-right-leave-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.slide-right-leave-from{
  --tw-translate-x: 0px;
  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));
  opacity: 1;
}
.slide-right-leave-to{
  --tw-translate-x: -0.25rem;
  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));
  opacity: 0;
}
.slide-up-enter-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.slide-up-enter-from{
  --tw-translate-y: -0.5rem;
  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));
  opacity: 0;
}
.slide-up-enter-to{
  --tw-translate-y: 0px;
  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));
  opacity: 1;
}
.slide-up-leave-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.slide-up-leave-from{
  --tw-translate-y: 0px;
  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));
  opacity: 1;
}
.slide-up-leave-to{
  --tw-translate-y: -0.5rem;
  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));
  opacity: 0;
}
.right-drawer-slide-enter-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 2000;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.right-drawer-slide-enter-from{
  --tw-translate-x: 3rem;
  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));
  opacity: 0;
}
.right-drawer-slide-enter-to{
  --tw-translate-x: 0px;
  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));
  opacity: 1;
}
.right-drawer-slide-leave-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 2000;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.right-drawer-slide-leave-from{
  --tw-translate-x: 0px;
  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));
  opacity: 1;
}
.right-drawer-slide-leave-to{
  --tw-translate-x: 3rem;
  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));
  opacity: 0;
}
/* end of transition classes */
.before\:block::before{
  content: var(--tw-content);
  display: block;
}
.after\:block::after{
  content: var(--tw-content);
  display: block;
}
.first\:\!mt-2:first-child{
  margin-top: 0.5rem !important;
}
.first\:h-0:first-child{
  height: 0px;
}
.first\:rounded-tl:first-child{
  border-top-left-radius: 0.25rem;
}
.first\:border-t:first-child{
  border-top-width: 1px;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:mb-auto:last-child{
  margin-bottom: auto;
}
.last\:mr-0:last-child{
  margin-right: 0px;
}
.last\:rounded-tr:last-child{
  border-top-right-radius: 0.25rem;
}
.last\:border-t:last-child{
  border-top-width: 1px;
}
.last\:pb-0:last-child{
  padding-bottom: 0px;
}
.default\:gap-6:default{
  gap: 1.5rem;
}
.checked\:border-none:checked{
  border-style: none;
}
.focus-within\:underline:focus-within{
  text-decoration-line: underline;
}
.focus-within\:outline-none:focus-within{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-within\:ring:focus-within{
  --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(3px + 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-within\:ring-2:focus-within{
  --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-within\:ring-wunder-blue-500:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(179 186 249 / var(--tw-ring-opacity, 1));
}
.focus-within\:ring-opacity-50:focus-within{
  --tw-ring-opacity: 0.5;
}
@media (hover: hover) and (pointer: fine){

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

  .hover\:flex:hover{
    display: flex;
  }

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

  .hover\:border-transparent:hover{
    border-color: transparent;
  }

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

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

  .hover\:bg-indigo-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-neutral-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(36 51 83 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
  }

  .hover\:text-gray-400:hover{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

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

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

  .hover\:text-red-600:hover{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }

  .hover\:text-wunder-blue-600:hover{
    --tw-text-opacity: 1;
    color: rgb(111 129 236 / var(--tw-text-opacity, 1));
  }

  .hover\:text-wunder-blue-700:hover{
    --tw-text-opacity: 1;
    color: rgb(67 85 243 / var(--tw-text-opacity, 1));
  }

  .hover\:text-wunder-blue-900:hover{
    --tw-text-opacity: 1;
    color: rgb(22 36 79 / var(--tw-text-opacity, 1));
  }

  .hover\:text-wunder-indigo-900:hover{
    --tw-text-opacity: 1;
    color: rgb(25 33 108 / var(--tw-text-opacity, 1));
  }

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

  .hover\:ring-2:hover{
    --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);
  }

  .hover\:ring-fuchsia-700:hover{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(162 28 175 / var(--tw-ring-opacity, 1));
  }

  .hover\:ring-red-300:hover{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
  }

  .hover\:ring-wunder-blue-500:hover{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(179 186 249 / var(--tw-ring-opacity, 1));
  }

  .hover\:ring-opacity-20:hover{
    --tw-ring-opacity: 0.2;
  }
}
.focus\:text-gray-500:focus{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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-blue-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.active\:bg-red-200:active{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.active\:opacity-75:active{
  opacity: 0.75;
}
.active\:ring-2:active{
  --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);
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:text-gray-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.group:last-child .group-last\:hidden{
  display: none;
}
@media (hover: hover) and (pointer: fine){

  .group:hover .group-hover\:flex{
    display: flex;
  }

  .group:hover .group-hover\:whitespace-normal{
    white-space: normal;
  }

  .group:hover .group-hover\:\!bg-indigo-50{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)) !important;
  }

  .group:hover .group-hover\:opacity-100{
    opacity: 1;
  }

  .group:hover .group-hover\:ring-2{
    --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);
  }

  .group:hover .group-hover\:ring-fuchsia-700{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(162 28 175 / var(--tw-ring-opacity, 1));
  }
}
.group.dz-error .group-\[\.dz-error\]\:inline-block{
  display: inline-block;
}
.group.dz-error .group-\[\.dz-error\]\:hidden{
  display: none;
}
.group.dz-error .group-\[\.dz-error\]\:border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.group.dz-error .group-\[\.dz-error\]\:bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.aria-disabled\:\!cursor-not-allowed[aria-disabled="true"]{
  cursor: not-allowed !important;
}
.aria-disabled\:\!bg-gray-100[aria-disabled="true"]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}
.group[aria-disabled="true"] .group-aria-disabled\:hidden{
  display: none;
}
.group[aria-disabled="true"] .group-aria-disabled\:text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.group[aria-disabled="true"] .group-aria-disabled\:opacity-70{
  opacity: 0.7;
}
.data-\[active\=true\]\:h-10[data-active="true"]{
  height: 2.5rem;
}
.data-\[dragging\=true\]\:cursor-grabbing[data-dragging="true"]{
  cursor: grabbing;
}
.data-\[sortable\=true\]\:cursor-pointer[data-sortable="true"]{
  cursor: pointer;
}
.data-\[is-bottom\=\'true\'\]\:rounded-bl[data-is-bottom='true']{
  border-bottom-left-radius: 0.25rem;
}
.data-\[is-bottom\=\'true\'\]\:rounded-br[data-is-bottom='true']{
  border-bottom-right-radius: 0.25rem;
}
.data-\[color\=blue\]\:bg-blue-100[data-color="blue"]{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.data-\[color\=gray\]\:bg-slate-100[data-color="gray"]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.data-\[color\=green\]\:bg-green-100[data-color="green"]{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.data-\[color\=purple\]\:bg-purple-100[data-color="purple"]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.data-\[active\=\'true\'\]\:text-green-700[data-active='true']{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.data-\[active\=\'true\'\]\:text-red-700[data-active='true']{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.data-\[active\=\'true\'\]\:text-yellow-700[data-active='true']{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.data-\[active\=true\]\:opacity-100[data-active="true"]{
  opacity: 1;
}
.data-\[color\=blue\]\:ring-blue-300[data-color="blue"]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.data-\[color\=gray\]\:ring-slate-300[data-color="gray"]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}
.data-\[color\=green\]\:ring-green-300[data-color="green"]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.data-\[color\=purple\]\:ring-purple-300[data-color="purple"]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}
.group\/cell[data-active="true"] .group-data-\[active\=true\]\/cell\:flex{
  display: flex;
}
.group\/cell[data-active="true"] .group-data-\[active\=true\]\/cell\:hidden{
  display: none;
}
.group\/cell[data-cell-validation-state="neutral"] .group-data-\[cell-validation-state\=neutral\]\/cell\:hidden{
  display: none;
}
.group\/cell[data-cell-validation-state="error"] .group-data-\[cell-validation-state\=error\]\/cell\:bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.group\/cell[data-cell-validation-state="success"] .group-data-\[cell-validation-state\=success\]\/cell\:bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.group\/cell[data-cell-validation-state="warning"] .group-data-\[cell-validation-state\=warning\]\/cell\:bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.group[data-color="blue"] .group-data-\[color\=blue\]\:bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.group[data-color="blue"] .group-data-\[color\=blue\]\:bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.group[data-color="blue"] .group-data-\[color\=blue\]\:bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.group[data-color="gray"] .group-data-\[color\=gray\]\:bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.group[data-color="gray"] .group-data-\[color\=gray\]\:bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.group[data-color="gray"] .group-data-\[color\=gray\]\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group[data-color="green"] .group-data-\[color\=green\]\:bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.group[data-color="green"] .group-data-\[color\=green\]\:bg-green-200{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.group[data-color="green"] .group-data-\[color\=green\]\:bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.group[data-color="purple"] .group-data-\[color\=purple\]\:bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.group[data-color="purple"] .group-data-\[color\=purple\]\:bg-purple-200{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}
.group[data-color="purple"] .group-data-\[color\=purple\]\:bg-purple-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}
.group[data-active="true"] .group-data-\[active\=true\]\:font-semibold{
  font-weight: 600;
}
.group[data-active="true"] .group-data-\[active\=true\]\:text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.group[data-color="blue"] .group-data-\[color\=blue\]\:text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.group[data-color="gray"] .group-data-\[color\=gray\]\:text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.group[data-color="green"] .group-data-\[color\=green\]\:text-green-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.group[data-color="purple"] .group-data-\[color\=purple\]\:text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.group[data-sort-direction="asc"] .group-data-\[sort-direction\=asc\]\:text-wunder-blue-700{
  --tw-text-opacity: 1;
  color: rgb(67 85 243 / var(--tw-text-opacity, 1));
}
.group[data-sort-direction="desc"] .group-data-\[sort-direction\=desc\]\:text-wunder-blue-700{
  --tw-text-opacity: 1;
  color: rgb(67 85 243 / var(--tw-text-opacity, 1));
}
.group\/cell[data-cell-validation-state="error"] .group-data-\[cell-validation-state\=error\]\/cell\:\!ring-red-400\/50{
  --tw-ring-color: rgb(248 113 113 / 0.5) !important;
}
.group\/cell[data-cell-validation-state="success"] .group-data-\[cell-validation-state\=success\]\/cell\:\!ring-green-400\/50{
  --tw-ring-color: rgb(52 211 153 / 0.5) !important;
}
.group\/cell[data-cell-validation-state="warning"] .group-data-\[cell-validation-state\=warning\]\/cell\:\!ring-yellow-400\/50{
  --tw-ring-color: rgb(251 191 36 / 0.5) !important;
}
.group[data-color="blue"] .group-data-\[color\=blue\]\:ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.group[data-color="gray"] .group-data-\[color\=gray\]\:ring-slate-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}
.group[data-color="green"] .group-data-\[color\=green\]\:ring-green-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.group[data-color="purple"] .group-data-\[color\=purple\]\:ring-purple-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity, 1));
}
.hocus\:bg-green-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-purple-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-wunder-blue-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(207 211 238 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-yellow-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hocus\:text-green-900:hover{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.hocus\:text-purple-900:hover{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.hocus\:text-red-900:hover{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.hocus\:text-wunder-blue-900:hover{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
}
.hocus\:text-wunder-indigo-400:hover{
  --tw-text-opacity: 1;
  color: rgb(100 122 203 / var(--tw-text-opacity, 1));
}
.hocus\:text-wunder-indigo-900:hover{
  --tw-text-opacity: 1;
  color: rgb(25 33 108 / var(--tw-text-opacity, 1));
}
.hocus\:text-yellow-900:hover{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.hocus\:underline:hover{
  text-decoration-line: underline;
}
.hocus\:ring-2:hover{
  --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);
}
.hocus\:bg-green-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-purple-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-red-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-wunder-blue-400:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(207 211 238 / var(--tw-bg-opacity, 1));
}
.hocus\:bg-yellow-200:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hocus\:text-green-900:focus{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.hocus\:text-purple-900:focus{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.hocus\:text-red-900:focus{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.hocus\:text-wunder-blue-900:focus{
  --tw-text-opacity: 1;
  color: rgb(22 36 79 / var(--tw-text-opacity, 1));
}
.hocus\:text-wunder-indigo-400:focus{
  --tw-text-opacity: 1;
  color: rgb(100 122 203 / var(--tw-text-opacity, 1));
}
.hocus\:text-wunder-indigo-900:focus{
  --tw-text-opacity: 1;
  color: rgb(25 33 108 / var(--tw-text-opacity, 1));
}
.hocus\:text-yellow-900:focus{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.hocus\:underline:focus{
  text-decoration-line: underline;
}
.hocus\: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);
}
.ui-open\:rotate-180[data-headlessui-state~="open"]{
  --tw-rotate: 180deg;
  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));
}
:where([data-headlessui-state~="open"]) .ui-open\:rotate-180{
  --tw-rotate: 180deg;
  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));
}
.ui-active\:bg-gray-50[data-headlessui-state~="active"]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.ui-active\:text-wunder-blue-700[data-headlessui-state~="active"]{
  --tw-text-opacity: 1;
  color: rgb(67 85 243 / var(--tw-text-opacity, 1));
}
:where([data-headlessui-state~="active"]) .ui-active\:bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
:where([data-headlessui-state~="active"]) .ui-active\:text-wunder-blue-700{
  --tw-text-opacity: 1;
  color: rgb(67 85 243 / var(--tw-text-opacity, 1));
}
.ui-disabled\:cursor-not-allowed[data-headlessui-state~="disabled"]{
  cursor: not-allowed;
}
.ui-disabled\:text-gray-400[data-headlessui-state~="disabled"]{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.ui-disabled\:opacity-70[data-headlessui-state~="disabled"]{
  opacity: 0.7;
}
:where([data-headlessui-state~="disabled"]) .ui-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
:where([data-headlessui-state~="disabled"]) .ui-disabled\:text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
:where([data-headlessui-state~="disabled"]) .ui-disabled\:opacity-70{
  opacity: 0.7;
}
@container (min-width: 475px){

  .\@mobile\:grid-cols-\[repeat\(auto-fill\2c minmax\(20rem\2c 1fr\)\)\]{
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
  }
}
@container (min-width: 575px){

  .\@sm\:grid-cols-\[repeat\(auto-fill\2c minmax\(25rem\2c 1fr\)\)\]{
    grid-template-columns: repeat(auto-fill,minmax(25rem,1fr));
  }
}
@container (min-width: 768px){

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

  .\@md\:flex{
    display: flex;
  }

  .\@md\:grid{
    display: grid;
  }

  .\@md\:\!hidden{
    display: none !important;
  }

  .\@md\:hidden{
    display: none;
  }

  .\@md\:size-full{
    width: 100%;
    height: 100%;
  }

  .\@md\:w-32{
    width: 8rem;
  }

  .\@md\:flex-grow-0{
    flex-grow: 0;
  }

  .\@md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\@md\:grid-cols-\[repeat\(auto-fill\2c minmax\(27rem\2c 1fr\)\)\]{
    grid-template-columns: repeat(auto-fill,minmax(27rem,1fr));
  }

  .\@md\:rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .\@md\:rounded-r-none{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .\@md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .\@md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@container (min-width: 960px){

  .\@lg\:mt-0\.5{
    margin-top: 0.125rem;
  }

  .\@lg\:block{
    display: block;
  }

  .\@lg\:flex{
    display: flex;
  }

  .\@lg\:grid{
    display: grid;
  }

  .\@lg\:hidden{
    display: none;
  }

  .\@lg\:size-6{
    width: 1.5rem;
    height: 1.5rem;
  }

  .\@lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\@lg\:gap-4{
    gap: 1rem;
  }

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

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

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

  .\@lg\:font-proxima-nova{
    font-family: proxima-nova, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  }

  .\@lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .\@lg\:font-medium{
    font-weight: 500;
  }
}
@container (min-width: 1200px){

  .\@xl\:\!flex{
    display: flex !important;
  }

  .\@xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (min-width: 1680px){

  .\@2xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 575px){

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:\!ml-4{
    margin-left: 1rem !important;
  }

  .sm\:\!mr-0{
    margin-right: 0px !important;
  }

  .sm\:\!mr-auto{
    margin-right: auto !important;
  }

  .sm\:-ml-4{
    margin-left: -1rem;
  }

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

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

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

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:size-full{
    width: 100%;
    height: 100%;
  }

  .sm\:h-32{
    height: 8rem;
  }

  .sm\:max-h-\[calc\(100dvh-21rem\)\]{
    max-height: calc(100dvh - 21rem);
  }

  .sm\:max-h-\[calc\(100dvh-22rem\)\]{
    max-height: calc(100dvh - 22rem);
  }

  .sm\:\!w-48{
    width: 12rem !important;
  }

  .sm\:w-16{
    width: 4rem;
  }

  .sm\:w-40{
    width: 10rem;
  }

  .sm\:w-44{
    width: 11rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-max{
    width: -moz-max-content;
    width: max-content;
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:flex-none{
    flex: none;
  }

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

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .sm\:\!items-start{
    align-items: flex-start !important;
  }

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

  .sm\:items-end{
    align-items: flex-end;
  }

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

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\: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)));
  }

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

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 1;
  }

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

  .sm\:rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-r-none{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .sm\:p-0{
    padding: 0px;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

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

  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

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

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

  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:pt-6{
    padding-top: 1.5rem;
  }

  .sm\:align-middle{
    vertical-align: middle;
  }

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

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px){

  .md\:static{
    position: static;
  }

  .md\:sticky{
    position: sticky;
  }

  .md\:bottom-auto{
    bottom: auto;
  }

  .md\:top-0{
    top: 0px;
  }

  .md\:order-1{
    order: 1;
  }

  .md\:order-2{
    order: 2;
  }

  .md\:order-3{
    order: 3;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:\!-mt-20{
    margin-top: -5rem !important;
  }

  .md\:\!ml-0{
    margin-left: 0px !important;
  }

  .md\:\!mr-3{
    margin-right: 0.75rem !important;
  }

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

  .md\:mb-12{
    margin-bottom: 3rem;
  }

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

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

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

  .md\:ml-0{
    margin-left: 0px;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

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

  .md\:mt-12{
    margin-top: 3rem;
  }

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

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:\!flex{
    display: flex !important;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:\!hidden{
    display: none !important;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-12{
    height: 3rem;
  }

  .md\:h-9{
    height: 2.25rem;
  }

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

  .md\:h-dvh{
    height: 100dvh;
  }

  .md\:min-h-\[176px\]{
    min-height: 176px;
  }

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

  .md\:w-72{
    width: 18rem;
  }

  .md\:w-\[calc\(50vw-1\.5rem\)\]{
    width: calc(50vw - 1.5rem);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:min-w-\[40rem\]{
    min-width: 40rem;
  }

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

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

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:flex-auto{
    flex: 1 1 auto;
  }

  .md\:flex-grow-0{
    flex-grow: 0;
  }

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

  .md\:grid-cols-\[auto\2c auto\]{
    grid-template-columns: auto auto;
  }

  .md\:grid-cols-\[auto_1fr\]{
    grid-template-columns: auto 1fr;
  }

  .md\:grid-rows-\[auto_1fr\]{
    grid-template-rows: auto 1fr;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }

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

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

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

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

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-5{
    gap: 1.25rem;
  }

  .md\:gap-8{
    gap: 2rem;
  }

  .md\:gap-y-1\.5{
    row-gap: 0.375rem;
  }

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

  .md\: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)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

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

  .md\:overflow-visible{
    overflow: visible;
  }

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

  .md\:border-l{
    border-left-width: 1px;
  }

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

  .md\:bg-login-blur{
    background-image: url(/assets/static/auth-bg.47a57d33.png);
  }

  .md\:p-0{
    padding: 0px;
  }

  .md\:p-4{
    padding: 1rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:\!py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

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

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

  .md\:pb-16{
    padding-bottom: 4rem;
  }

  .md\:pb-2{
    padding-bottom: 0.5rem;
  }

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

  .md\:pl-1{
    padding-left: 0.25rem;
  }

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

  .md\:pt-0{
    padding-top: 0px;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

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

  .md\: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);
  }

  .md\:shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:\[grid-area\:2\/2\/2\/2\]{
    grid-area: 2/2/2/2;
  }

  .md\:data-\[visible\=true\]\:opacity-100[data-visible="true"]{
    opacity: 1;
  }
}
@media (min-width: 960px){

  .lg\:visible{
    visibility: visible;
  }

  .lg\:static{
    position: static;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:inset-x-5{
    left: 1.25rem;
    right: 1.25rem;
  }

  .lg\:bottom-0{
    bottom: 0px;
  }

  .lg\:bottom-4{
    bottom: 1rem;
  }

  .lg\:left-\[calc\(\(100\%-min\(960px\2c 90\%\)\)\/2-0\.5rem\)\]{
    left: calc((100% - min(960px,90%)) / 2 - 0.5rem);
  }

  .lg\:right-4{
    right: 1rem;
  }

  .lg\:right-\[calc\(\(100\%-min\(960px\2c 90\%\)\)\/2-0\.5rem\)\]{
    right: calc((100% - min(960px,90%)) / 2 - 0.5rem);
  }

  .lg\:top-0{
    top: 0px;
  }

  .lg\:top-3\.5{
    top: 0.875rem;
  }

  .lg\:top-4{
    top: 1rem;
  }

  .lg\:z-0{
    z-index: 0;
  }

  .lg\:z-20{
    z-index: 20;
  }

  .lg\:\!my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

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

  .lg\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .lg\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:\!mt-6{
    margin-top: 1.5rem !important;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

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

  .lg\:ml-2{
    margin-left: 0.5rem;
  }

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

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

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

  .lg\:mt-9{
    margin-top: 2.25rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:\!h-auto{
    height: auto !important;
  }

  .lg\:h-\[2\.375rem\]{
    height: 2.375rem;
  }

  .lg\:h-\[calc\(100dvh-60px\)\]{
    height: calc(100dvh - 60px);
  }

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

  .lg\:max-h-80{
    max-height: 20rem;
  }

  .lg\:max-h-\[calc\(100vh-3\.75rem-44px-1\.875rem-38px\)\]{
    max-height: calc(100vh - 3.75rem - 44px - 1.875rem - 38px);
  }

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

  .lg\:min-h-\[2\.375rem\]{
    min-height: 2.375rem;
  }

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

  .lg\:\!w-48{
    width: 12rem !important;
  }

  .lg\:\!w-80{
    width: 20rem !important;
  }

  .lg\:w-\[2\.375rem\]{
    width: 2.375rem;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:\!max-w-2xl{
    max-width: 42rem !important;
  }

  .lg\:\!max-w-3xl{
    max-width: 48rem !important;
  }

  .lg\:\!max-w-\[80\%\]{
    max-width: 80% !important;
  }

  .lg\:max-w-\[calc\(var\(--sidebar-expanded-width\)-1\.25rem\)\]{
    max-width: calc(var(--sidebar-expanded-width) - 1.25rem);
  }

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

  .lg\:grid-cols-\[0fr\2c 1fr\]{
    grid-template-columns: 0fr 1fr;
  }

  .lg\:grid-cols-\[1fr\2c 0fr\]{
    grid-template-columns: 1fr 0fr;
  }

  .lg\:grid-cols-\[1fr\2c 1fr\]{
    grid-template-columns: 1fr 1fr;
  }

  .lg\:grid-cols-\[1fr\]{
    grid-template-columns: 1fr;
  }

  .lg\:grid-cols-\[1rem_1fr\]{
    grid-template-columns: 1rem 1fr;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

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

  .lg\: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)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:self-end{
    align-self: flex-end;
  }

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

  .lg\:rounded{
    border-radius: 0.25rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

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

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

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .lg\:pb-4{
    padding-bottom: 1rem;
  }

  .lg\:pb-\[2px\]{
    padding-bottom: 2px;
  }

  .lg\:pt-12{
    padding-top: 3rem;
  }

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

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

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

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1200px){

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

  .xl\:flex{
    display: flex;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1424px){

  .pdftron\:absolute{
    position: absolute;
  }

  .pdftron\:right-3{
    right: 0.75rem;
  }
}
@media (prefers-color-scheme: dark){

  .dark\:block{
    display: block;
  }

  .dark\:hidden{
    display: none;
  }

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

  .dark\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-800\/50{
    background-color: rgb(31 41 55 / 0.5);
  }

  .dark\:bg-gray-950{
    --tw-bg-opacity: 1;
    background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
  }

  .dark\:text-gray-100{
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  }

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

  .dark\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

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

  @media (hover: hover) and (pointer: fine){

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

    .dark\:hover\:bg-gray-800:hover{
      --tw-bg-opacity: 1;
      background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
    }

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

  .dark\:focus\:text-gray-500:focus{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
}
@media print{

  .print\:hidden{
    display: none;
  }
}
.\[\&\.dz-error\]\:bg-red-50.dz-error{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.\[\&\.dz-error\]\:text-red-500.dz-error{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}