/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-85d6bada94/0/cache/css-loader-npm-7.1.1-25b990b98a-435a21f195.zip/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./.yarn/__virtual__/sass-loader-virtual-4bfe7aa74d/0/cache/sass-loader-npm-14.2.1-dc50026ea1-9cb864fd8d.zip/node_modules/sass-loader/dist/cjs.js!./.yarn/__virtual__/postcss-loader-virtual-c1dd5478e2/0/cache/postcss-loader-npm-8.1.1-20cf547c92-7ae38e6351.zip/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
! tailwindcss v3.4.3 | 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: Noto Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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: Noto Sans Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
} /*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
} /*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
} /*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
} /*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
} /*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
} /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
} /*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
} /*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
} /*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
} /*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
} /*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
} /*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
} /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
} /*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
} /*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
} /*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
} /*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
} /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
} /*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
} /*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
} /*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
} /*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
} /* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

body {
  font-family: Noto Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-text-opacity: 1;
  color: rgb(23 23 23/var(--tw-text-opacity));
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

a, button {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover, button:hover {
  cursor: pointer;
}

a:focus,
a:active,
button:focus,
button:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

a:disabled, button:disabled {
  opacity: 0.5;
}

a:disabled:hover, button:disabled:hover {
  cursor: not-allowed;
}

.link {
  --tw-text-opacity: 1;
  color: rgb(2 132 199/var(--tw-text-opacity));
  text-decoration-line: underline;
}

.link:hover {
  --tw-text-opacity: 1;
  color: rgb(7 89 133/var(--tw-text-opacity));
}

b {
  font-weight: 600;
}

h1 {
  font-size: 1.5rem;
  line-height: 2rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

h5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

h6 {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
i[class^=i-] {
  font-size: 1.25em;
}

.grid-container {
  display: grid;
  height: 100vh;
  width: 100%;
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "header" "main-aside" "main" "footer";
}

.grid-container .header {
  grid-area: header;
}

.grid-container .main-aside {
  grid-area: main-aside;
}

.grid-container .main {
  grid-area: main;
  position: relative;
  overflow-y: auto;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.grid-container .main::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.grid-container .main::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity));
}

.grid-container .main::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110/var(--tw-bg-opacity));
}

.grid-container .footer {
  grid-area: footer;
}

@media (min-width: 1280px) {
  .grid-container {
    height: 100vh;
    overflow: hidden;
    grid-template-columns: var(--main-aside-width) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header header" "main-aside main" "footer main";
  }
}
.header {
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity));
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.header a, .header button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.header a:hover,
.header a:focus,
.header button:hover,
.header button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248/var(--tw-bg-opacity));
}

.header .logo-app {
  order: 1;
  padding: 0.25rem;
  display: flex;
  justify-content: space-between;
}

.header .logo-app img {
  height: 3.5rem;
}

.header .menu-toggler {
  order: 2;
  margin-left: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  align-self: stretch;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.header .menu-toggler:hover, .header .menu-toggler:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

.header .auth-data {
  order: 4;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  position: relative;
}

.header .auth-data .admin-data {
  position: relative;
}

.header .auth-data .admin-data .admin-name {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.header .auth-data .admin-data .admin-name .admin-logo {
  height: 2.5rem;
}

.header .auth-data .admin-data .admin-name:hover,
.header .auth-data .admin-data .admin-name:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

.header .auth-data .admin-data .admin-actions {
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  --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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.header .auth-data .admin-data .admin-actions .nav-action {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  justify-content: space-between;
}

.header .auth-data .user-data {
  position: relative;
}

.header .auth-data .user-data .user-name {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.header .auth-data .user-data .user-name:hover,
.header .auth-data .user-data .user-name:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

.header .auth-data .user-data .user-actions {
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  --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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  display: flex;
}

.header .auth-data .user-data .user-actions .nav-action {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  justify-content: space-between;
}

.header .auth-data .nav-action {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
}

.header .scroll-buttons {
  order: 3;
}

@media (min-width: 640px) {
  .header .scroll-buttons {
    order: 4;
  }
}
@media (min-width: 1280px) {
  .header {
    position: sticky;
    top: 0px;
  }
  .header .logo-app {
    width: var(--main-aside-width);
  }
  .header .menu-toggler {
    display: none;
  }
  .header .auth-data {
    height: 100%;
  }
  .header .auth-data .admin-data .admin-actions {
    right: 0px;
    left: auto;
  }
}
.main {
  z-index: 0;
  position: relative;
}

.main > section {
  padding: 0.75rem;
}

.main > form {
  position: relative;
  height: 100%;
}

.main > form > section {
  padding: 1rem;
}

.main .sticky-section {
  position: sticky;
  top: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.25rem;
}

.main .sticky-section .title-container {
  display: flex;
  align-items: center;
}

.main .sticky-section .buttons-container {
  display: none;
}

@media (min-width: 1024px) {
  .main .sticky-section .buttons-container {
    display: flex;
  }
}
.main-aside {
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity));
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  transform-origin: left;
  --tw-scale-x: 0;
  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));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.main-aside.open {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-scale-x: 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));
}

.main-aside .logo-container {
  display: flex;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity));
}

.main-aside .logo-container .logos {
  padding: 0.5rem;
}

.main-aside .logo-container .logos img {
  height: 3rem;
}

.main-aside .logo-container .menu-toggler {
  margin-left: auto;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  align-self: stretch;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
}

.main-aside .logo-container .menu-toggler:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(12 74 110/var(--tw-bg-opacity));
}

.main-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity));
  height: 100%;
}

.nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.nav-item.active > .nav-link {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
}

.nav-item.active > .nav-link.nav-option {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity));
}

.nav-item.open > .nav-link {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
}

.nav-item .nav-icon {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.nav-item .nav-link {
  position: relative;
  text-decoration-line: none;
  flex-grow: 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: flex;
  height: 100%;
  align-items: center;
  gap: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.nav-item .nav-link:hover, .nav-item .nav-link:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

.nav-item .nav-link.nav-option {
  height: 100%;
  flex-grow: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  margin-left: -0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity));
}

.nav-item .nav-link.nav-option:hover, .nav-item .nav-link.nav-option:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

.nav-item .nav-link.nav-option .nav-icon {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.nav-submenu {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 20;
  transform-origin: right;
  --tw-scale-x: 0;
  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(2 132 199/var(--tw-bg-opacity));
}

.nav-submenu.open {
  --tw-scale-x: 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));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.nav-submenu .nav-item.nav-header {
  position: relative;
  justify-content: flex-start;
  gap: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(12 74 110/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.nav-submenu .nav-item.nav-header .nav-icon {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.nav-submenu .nav-item.back-item {
  --tw-bg-opacity: 1;
  background-color: rgb(12 74 110/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

@media (min-width: 1280px) {
  .main-aside {
    position: relative;
    transform: none;
    height: 100%;
  }
  .main-aside .logo-container {
    display: none;
  }
}
.maintenance-notice {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38/var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.maintenance-notice h5 {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-transform: uppercase;
}

.maintenance-notice dl {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.maintenance-notice dl dt {
  font-weight: 500;
}

.maintenance-notice dl dd {
  flex-grow: 1;
  text-align: right;
}

.maintenance-notice p {
  text-align: center;
}

.footer {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.footer a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

*, ::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: ;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.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;
  text-align: inherit;
}

.form-input::-webkit-datetime-edit {
  display: inline-flex;
}

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

@media (forced-colors: active) {
  .form-checkbox:checked {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
  }
}
.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;
}

@media (forced-colors: active) {
  .form-checkbox:indeterminate {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
  }
}
.form-checkbox:indeterminate:hover, .form-checkbox:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "“" "”" "‘" "’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
  width: 100%;
  table-layout: auto;
  text-align: start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-bottom: 0;
}

.i-mdi-account {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4%27/%3E%3C/svg%3E");
}

.i-mdi-account-multiple {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M16 17v2H2v-2s0-4 7-4s7 4 7 4m-3.5-9.5A3.5 3.5 0 1 0 9 11a3.5 3.5 0 0 0 3.5-3.5m3.44 5.5A5.32 5.32 0 0 1 18 17v2h4v-2s0-3.63-6.06-4M15 4a3.4 3.4 0 0 0-1.93.59a5 5 0 0 1 0 5.82A3.4 3.4 0 0 0 15 11a3.5 3.5 0 0 0 0-7%27/%3E%3C/svg%3E");
}

.i-mdi-account-online {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M14 19.5c0-2 1.1-3.8 2.7-4.7c-1.3-.5-2.9-.8-4.7-.8c-4.4 0-8 1.8-8 4v2h10zm5.5-3.5c-1.9 0-3.5 1.6-3.5 3.5s1.6 3.5 3.5 3.5s3.5-1.6 3.5-3.5s-1.6-3.5-3.5-3.5M16 8c0 2.2-1.8 4-4 4s-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4%27/%3E%3C/svg%3E");
}

.i-mdi-account-plus {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4%27/%3E%3C/svg%3E");
}

.i-mdi-account-remove {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15 14c2.67 0 8 1.33 8 4v2H7v-2c0-2.67 5.33-4 8-4m0-2a4 4 0 0 1-4-4a4 4 0 0 1 4-4a4 4 0 0 1 4 4a4 4 0 0 1-4 4M5 9.59l2.12-2.13l1.42 1.42L6.41 11l2.13 2.12l-1.42 1.42L5 12.41l-2.12 2.13l-1.42-1.42L3.59 11L1.46 8.88l1.42-1.42z%27/%3E%3C/svg%3E");
}

.i-mdi-add-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2%27/%3E%3C/svg%3E");
}

.i-mdi-alert {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z%27/%3E%3C/svg%3E");
}

.i-mdi-align-horizontal-left {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M4 22H2V2h2zM22 7H6v3h16zm-6 7H6v3h10z%27/%3E%3C/svg%3E");
}

.i-mdi-arrow-down {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M11 4h2v12l5.5-5.5l1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5L11 16z%27/%3E%3C/svg%3E");
}

.i-mdi-arrow-expand-all {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m9.5 13.09l1.41 1.41l-4.5 4.5H10v2H3v-7h2v3.59zm1.41-3.59L9.5 10.91L5 6.41V10H3V3h7v2H6.41zm3.59 3.59l4.5 4.5V14h2v7h-7v-2h3.59l-4.5-4.5zM13.09 9.5l4.5-4.5H14V3h7v7h-2V6.41l-4.5 4.5z%27/%3E%3C/svg%3E");
}

.i-mdi-arrow-left-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12m16-1h-8l3.5-3.5l-1.42-1.42L6.16 12l5.92 5.92l1.42-1.42L10 13h8z%27/%3E%3C/svg%3E");
}

.i-mdi-arrow-top {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8z%27/%3E%3C/svg%3E");
}

.i-mdi-check-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z%27/%3E%3C/svg%3E");
}

.i-mdi-chevron-down {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z%27/%3E%3C/svg%3E");
}

.i-mdi-chevron-left {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z%27/%3E%3C/svg%3E");
}

.i-mdi-chevron-right {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z%27/%3E%3C/svg%3E");
}

.i-mdi-chevron-up {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z%27/%3E%3C/svg%3E");
}

.i-mdi-close {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z%27/%3E%3C/svg%3E");
}

.i-mdi-close-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41z%27/%3E%3C/svg%3E");
}

.i-mdi-cloud-search {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M21.86 12.5A4.3 4.3 0 0 0 19 11c0-1.95-.68-3.6-2.04-4.96S13.95 4 12 4c-1.58 0-3 .47-4.25 1.43s-2.08 2.19-2.5 3.72c-1.25.28-2.29.93-3.08 1.95S1 13.28 1 14.58c0 1.51.54 2.8 1.61 3.85C3.69 19.5 5 20 6.5 20h12c1.25 0 2.31-.44 3.19-1.31c.87-.88 1.31-1.94 1.31-3.19q0-1.725-1.14-3M16.57 18L14 15.43c-.57.36-1.26.57-2 .57c-2.21 0-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4c0 .74-.21 1.43-.57 2L18 16.57zM14 12c0 1.11-.89 2-2 2s-2-.89-2-2s.9-2 2-2s2 .9 2 2%27/%3E%3C/svg%3E");
}

.i-mdi-coffee {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M2 21h18v-2H2M20 8h-2V5h2m0-2H4v10a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4v-3h2a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2%27/%3E%3C/svg%3E");
}

.i-mdi-cogs {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15.9 18.45c1.35 0 2.45-1.1 2.45-2.45s-1.1-2.45-2.45-2.45c-1.36 0-2.45 1.1-2.45 2.45s1.09 2.45 2.45 2.45m5.2-1.77l1.48 1.16c.13.11.17.29.08.45l-1.4 2.42a.35.35 0 0 1-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.27 1.85c-.02.17-.17.3-.34.3h-2.8c-.18 0-.32-.13-.35-.3l-.26-1.85c-.43-.18-.82-.41-1.18-.69l-1.75.7c-.15.06-.34 0-.42-.15l-1.4-2.42a.35.35 0 0 1 .08-.45l1.48-1.16l-.05-.68l.05-.69l-1.48-1.15a.35.35 0 0 1-.08-.45l1.4-2.42c.08-.16.27-.22.42-.16l1.75.71c.36-.28.75-.52 1.18-.69l.26-1.86c.03-.16.17-.29.35-.29h2.8c.17 0 .32.13.34.29l.27 1.86c.42.17.82.41 1.18.69l1.74-.71c.17-.06.34 0 .43.16l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.15l.05.69zM6.69 8.07c.87 0 1.57-.7 1.57-1.57s-.7-1.58-1.57-1.58A1.58 1.58 0 0 0 5.11 6.5c0 .87.71 1.57 1.58 1.57m3.34-1.13l.97.74c.07.07.09.19.03.29l-.9 1.56c-.05.1-.17.14-.27.1l-1.12-.45l-.74.44l-.19 1.19c-.02.11-.11.19-.22.19h-1.8c-.12 0-.21-.08-.23-.19L5.4 9.62l-.76-.44l-1.14.45c-.09.04-.2 0-.26-.1l-.9-1.56c-.06-.1-.03-.22.05-.29l.95-.74l-.03-.44l.03-.44l-.95-.74a.23.23 0 0 1-.05-.29l.9-1.56c.06-.1.17-.14.26-.1l1.13.45l.77-.44l.16-1.19c.02-.11.11-.19.23-.19h1.8c.11 0 .2.08.22.19L8 3.38l.74.44l1.12-.45c.1-.04.22 0 .27.1l.9 1.56c.06.1.04.22-.03.29l-.97.74l.03.44z%27/%3E%3C/svg%3E");
}

.i-mdi-content-duplicate {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M11 17H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12v2H4v12h7v-2l4 3l-4 3zm8 4V7H8v6H6V7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-2h2v2z%27/%3E%3C/svg%3E");
}

.i-mdi-content-save {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15 9H5V5h10m-3 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3a3 3 0 0 1 3 3a3 3 0 0 1-3 3m5-16H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7z%27/%3E%3C/svg%3E");
}

.i-mdi-content-save-edit {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m10 19l.14-.14A2.97 2.97 0 0 1 8 16a3 3 0 0 1 3-3c1.36 0 2.5.9 2.86 2.14L20 9V7l-4-4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6zM4 5h10v4H4zm16.04 7.13c-.14 0-.28.06-.39.17l-1 1l2.05 2.05l1-1c.22-.21.22-.56 0-.77l-1.28-1.28a.53.53 0 0 0-.38-.17m-1.97 1.75L12 19.94V22h2.06l6.06-6.07z%27/%3E%3C/svg%3E");
}

.i-mdi-content-save-move {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6.81c-.39-.66-.64-1.4-.74-2.16a2.994 2.994 0 0 1-1.87-3.81C9.61 13.83 10.73 13 12 13c.44 0 .88.1 1.28.29c2.29-1.79 5.55-1.7 7.72.25V7zm-2 6H5V5h10zm-2 8h4v-3l5 4.5l-5 4.5v-3h-4z%27/%3E%3C/svg%3E");
}

.i-mdi-crown {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11zm14 3c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-1h14z%27/%3E%3C/svg%3E");
}

.i-mdi-cursor-move {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 6v5h5V7.75L22.25 12L18 16.25V13h-5v5h3.25L12 22.25L7.75 18H11v-5H6v3.25L1.75 12L6 7.75V11h5V6H7.75L12 1.75L16.25 6z%27/%3E%3C/svg%3E");
}

.i-mdi-database-arrow-up {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 13c-2.17 0-4.07 1.16-5.12 2.89c-.6.07-1.23.11-1.88.11c-4.42 0-8-1.79-8-4V9c0 2.21 3.58 4 8 4s8-1.79 8-4v3c0 .36-.1.71-.28 1.05C19.5 13 19.24 13 19 13m-7-2c4.42 0 8-1.79 8-4s-3.58-4-8-4s-8 1.79-8 4s3.58 4 8 4m1.1 6.96c-.36.04-.73.04-1.1.04c-4.42 0-8-1.79-8-4v3c0 2.21 3.58 4 8 4c.46 0 .9 0 1.33-.06A6 6 0 0 1 13 19c0-.36.04-.7.1-1.04M19 15l-3 3h2v4h2v-4h2z%27/%3E%3C/svg%3E");
}

.i-mdi-delete {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z%27/%3E%3C/svg%3E");
}

.i-mdi-delete-restore {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M14 14h2l-4-4l-4 4h2v4h4zM6 7h12v12c0 .5-.2 1-.61 1.39c-.39.41-.89.61-1.39.61H8c-.5 0-1-.2-1.39-.61C6.2 20 6 19.5 6 19zm13-3v2H5V4h3.5l1-1h5l1 1z%27/%3E%3C/svg%3E");
}

.i-mdi-distribute-vertical-center {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M2 16h3v-2h14v2h3v2h-3v2H5v-2H2zm0-8h5v2h10V8h5V6h-5V4H7v2H2z%27/%3E%3C/svg%3E");
}

.i-mdi-dots-vertical {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2%27/%3E%3C/svg%3E");
}

.i-mdi-drag-variant {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m22.67 12l-4.49 4.5l-2.51-2.5l1.98-2l-1.98-1.96l2.51-2.51zM12 1.33l4.47 4.49l-2.51 2.51L12 6.35l-2 1.98l-2.5-2.51zm0 21.34l-4.47-4.49l2.51-2.51L12 17.65l2-1.98l2.5 2.51zM1.33 12l4.49-4.5L8.33 10l-1.98 2l1.98 1.96l-2.51 2.51zM12 10a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2%27/%3E%3C/svg%3E");
}

.i-mdi-eye-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 9.5A2.5 2.5 0 0 0 9.5 12a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 12 9.5m0 3.5a1 1 0 0 1-1-1a1 1 0 0 1 1-1a1 1 0 0 1 1 1a1 1 0 0 1-1 1m0-3.5A2.5 2.5 0 0 0 9.5 12a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 12 9.5m0 3.5a1 1 0 0 1-1-1a1 1 0 0 1 1-1a1 1 0 0 1 1 1a1 1 0 0 1-1 1m0-11A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 14c-2.63 0-5-1.57-6-4a6.505 6.505 0 0 1 8.5-3.5A6.52 6.52 0 0 1 18 12c-1 2.43-3.37 4-6 4m0-6.5A2.5 2.5 0 0 0 9.5 12a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 12 9.5m0 3.5a1 1 0 0 1-1-1a1 1 0 0 1 1-1a1 1 0 0 1 1 1a1 1 0 0 1-1 1%27/%3E%3C/svg%3E");
}

.i-mdi-feature-search {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M20 20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.5c-.3.8-.5 1.6-.5 2.5c0 3.6 2.9 6.5 6.5 6.5c.8 0 1.5-.1 2.1-.4L20 15zm-.7-11.1c.4-.7.7-1.5.7-2.4C20 4 18 2 15.5 2S11 4 11 6.5s2 4.5 4.5 4.5c.9 0 1.7-.3 2.4-.7l3.1 3.1l1.4-1.4zm-3.8.1C14.1 9 13 7.9 13 6.5S14.1 4 15.5 4S18 5.1 18 6.5S16.9 9 15.5 9%27/%3E%3C/svg%3E");
}

.i-mdi-file {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 9V3.5L18.5 9M6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z%27/%3E%3C/svg%3E");
}

.i-mdi-file-document-arrow-right {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m23 19l-3-3v2h-4v2h4v2zm-10 0c0-.3 0-.7.1-1H6v-2h7.8c.5-.8 1.1-1.5 1.9-2H6v-2h12v1.1c.3-.1.7-.1 1-.1s.7 0 1 .1V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h7.8c-.5-.9-.8-1.9-.8-3m0-15.5L18.5 9H13z%27/%3E%3C/svg%3E");
}

.i-mdi-file-document-edit {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h4v-1.91L12.09 18H6v-2h8.09l2-2H6v-2h12.09L20 10.09V8l-6-6zm7 1.5L18.5 9H13zm7.15 9.5a.55.55 0 0 0-.4.16l-1.02 1.02l2.09 2.08l1.02-1.01c.21-.22.21-.58 0-.79l-1.3-1.3a.54.54 0 0 0-.39-.16m-2.01 1.77L12 20.92V23h2.08l6.15-6.15z%27/%3E%3C/svg%3E");
}

.i-mdi-file-multiple {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15 7h5.5L15 1.5zM8 0h8l6 6v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2M4 4v18h16v2H4a2 2 0 0 1-2-2V4z%27/%3E%3C/svg%3E");
}

.i-mdi-file-text-edit {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h4v-1.91L12.09 18H6v-2h8.09l2-2H6v-2h12.09L20 10.09V8l-6-6zm7 1.5L18.5 9H13zm7.15 9.5a.55.55 0 0 0-.4.16l-1.02 1.02l2.09 2.08l1.02-1.01c.21-.22.21-.58 0-.79l-1.3-1.3a.54.54 0 0 0-.39-.16m-2.01 1.77L12 20.92V23h2.08l6.15-6.15z%27/%3E%3C/svg%3E");
}

.i-mdi-file-tree {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M3 3h6v4H3zm12 7h6v4h-6zm0 7h6v4h-6zm-2-4H7v5h6v2H5V9h2v2h6z%27/%3E%3C/svg%3E");
}

.i-mdi-file-word {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm1.2 18h-1.4L12 13.2L10.2 20H8.8l-2.2-9h1.5l1.4 6.8l1.8-6.8h1.3l1.8 6.8l1.4-6.8h1.5zM13 9V3.5L18.5 9z%27/%3E%3C/svg%3E");
}

.i-mdi-folder {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M10 4H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8z%27/%3E%3C/svg%3E");
}

.i-mdi-folder-arrow-up {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M22 8v5.81c-.88-.51-1.9-.81-3-.81c-3.31 0-6 2.69-6 6c0 .34.04.67.09 1H4a2 2 0 0 1-2-2V6c0-1.11.89-2 2-2h6l2 2h8a2 2 0 0 1 2 2m-6 10h2v4h2v-4h2l-3-3z%27/%3E%3C/svg%3E");
}

.i-mdi-folder-move {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M14 18v-3h-4v-4h4V8l5 5m1-7h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2%27/%3E%3C/svg%3E");
}

.i-mdi-folder-open {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 20H4a2 2 0 0 1-2-2V6c0-1.11.89-2 2-2h6l2 2h7a2 2 0 0 1 2 2H4v10l2.14-8h17.07l-2.28 8.5c-.23.87-1.01 1.5-1.93 1.5%27/%3E%3C/svg%3E");
}

.i-mdi-folder-plus {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 19c0 .34.04.67.09 1H4a2 2 0 0 1-2-2V6c0-1.11.89-2 2-2h6l2 2h8a2 2 0 0 1 2 2v5.81c-.88-.51-1.9-.81-3-.81c-3.31 0-6 2.69-6 6m7-1v-3h-2v3h-3v2h3v3h2v-3h3v-2z%27/%3E%3C/svg%3E");
}

.i-mdi-folder-pound {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15.25 13h2l-.5 2h-2zM22 8v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.11.89-2 2-2h6l2 2h8a2 2 0 0 1 2 2m-2 4h-1.5l.5-2h-1l-.5 2h-2l.5-2h-1l-.5 2H13v1h1.25l-.5 2H12v1h1.5l-.5 2h1l.5-2h2l-.5 2h1l.5-2H19v-1h-1.25l.5-2H20z%27/%3E%3C/svg%3E");
}

.i-mdi-folder-zip {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-2 6h-2v2h2v2h-2v2h-2v-2h2v-2h-2v-2h2v-2h-2V8h2v2h2z%27/%3E%3C/svg%3E");
}

.i-mdi-folders {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M22 4h-8l-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M2 6H0v14a2 2 0 0 0 2 2h18v-2H2z%27/%3E%3C/svg%3E");
}

.i-mdi-form-textbox-password {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M17 7h5v10h-5v2a1 1 0 0 0 1 1h2v2h-2.5c-.55 0-1.5-.45-1.5-1c0 .55-.95 1-1.5 1H12v-2h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-2V2h2.5c.55 0 1.5.45 1.5 1c0-.55.95-1 1.5-1H20v2h-2a1 1 0 0 0-1 1zM2 7h11v2H4v6h9v2H2zm18 8V9h-3v6zM8.5 12A1.5 1.5 0 0 0 7 10.5A1.5 1.5 0 0 0 5.5 12A1.5 1.5 0 0 0 7 13.5A1.5 1.5 0 0 0 8.5 12m4.5-1.11c-.61-.56-1.56-.51-2.12.11c-.56.6-.51 1.55.12 2.11c.55.52 1.43.52 2 0z%27/%3E%3C/svg%3E");
}

.i-mdi-google-drive {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M7.71 3.5L1.15 15l3.43 6l6.55-11.5M9.73 15L6.3 21h13.12l3.43-6m-.57-1L15.42 2H8.57l6.86 12z%27/%3E%3C/svg%3E");
}

.i-mdi-graph {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19.5 17c-.13 0-.26 0-.39.04l-1.61-3.25a2.5 2.5 0 0 0-1.75-4.29c-.13 0-.25 0-.39.04l-1.63-3.25c.48-.45.77-1.08.77-1.79a2.5 2.5 0 0 0-5 0c0 .71.29 1.34.76 1.79L8.64 9.54c-.14-.04-.26-.04-.39-.04a2.5 2.5 0 0 0-1.75 4.29l-1.61 3.25C4.76 17 4.63 17 4.5 17a2.5 2.5 0 0 0 0 5A2.5 2.5 0 0 0 7 19.5c0-.7-.29-1.34-.76-1.79l1.62-3.25c.14.04.26.04.39.04s.25 0 .39-.04l1.63 3.25c-.47.45-.77 1.09-.77 1.79a2.5 2.5 0 0 0 5 0A2.5 2.5 0 0 0 12 17c-.13 0-.26 0-.39.04L10 13.79c.46-.45.75-1.08.75-1.79s-.29-1.34-.75-1.79l1.61-3.25c.13.04.26.04.39.04s.26 0 .39-.04L14 10.21c-.45.45-.75 1.09-.75 1.79a2.5 2.5 0 0 0 2.5 2.5c.13 0 .25 0 .39-.04l1.63 3.25c-.47.45-.77 1.09-.77 1.79a2.5 2.5 0 0 0 5 0a2.5 2.5 0 0 0-2.5-2.5%27/%3E%3C/svg%3E");
}

.i-mdi-heart {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z%27/%3E%3C/svg%3E");
}

.i-mdi-help-box {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M11 18h2v-2h-2zm1-12a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2a2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2%27/%3E%3C/svg%3E");
}

.i-mdi-home {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z%27/%3E%3C/svg%3E");
}

.i-mdi-incognito-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12S6.5 2 12 2m2.92 10.81c-1.08 0-1.97.75-2.21 1.75c-.54-.23-1.05-.17-1.42-.01c-.24-1-1.14-1.74-2.21-1.74c-1.25 0-2.26 1.01-2.26 2.26s1.01 2.26 2.26 2.26c1.2 0 2.16-.91 2.25-2.08c.2-.13.71-.39 1.34.01a2.258 2.258 0 0 0 4.51-.19c0-1.25-1.01-2.26-2.26-2.26m-5.84.64c.92 0 1.62.73 1.62 1.62s-.7 1.62-1.62 1.62c-.89 0-1.62-.73-1.62-1.62s.73-1.62 1.62-1.62m5.84 0c.89 0 1.62.73 1.62 1.62s-.73 1.62-1.62 1.62c-.92 0-1.62-.73-1.62-1.62s.7-1.62 1.62-1.62m2.91-1.95H6.17v.67h11.66zm-3.68-4.61a.67.67 0 0 0-.8-.36L12 7l-1.35-.47l-.04-.03a.67.67 0 0 0-.77.42l-1.48 3.91h7.28l-1.48-3.91z%27/%3E%3C/svg%3E");
}

.i-mdi-information {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2%27/%3E%3C/svg%3E");
}

.i-mdi-key-change {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M7.5 2c2 0 3.6 1.2 4.2 3H21v3h-3v3h-3V8h-3.3c-.6 1.8-2.3 3-4.2 3C5 11 3 9 3 6.5S5 2 7.5 2m0 3C6.7 5 6 5.7 6 6.5S6.7 8 7.5 8S9 7.3 9 6.5S8.3 5 7.5 5m0 8c2 0 3.6 1.2 4.2 3H21v3h-1v3h-2v-3h-2v3h-3v-3h-1.3c-.6 1.8-2.3 3-4.2 3C5 22 3 20 3 17.5S5 13 7.5 13m0 3c-.8 0-1.5.7-1.5 1.5S6.7 19 7.5 19S9 18.3 9 17.5S8.3 16 7.5 16%27/%3E%3C/svg%3E");
}

.i-mdi-lan-disconnect {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M4 1c-1.11 0-2 .89-2 2v4c0 1.11.89 2 2 2H1v2h12V9h-3c1.11 0 2-.89 2-2V3c0-1.11-.89-2-2-2zm0 2h6v4H4zm10 10c-1.11 0-2 .89-2 2v4c0 1.11.89 2 2 2h-3v2h12v-2h-3c1.11 0 2-.89 2-2v-4c0-1.11-.89-2-2-2zm-10.12.46l-1.42 1.42L4.59 17l-2.13 2.12l1.42 1.42L6 18.41l2.12 2.13l1.42-1.42L7.41 17l2.13-2.12l-1.42-1.42L6 15.59zM14 15h6v4h-6z%27/%3E%3C/svg%3E");
}

.i-mdi-location-exit {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m22 12l-4-4v3h-8v2h8v3m2 2a10 10 0 1 1 0-12h-2.73a8 8 0 1 0 0 12Z%27/%3E%3C/svg%3E");
}

.i-mdi-lock {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12 17a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3%27/%3E%3C/svg%3E");
}

.i-mdi-lock-open {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M18 8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h9V6a3 3 0 0 0-3-3a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6 9a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2%27/%3E%3C/svg%3E");
}

.i-mdi-lock-reset {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M12.63 2c5.53 0 10.01 4.5 10.01 10s-4.48 10-10.01 10c-3.51 0-6.58-1.82-8.37-4.57l1.58-1.25C7.25 18.47 9.76 20 12.64 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8C8.56 4 5.2 7.06 4.71 11h2.76l-3.74 3.73L0 11h2.69c.5-5.05 4.76-9 9.94-9m2.96 8.24c.5.01.91.41.91.92v4.61c0 .5-.41.92-.92.92h-5.53c-.51 0-.92-.42-.92-.92v-4.61c0-.51.41-.91.91-.92V9.23c0-1.53 1.25-2.77 2.77-2.77c1.53 0 2.78 1.24 2.78 2.77zm-2.78-2.38c-.75 0-1.37.61-1.37 1.37v1.01h2.75V9.23c0-.76-.62-1.37-1.38-1.37%27/%3E%3C/svg%3E");
}

.i-mdi-login {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8z%27/%3E%3C/svg%3E");
}

.i-mdi-logout {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5M4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z%27/%3E%3C/svg%3E");
}

.i-mdi-menu-open {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M21 15.61L19.59 17l-5.01-5l5.01-5L21 8.39L17.44 12zM3 6h13v2H3zm0 7v-2h10v2zm0 5v-2h13v2z%27/%3E%3C/svg%3E");
}

.i-mdi-minus {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 13H5v-2h14z%27/%3E%3C/svg%3E");
}

.i-mdi-newspaper-variant-multiple {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M4 7v12h15v2H4c-2 0-2-2-2-2V7zm17.3-4H7.7C6.76 3 6 3.7 6 4.55v10.9c0 .86.76 1.55 1.7 1.55h13.6c.94 0 1.7-.69 1.7-1.55V4.55C23 3.7 22.24 3 21.3 3M8 5h5v6H8zm13 10H8v-2h13zm0-4h-6V9h6zm0-4h-6V5h6z%27/%3E%3C/svg%3E");
}

.i-mdi-office-building {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M5 3v18h6v-3.5h2V21h6V3zm2 2h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 4h2v2H7zm8 0h2v2h-2z%27/%3E%3C/svg%3E");
}

.i-mdi-office-building-plus {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13.4 21c-.2-.6-.4-1.3-.4-2c0-1.5.6-2.9 1.5-4H13v-2h2v1.5c.6-.5 1.3-.9 2-1.2V3H3v18h6v-3.5h2V21zM13 5h2v2h-2zm0 4h2v2h-2zM7 19H5v-2h2zm0-4H5v-2h2zm0-4H5V9h2zm0-4H5V5h2zm2-2h2v2H9zm0 4h2v2H9zm0 6v-2h2v2zm11 0v3h3v2h-3v3h-2v-3h-3v-2h3v-3z%27/%3E%3C/svg%3E");
}

.i-mdi-offline {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19.8 22.6L17.15 20H6.5q-2.3 0-3.9-1.6T1 14.5q0-1.92 1.19-3.42q1.19-1.51 3.06-1.93q.08-.2.15-.39q.1-.19.15-.41L1.4 4.2l1.4-1.4l18.4 18.4M6.5 18h8.65L7.1 9.95q-.05.28-.07.55q-.03.23-.03.5h-.5q-1.45 0-2.47 1.03Q3 13.05 3 14.5T4.03 17q1.02 1 2.47 1m15.1.75l-1.45-1.4q.43-.35.64-.81T21 15.5q0-1.05-.73-1.77q-.72-.73-1.77-.73H17v-2q0-2.07-1.46-3.54Q14.08 6 12 6q-.67 0-1.3.16q-.63.17-1.2.52L8.05 5.23q.88-.6 1.86-.92Q10.9 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1-.37 1.81q-.38.84-1.03 1.44m-6.77-6.72%27/%3E%3C/svg%3E");
}

.i-mdi-page-first {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6l6 6zM6 6h2v12H6z%27/%3E%3C/svg%3E");
}

.i-mdi-page-last {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6l-6-6zM16 6h2v12h-2z%27/%3E%3C/svg%3E");
}

.i-mdi-pan-right {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M17 8v8l4.5-4zm-5 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2%27/%3E%3C/svg%3E");
}

.i-mdi-pencil-box {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-2.3 6.35c.22-.21.22-.56 0-.77L15.42 7.3a.53.53 0 0 0-.77 0l-1 1l2.05 2.05zM7 14.94V17h2.06l6.06-6.06l-2.06-2.06z%27/%3E%3C/svg%3E");
}

.i-mdi-plus {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z%27/%3E%3C/svg%3E");
}

.i-mdi-plus-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2%27/%3E%3C/svg%3E");
}

.i-mdi-plus-one {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 7v2h2v8h2V7zm-2 6H9v2H7v-2H5v-2h2V9h2v2h2z%27/%3E%3C/svg%3E");
}

.i-mdi-printer {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M18 3H6v4h12m1 5a1 1 0 0 1-1-1a1 1 0 0 1 1-1a1 1 0 0 1 1 1a1 1 0 0 1-1 1m-3 7H8v-5h8m3-6H5a3 3 0 0 0-3 3v6h4v4h12v-4h4v-6a3 3 0 0 0-3-3%27/%3E%3C/svg%3E");
}

.i-mdi-question-mark-circle {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2H8a4 4 0 0 1 4-4a4 4 0 0 1 4 4a3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-5.53-4.5-10-10-10%27/%3E%3C/svg%3E");
}

.i-mdi-remove {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z%27/%3E%3C/svg%3E");
}

.i-mdi-search {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5%27/%3E%3C/svg%3E");
}

.i-mdi-send {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m2 21l21-9L2 3v7l15 2l-15 2z%27/%3E%3C/svg%3E");
}

.i-mdi-set-split {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M17 7v2h5V7zM2 9v6h5V9zm10 0v2H9v2h3v2l3-3zm5 2v2h5v-2zm0 4v2h5v-2z%27/%3E%3C/svg%3E");
}

.i-mdi-support {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M18.72 14.76c.35-.85.54-1.76.54-2.76c0-.72-.11-1.41-.3-2.05c-.65.15-1.33.23-2.04.23A9.07 9.07 0 0 1 9.5 6.34a9.2 9.2 0 0 1-4.73 4.88c-.04.25-.04.52-.04.78A7.27 7.27 0 0 0 12 19.27c1.05 0 2.06-.23 2.97-.64c.57 1.09.83 1.63.81 1.63c-1.64.55-2.91.82-3.78.82c-2.42 0-4.73-.95-6.43-2.66a9 9 0 0 1-2.24-3.69H2v-4.55h1.09a9.09 9.09 0 0 1 15.33-4.6a9 9 0 0 1 2.47 4.6H22v4.55h-.06L18.38 18l-5.3-.6v-1.67h4.83zm-9.45-2.99c.3 0 .59.12.8.34a1.136 1.136 0 0 1 0 1.6c-.21.21-.5.33-.8.33c-.63 0-1.14-.5-1.14-1.13s.51-1.14 1.14-1.14m5.45 0c.63 0 1.13.51 1.13 1.14s-.5 1.13-1.13 1.13s-1.14-.5-1.14-1.13a1.14 1.14 0 0 1 1.14-1.14%27/%3E%3C/svg%3E");
}

.i-mdi-swap-horizontal {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m21 9l-4-4v3h-7v2h7v3M7 11l-4 4l4 4v-3h7v-2H7z%27/%3E%3C/svg%3E");
}

.i-mdi-table {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8zm8 0v4h6V8zm-8 6v4h6v-4zm8 0v4h6v-4z%27/%3E%3C/svg%3E");
}

.i-mdi-table-multiple {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M7 2h14a2 2 0 0 1 2 2v12c0 1.11-.89 2-2 2H7a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2m0 4v4h6V6zm8 0v4h6V6zm-8 6v4h6v-4zm8 0v4h6v-4zM3 20V6H1v14c0 1.11.89 2 2 2h16v-2z%27/%3E%3C/svg%3E");
}

.i-mdi-table-row-plus-after {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M22 10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h2v2h4V3h2v2h4V3h2v2h4V3h2zM4 10h4V7H4zm6 0h4V7h-4zm10 0V7h-4v3zm-9 4h2v3h3v2h-3v3h-2v-3H8v-2h3z%27/%3E%3C/svg%3E");
}

.i-mdi-tag-multiple {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M5.5 9A1.5 1.5 0 0 0 7 7.5A1.5 1.5 0 0 0 5.5 6A1.5 1.5 0 0 0 4 7.5A1.5 1.5 0 0 0 5.5 9m11.91 2.58c.36.36.59.86.59 1.42c0 .55-.22 1.05-.59 1.41l-5 5a1.996 1.996 0 0 1-2.83 0l-6.99-6.99C2.22 12.05 2 11.55 2 11V6c0-1.11.89-2 2-2h5c.55 0 1.05.22 1.41.58zm-3.87-5.87l1-1l6.87 6.87c.37.36.59.87.59 1.42s-.22 1.05-.58 1.41l-5.38 5.38l-1-1L20.75 13z%27/%3E%3C/svg%3E");
}

.i-mdi-task-add {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M14.3 21.7c-.7.2-1.5.3-2.3.3c-5.5 0-10-4.5-10-10S6.5 2 12 2c1.3 0 2.6.3 3.8.7l-1.6 1.6c-.7-.2-1.4-.3-2.2-.3c-4.4 0-8 3.6-8 8s3.6 8 8 8c.4 0 .9 0 1.3-.1c.2.7.6 1.3 1 1.8M7.9 10.1l-1.4 1.4L11 16L21 6l-1.4-1.4l-8.6 8.6zM18 14v3h-3v2h3v3h2v-3h3v-2h-3v-3z%27/%3E%3C/svg%3E");
}

.i-mdi-update {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1a6.887 6.887 0 0 0 0 9.8c2.73 2.7 7.15 2.7 9.88 0c1.36-1.35 2.04-2.92 2.04-4.9h2c0 1.98-.88 4.55-2.64 6.29c-3.51 3.48-9.21 3.48-12.72 0c-3.5-3.47-3.53-9.11-.02-12.58a8.987 8.987 0 0 1 12.65 0L21 3zM12.5 8v4.25l3.5 2.08l-.72 1.21L11 13V8z%27/%3E%3C/svg%3E");
}

.i-mdi-user-key {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M11 10v2H9v2H7v-2H5.8c-.4 1.2-1.5 2-2.8 2c-1.7 0-3-1.3-3-3s1.3-3 3-3c1.3 0 2.4.8 2.8 2zm-8 0c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1s-.4-1-1-1m13 4c2.7 0 8 1.3 8 4v2H8v-2c0-2.7 5.3-4 8-4m0-2c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4%27/%3E%3C/svg%3E");
}

.i-mdi-variable {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M20.41 3c1.39 2.71 1.94 5.84 1.59 9c-.2 3.16-1.3 6.29-3.17 9l-1.53-1c1.61-2.43 2.55-5.2 2.7-8c.34-2.8-.11-5.57-1.3-8zM5.17 3L6.7 4C5.09 6.43 4.15 9.2 4 12c-.34 2.8.12 5.57 1.3 8l-1.69 1c-1.4-2.71-1.96-5.83-1.61-9c.2-3.16 1.3-6.29 3.17-9m6.91 7.68l2.32-3.23h2.53l-3.78 5l2.2 4.92h-2.26L11.71 14l-2.43 3.33H6.76l3.9-5.12l-2.13-4.76h2.27z%27/%3E%3C/svg%3E");
}

.i-mdi-view-dashboard {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 3v6h8V3m-8 18h8V11h-8M3 21h8v-6H3m0-2h8V3H3z%27/%3E%3C/svg%3E");
}

.i-mdi-view-grid {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M3 11h8V3H3m0 18h8v-8H3m10 8h8v-8h-8m0-10v8h8V3%27/%3E%3C/svg%3E");
}

.i-mdi-view-list {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M9 5v4h12V5M9 19h12v-4H9m0-1h12v-4H9M4 9h4V5H4m0 14h4v-4H4m0-1h4v-4H4z%27/%3E%3C/svg%3E");
}

.i-mdi-zoom-in-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27m15.5 14l5 5l-1.5 1.5l-5-5v-.79l-.27-.28A6.47 6.47 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.57 4.23l.28.27zm-6 0C12 14 14 12 14 9.5S12 5 9.5 5S5 7 5 9.5S7 14 9.5 14m2.5-4h-2v2H9v-2H7V9h2V7h1v2h2z%27/%3E%3C/svg%3E");
}

.i-mdi-zoom-out-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27black%27 d=%27M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 0 0 9.5 3A6.5 6.5 0 0 0 3 9.5A6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5l1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5S14 7 14 9.5S12 14 9.5 14M7 9h5v1H7z%27/%3E%3C/svg%3E");
}

.btn {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  font-size: [object Object];
}

.btn.btn-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1.125rem;
  font-size: [object Object];
}

.btn.btn-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.875rem;
  font-size: [object Object];
}

.btn.btn-xs {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.75rem;
  font-size: [object Object];
}

.btn:focus {
  outline: 1px solid transparent;
  outline-offset: 1px;
}

.btn-red {
  color: #ffffff;
  background-color: #dc2626;
  border-color: #b91c1c;
}

.btn-red:hover {
  color: #ffffff;
  background-color: #b91c1c;
  border-color: #991b1b;
}

.btn-red:focus {
  outline-color: #b91c1c;
}

.btn-orange {
  color: #ffffff;
  background-color: #ea580c;
  border-color: #c2410c;
}

.btn-orange:hover {
  color: #ffffff;
  background-color: #c2410c;
  border-color: #9a3412;
}

.btn-orange:focus {
  outline-color: #c2410c;
}

.btn-yellow {
  color: #ffffff;
  background-color: #ca8a04;
  border-color: #a16207;
}

.btn-yellow:hover {
  color: #ffffff;
  background-color: #a16207;
  border-color: #854d0e;
}

.btn-yellow:focus {
  outline-color: #a16207;
}

.btn-green {
  color: #ffffff;
  background-color: #16a34a;
  border-color: #15803d;
}

.btn-green:hover {
  color: #ffffff;
  background-color: #15803d;
  border-color: #166534;
}

.btn-green:focus {
  outline-color: #15803d;
}

.btn-teal {
  color: #ffffff;
  background-color: #0d9488;
  border-color: #0f766e;
}

.btn-teal:hover {
  color: #ffffff;
  background-color: #0f766e;
  border-color: #115e59;
}

.btn-teal:focus {
  outline-color: #0f766e;
}

.btn-cyan {
  color: #ffffff;
  background-color: #0891b2;
  border-color: #0e7490;
}

.btn-cyan:hover {
  color: #ffffff;
  background-color: #0e7490;
  border-color: #155e75;
}

.btn-cyan:focus {
  outline-color: #0e7490;
}

.btn-sky {
  color: #ffffff;
  background-color: #0284c7;
  border-color: #0369a1;
}

.btn-sky:hover {
  color: #ffffff;
  background-color: #0369a1;
  border-color: #075985;
}

.btn-sky:focus {
  outline-color: #0369a1;
}

.btn-blue {
  color: #ffffff;
  background-color: #2563eb;
  border-color: #1d4ed8;
}

.btn-blue:hover {
  color: #ffffff;
  background-color: #1d4ed8;
  border-color: #1e40af;
}

.btn-blue:focus {
  outline-color: #1d4ed8;
}

.btn-outline-gray {
  color: #4b5563;
  background-color: #ffffff;
  border-color: #374151;
}

.btn-outline-gray:hover {
  color: #ffffff;
  background-color: #4b5563;
  border-color: #1f2937;
}

.btn-outline-gray:focus {
  outline-color: #374151;
}

.btn-outline-neutral {
  color: #525252;
  background-color: #ffffff;
  border-color: #404040;
}

.btn-outline-neutral:hover {
  color: #ffffff;
  background-color: #525252;
  border-color: #262626;
}

.btn-outline-neutral:focus {
  outline-color: #404040;
}

.btn-outline-stone {
  color: #57534e;
  background-color: #ffffff;
  border-color: #44403c;
}

.btn-outline-stone:hover {
  color: #ffffff;
  background-color: #57534e;
  border-color: #292524;
}

.btn-outline-stone:focus {
  outline-color: #44403c;
}

.btn-outline-red {
  color: #dc2626;
  background-color: #ffffff;
  border-color: #b91c1c;
}

.btn-outline-red:hover {
  color: #ffffff;
  background-color: #dc2626;
  border-color: #991b1b;
}

.btn-outline-red:focus {
  outline-color: #b91c1c;
}

.btn-outline-orange {
  color: #ea580c;
  background-color: #ffffff;
  border-color: #c2410c;
}

.btn-outline-orange:hover {
  color: #ffffff;
  background-color: #ea580c;
  border-color: #9a3412;
}

.btn-outline-orange:focus {
  outline-color: #c2410c;
}

.btn-outline-amber {
  color: #d97706;
  background-color: #ffffff;
  border-color: #b45309;
}

.btn-outline-amber:hover {
  color: #ffffff;
  background-color: #d97706;
  border-color: #92400e;
}

.btn-outline-amber:focus {
  outline-color: #b45309;
}

.btn-outline-yellow {
  color: #ca8a04;
  background-color: #ffffff;
  border-color: #a16207;
}

.btn-outline-yellow:hover {
  color: #ffffff;
  background-color: #ca8a04;
  border-color: #854d0e;
}

.btn-outline-yellow:focus {
  outline-color: #a16207;
}

.btn-outline-lime {
  color: #65a30d;
  background-color: #ffffff;
  border-color: #4d7c0f;
}

.btn-outline-lime:hover {
  color: #ffffff;
  background-color: #65a30d;
  border-color: #3f6212;
}

.btn-outline-lime:focus {
  outline-color: #4d7c0f;
}

.btn-outline-green {
  color: #16a34a;
  background-color: #ffffff;
  border-color: #15803d;
}

.btn-outline-green:hover {
  color: #ffffff;
  background-color: #16a34a;
  border-color: #166534;
}

.btn-outline-green:focus {
  outline-color: #15803d;
}

.btn-outline-emerald {
  color: #059669;
  background-color: #ffffff;
  border-color: #047857;
}

.btn-outline-emerald:hover {
  color: #ffffff;
  background-color: #059669;
  border-color: #065f46;
}

.btn-outline-emerald:focus {
  outline-color: #047857;
}

.btn-outline-teal {
  color: #0d9488;
  background-color: #ffffff;
  border-color: #0f766e;
}

.btn-outline-teal:hover {
  color: #ffffff;
  background-color: #0d9488;
  border-color: #115e59;
}

.btn-outline-teal:focus {
  outline-color: #0f766e;
}

.btn-outline-sky {
  color: #0284c7;
  background-color: #ffffff;
  border-color: #0369a1;
}

.btn-outline-sky:hover {
  color: #ffffff;
  background-color: #0284c7;
  border-color: #075985;
}

.btn-outline-sky:focus {
  outline-color: #0369a1;
}

.btn-outline-blue {
  color: #2563eb;
  background-color: #ffffff;
  border-color: #1d4ed8;
}

.btn-outline-blue:hover {
  color: #ffffff;
  background-color: #2563eb;
  border-color: #1e40af;
}

.btn-outline-blue:focus {
  outline-color: #1d4ed8;
}

.btn-outline-purple {
  color: #9333ea;
  background-color: #ffffff;
  border-color: #7e22ce;
}

.btn-outline-purple:hover {
  color: #ffffff;
  background-color: #9333ea;
  border-color: #6b21a8;
}

.btn-outline-purple:focus {
  outline-color: #7e22ce;
}

.btn-outline-pink {
  color: #db2777;
  background-color: #ffffff;
  border-color: #be185d;
}

.btn-outline-pink:hover {
  color: #ffffff;
  background-color: #db2777;
  border-color: #9d174d;
}

.btn-outline-pink:focus {
  outline-color: #be185d;
}

.card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 1rem;
  font-weight: 600;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.card.card-sm {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.card.card-xs {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.card .card-number {
  border-left-style: solid;
  border-left-width: 2px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
}

.card.card-xs .card-number {
  padding-left: 0.75rem;
}

.card-slate .card-number {
  border-left-color: #94a3b8;
}

.card-gray .card-number {
  border-left-color: #9ca3af;
}

.card-zinc .card-number {
  border-left-color: #a1a1aa;
}

.card-neutral .card-number {
  border-left-color: #a3a3a3;
}

.card-stone .card-number {
  border-left-color: #a8a29e;
}

.card-red {
  background-color: #fecaca;
  color: #7f1d1d;
}

.card-red .card-number {
  border-left-color: #f87171;
}

.card-orange .card-number {
  border-left-color: #fb923c;
}

.card-amber {
  background-color: #fde68a;
  color: #78350f;
}

.card-amber .card-number {
  border-left-color: #fbbf24;
}

.card-yellow {
  background-color: #fef08a;
  color: #713f12;
}

.card-yellow .card-number {
  border-left-color: #facc15;
}

.card-lime .card-number {
  border-left-color: #a3e635;
}

.card-green {
  background-color: #bbf7d0;
  color: #14532d;
}

.card-green .card-number {
  border-left-color: #4ade80;
}

.card-emerald .card-number {
  border-left-color: #34d399;
}

.card-teal .card-number {
  border-left-color: #2dd4bf;
}

.card-cyan .card-number {
  border-left-color: #22d3ee;
}

.card-sky {
  background-color: #bae6fd;
  color: #0c4a6e;
}

.card-sky .card-number {
  border-left-color: #38bdf8;
}

.card-blue .card-number {
  border-left-color: #60a5fa;
}

.card-indigo .card-number {
  border-left-color: #818cf8;
}

.card-violet .card-number {
  border-left-color: #a78bfa;
}

.card-purple {
  background-color: #e9d5ff;
  color: #581c87;
}

.card-purple .card-number {
  border-left-color: #c084fc;
}

.card-fuchsia .card-number {
  border-left-color: #e879f9;
}

.card-pink {
  background-color: #fbcfe8;
  color: #831843;
}

.card-pink .card-number {
  border-left-color: #f472b6;
}

.card-rose .card-number {
  border-left-color: #fb7185;
}

.scroll-buttons {
  margin-left: 0.25rem;
  display: flex;
  flex-direction: column;
}

.scroll-buttons .btn-scroll {
  height: 2rem;
  width: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.buttons-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .buttons-container {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
.buttons-container.disabled {
  position: relative;
}

.buttons-container.disabled .btn {
  position: relative;
}

.buttons-container.disabled .btn:after {
  content: "";
  position: absolute;
  z-index: 30;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(115 115 115/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.buttons-container.disabled:after {
  content: "";
  position: absolute;
  z-index: 30;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.form-alert {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: right;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-label {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.form-checkbox-label {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 0.5rem;
}

.form-checkbox-label .form-label {
  font-size: 1rem;
  line-height: 1.5rem;
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder, .form-select::-moz-placeholder, .form-multiselect::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.form-input::placeholder, .form-textarea::placeholder, .form-select::placeholder, .form-multiselect::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.form-input[type=text]:-moz-read-only, .form-input[type=date]:-moz-read-only, .form-input[type=datetime]:-moz-read-only, .form-input[type=number]:-moz-read-only, .form-input[type=email]:-moz-read-only, .form-input[type=tel]:-moz-read-only, .form-textarea[type=text]:-moz-read-only, .form-textarea[type=date]:-moz-read-only, .form-textarea[type=datetime]:-moz-read-only, .form-textarea[type=number]:-moz-read-only, .form-textarea[type=email]:-moz-read-only, .form-textarea[type=tel]:-moz-read-only, .form-select[type=text]:-moz-read-only, .form-select[type=date]:-moz-read-only, .form-select[type=datetime]:-moz-read-only, .form-select[type=number]:-moz-read-only, .form-select[type=email]:-moz-read-only, .form-select[type=tel]:-moz-read-only, .form-multiselect[type=text]:-moz-read-only, .form-multiselect[type=date]:-moz-read-only, .form-multiselect[type=datetime]:-moz-read-only, .form-multiselect[type=number]:-moz-read-only, .form-multiselect[type=email]:-moz-read-only, .form-multiselect[type=tel]:-moz-read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.form-input.readonly,
.form-input[type=text]:read-only,
.form-input[type=date]:read-only,
.form-input[type=datetime]:read-only,
.form-input[type=number]:read-only,
.form-input[type=email]:read-only,
.form-input[type=tel]:read-only,
.form-textarea.readonly,
.form-textarea[type=text]:read-only,
.form-textarea[type=date]:read-only,
.form-textarea[type=datetime]:read-only,
.form-textarea[type=number]:read-only,
.form-textarea[type=email]:read-only,
.form-textarea[type=tel]:read-only,
.form-select.readonly,
.form-select[type=text]:read-only,
.form-select[type=date]:read-only,
.form-select[type=datetime]:read-only,
.form-select[type=number]:read-only,
.form-select[type=email]:read-only,
.form-select[type=tel]:read-only,
.form-multiselect.readonly,
.form-multiselect[type=text]:read-only,
.form-multiselect[type=date]:read-only,
.form-multiselect[type=datetime]:read-only,
.form-multiselect[type=number]:read-only,
.form-multiselect[type=email]:read-only,
.form-multiselect[type=tel]:read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.form-input.readonly::-moz-placeholder, .form-input[type=text]:read-only::-moz-placeholder, .form-input[type=date]:read-only::-moz-placeholder, .form-input[type=datetime]:read-only::-moz-placeholder, .form-input[type=number]:read-only::-moz-placeholder, .form-input[type=email]:read-only::-moz-placeholder, .form-input[type=tel]:read-only::-moz-placeholder, .form-textarea.readonly::-moz-placeholder, .form-textarea[type=text]:read-only::-moz-placeholder, .form-textarea[type=date]:read-only::-moz-placeholder, .form-textarea[type=datetime]:read-only::-moz-placeholder, .form-textarea[type=number]:read-only::-moz-placeholder, .form-textarea[type=email]:read-only::-moz-placeholder, .form-textarea[type=tel]:read-only::-moz-placeholder, .form-select.readonly::-moz-placeholder, .form-select[type=text]:read-only::-moz-placeholder, .form-select[type=date]:read-only::-moz-placeholder, .form-select[type=datetime]:read-only::-moz-placeholder, .form-select[type=number]:read-only::-moz-placeholder, .form-select[type=email]:read-only::-moz-placeholder, .form-select[type=tel]:read-only::-moz-placeholder, .form-multiselect.readonly::-moz-placeholder, .form-multiselect[type=text]:read-only::-moz-placeholder, .form-multiselect[type=date]:read-only::-moz-placeholder, .form-multiselect[type=datetime]:read-only::-moz-placeholder, .form-multiselect[type=number]:read-only::-moz-placeholder, .form-multiselect[type=email]:read-only::-moz-placeholder, .form-multiselect[type=tel]:read-only::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.form-input[type=text]:-moz-read-only::placeholder, .form-input[type=date]:-moz-read-only::placeholder, .form-input[type=datetime]:-moz-read-only::placeholder, .form-input[type=number]:-moz-read-only::placeholder, .form-input[type=email]:-moz-read-only::placeholder, .form-input[type=tel]:-moz-read-only::placeholder, .form-textarea[type=text]:-moz-read-only::placeholder, .form-textarea[type=date]:-moz-read-only::placeholder, .form-textarea[type=datetime]:-moz-read-only::placeholder, .form-textarea[type=number]:-moz-read-only::placeholder, .form-textarea[type=email]:-moz-read-only::placeholder, .form-textarea[type=tel]:-moz-read-only::placeholder, .form-select[type=text]:-moz-read-only::placeholder, .form-select[type=date]:-moz-read-only::placeholder, .form-select[type=datetime]:-moz-read-only::placeholder, .form-select[type=number]:-moz-read-only::placeholder, .form-select[type=email]:-moz-read-only::placeholder, .form-select[type=tel]:-moz-read-only::placeholder, .form-multiselect[type=text]:-moz-read-only::placeholder, .form-multiselect[type=date]:-moz-read-only::placeholder, .form-multiselect[type=datetime]:-moz-read-only::placeholder, .form-multiselect[type=number]:-moz-read-only::placeholder, .form-multiselect[type=email]:-moz-read-only::placeholder, .form-multiselect[type=tel]:-moz-read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.form-input.readonly::placeholder, .form-input[type=text]:read-only::placeholder, .form-input[type=date]:read-only::placeholder, .form-input[type=datetime]:read-only::placeholder, .form-input[type=number]:read-only::placeholder, .form-input[type=email]:read-only::placeholder, .form-input[type=tel]:read-only::placeholder, .form-textarea.readonly::placeholder, .form-textarea[type=text]:read-only::placeholder, .form-textarea[type=date]:read-only::placeholder, .form-textarea[type=datetime]:read-only::placeholder, .form-textarea[type=number]:read-only::placeholder, .form-textarea[type=email]:read-only::placeholder, .form-textarea[type=tel]:read-only::placeholder, .form-select.readonly::placeholder, .form-select[type=text]:read-only::placeholder, .form-select[type=date]:read-only::placeholder, .form-select[type=datetime]:read-only::placeholder, .form-select[type=number]:read-only::placeholder, .form-select[type=email]:read-only::placeholder, .form-select[type=tel]:read-only::placeholder, .form-multiselect.readonly::placeholder, .form-multiselect[type=text]:read-only::placeholder, .form-multiselect[type=date]:read-only::placeholder, .form-multiselect[type=datetime]:read-only::placeholder, .form-multiselect[type=number]:read-only::placeholder, .form-multiselect[type=email]:read-only::placeholder, .form-multiselect[type=tel]:read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.form-input[type=text]:-moz-read-only:hover, .form-input[type=date]:-moz-read-only:hover, .form-input[type=datetime]:-moz-read-only:hover, .form-input[type=number]:-moz-read-only:hover, .form-input[type=email]:-moz-read-only:hover, .form-input[type=tel]:-moz-read-only:hover, .form-textarea[type=text]:-moz-read-only:hover, .form-textarea[type=date]:-moz-read-only:hover, .form-textarea[type=datetime]:-moz-read-only:hover, .form-textarea[type=number]:-moz-read-only:hover, .form-textarea[type=email]:-moz-read-only:hover, .form-textarea[type=tel]:-moz-read-only:hover, .form-select[type=text]:-moz-read-only:hover, .form-select[type=date]:-moz-read-only:hover, .form-select[type=datetime]:-moz-read-only:hover, .form-select[type=number]:-moz-read-only:hover, .form-select[type=email]:-moz-read-only:hover, .form-select[type=tel]:-moz-read-only:hover, .form-multiselect[type=text]:-moz-read-only:hover, .form-multiselect[type=date]:-moz-read-only:hover, .form-multiselect[type=datetime]:-moz-read-only:hover, .form-multiselect[type=number]:-moz-read-only:hover, .form-multiselect[type=email]:-moz-read-only:hover, .form-multiselect[type=tel]:-moz-read-only:hover {
  cursor: not-allowed;
}

.form-input.readonly:hover, .form-input[type=text]:read-only:hover, .form-input[type=date]:read-only:hover, .form-input[type=datetime]:read-only:hover, .form-input[type=number]:read-only:hover, .form-input[type=email]:read-only:hover, .form-input[type=tel]:read-only:hover, .form-textarea.readonly:hover, .form-textarea[type=text]:read-only:hover, .form-textarea[type=date]:read-only:hover, .form-textarea[type=datetime]:read-only:hover, .form-textarea[type=number]:read-only:hover, .form-textarea[type=email]:read-only:hover, .form-textarea[type=tel]:read-only:hover, .form-select.readonly:hover, .form-select[type=text]:read-only:hover, .form-select[type=date]:read-only:hover, .form-select[type=datetime]:read-only:hover, .form-select[type=number]:read-only:hover, .form-select[type=email]:read-only:hover, .form-select[type=tel]:read-only:hover, .form-multiselect.readonly:hover, .form-multiselect[type=text]:read-only:hover, .form-multiselect[type=date]:read-only:hover, .form-multiselect[type=datetime]:read-only:hover, .form-multiselect[type=number]:read-only:hover, .form-multiselect[type=email]:read-only:hover, .form-multiselect[type=tel]:read-only:hover {
  cursor: not-allowed;
}

.form-input.input-validation-error, .form-textarea.input-validation-error, .form-select.input-validation-error, .form-multiselect.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.form-input[type=color] {
  -webkit-appearance: none;
  height: 42px;
}

.form-input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.form-input[type=color]::-webkit-color-swatch {
  border-radius: 0.125rem;
}

.form-input[type=color].form-sm {
  height: 34px;
}

.form-select.readonly option[value=""] {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.form-select.readonly:has(option[value=""]:checked) {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.input-group {
  display: flex;
  align-items: stretch;
}

.input-group .form-input,
.input-group .form-textarea,
.input-group .form-select,
.input-group .form-multiselect {
  flex-grow: 1;
}

.input-group .input-group-data {
  display: flex;
  flex-grow: 0;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82/var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.table {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 100%;
}

.table.table-sm tbody tr td {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.table tbody tr {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229/var(--tw-border-opacity));
}

.table tbody tr td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.table tbody tr td.action-column {
  width: 1%;
  white-space: nowrap;
}

.table tbody tr:first-child {
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229/var(--tw-border-opacity));
}

.table tbody tr:last-child {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229/var(--tw-border-opacity));
}

.table thead {
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.table thead tr th {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-weight: 600;
}

.table thead tr th.action-column {
  width: 1%;
  white-space: nowrap;
}

.table tfoot {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.table tfoot tr td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.table tfoot.alert {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(185 28 28/var(--tw-text-opacity));
}

.table.table-striped tbody tr:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245/var(--tw-bg-opacity));
}

.table.images-limits {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.menu-container {
  position: relative;
  height: 100%;
}

.menu-container .menu-actions {
  position: absolute;
  top: 100%;
  width: auto;
  min-width: 100%;
  transform-origin: top;
  --tw-scale-y: 0;
  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));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.menu-container .menu-actions a, .menu-container .menu-actions button {
  white-space: nowrap;
}

.menu-container .menu-actions.open {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --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));
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-2 {
  left: 0.5rem;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.top-0 {
  top: 0px;
}

.top-2 {
  top: 0.5rem;
}

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

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

.m-1 {
  margin: 0.25rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

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

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.mr-auto {
  margin-right: auto;
}

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

.block {
  display: block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-6 {
  height: 1.5rem;
}

.h-screen {
  height: 100vh;
}

.min-h-screen {
  min-height: 100vh;
}

.w-4 {
  width: 1rem;
}

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

.w-6 {
  width: 1.5rem;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.max-w-none {
  max-width: none;
}

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

.grow {
  flex-grow: 1;
}

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

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

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

.flex-wrap {
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.overflow-y-auto {
  overflow-y: auto;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.text-pretty {
  text-wrap: pretty;
}

.break-words {
  overflow-wrap: break-word;
}

.rounded {
  border-radius: 0.25rem;
}

.border {
  border-width: 1px;
}

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

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

.border-t {
  border-top-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216/var(--tw-border-opacity));
}

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61/var(--tw-border-opacity));
}

.border-neutral-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245/var(--tw-border-opacity));
}

.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
}

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28/var(--tw-border-opacity));
}

.border-sky-700 {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161/var(--tw-border-opacity));
}

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

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

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235/var(--tw-bg-opacity));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74/var(--tw-bg-opacity));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38/var(--tw-bg-opacity));
}

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28/var(--tw-bg-opacity));
}

.bg-sky-900\/20 {
  background-color: rgba(12, 74, 110, 0.2);
}

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

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

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

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

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

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

.p-1 {
  padding: 0.25rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

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

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

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

.pl-3 {
  padding-left: 0.75rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

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

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

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

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

.font-mono {
  font-family: Noto Sans Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

.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-bold {
  font-weight: 700;
}

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

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.leading-none {
  line-height: 1;
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11/var(--tw-text-opacity));
}

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(239 246 255/var(--tw-text-opacity));
}

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

.text-green-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 244/var(--tw-text-opacity));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94/var(--tw-text-opacity));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74/var(--tw-text-opacity));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61/var(--tw-text-opacity));
}

.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163/var(--tw-text-opacity));
}

.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64/var(--tw-text-opacity));
}

.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23/var(--tw-text-opacity));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12/var(--tw-text-opacity));
}

.text-red-50 {
  --tw-text-opacity: 1;
  color: rgb(254 242 242/var(--tw-text-opacity));
}

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

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

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

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

.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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

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

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

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

.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-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

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

:root {
  --main-aside-width:20rem;
}

.btn {
  font-weight: 600;
  text-decoration-line: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.btn.btn-action {
  height: 2rem;
  width: 2rem;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.field-validation-error {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

.validation-summary-errors {
  margin-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

[data-count] {
  position: relative;
}

[data-count]:after {
  content: attr(data-characters-count);
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

[data-count].limit-reached:after {
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

.token-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: Noto Sans Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --size: 0;
}

.token-container .token {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
  width: calc(var(--size) * 1ch);
}

.token-container .token::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195/var(--tw-bg-opacity));
}

.token-container .token::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195/var(--tw-bg-opacity));
}

.token-container .token:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231/var(--tw-bg-opacity));
  cursor: copy;
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172/var(--tw-border-opacity));
}

.ticket-history {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ticket-history .new-message-form {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}

.ticket-history .new-message-form .medium-editor-element {
  min-height: 1.5em;
}

.ticket-history .new-message-form .form-input {
  --tw-bg-opacity: 0.8;
  border-radius: 0.5rem;
}

.ticket-history .new-message-form .btn {
  border-radius: 0.5rem;
}

.ticket-history .ticket-message {
  position: relative;
  border-radius: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 30%;
  max-width: 80%;
}

.ticket-history .ticket-message.user-message {
  align-self: flex-start;
}

.ticket-history .ticket-message.user-message .message-body {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208/var(--tw-bg-opacity));
}

.ticket-history .ticket-message.operator-message {
  align-self: flex-end;
}

.ticket-history .ticket-message.operator-message .message-body {
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208/var(--tw-bg-opacity));
}

.ticket-history .ticket-message.system-message {
  max-width: 100%;
  width: 100%;
}

.ticket-history .ticket-message.system-message .message-body {
  border-radius: 0px;
  background-color: rgb(229 229 229/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ticket-history .ticket-message .message-body {
  --tw-bg-opacity: 0.9;
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ticket-history .ticket-message .message-meta {
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(212 212 212/var(--tw-text-opacity));
}

/*Main Theme Variables*/ /*background color of tabulator*/ /*table text size*/ /*header themeing*/ /*border to tabulator*/ /*header text colour*/ /*header bottom seperator color*/ /*column header arrows*/ /*row themeing*/ /*table row background color*/ /*table row background color*/ /*table border color*/ /*table text color*/ /*row background color on hover*/ /*row background color when selected*/ /*row background color when selected and hovered*/ /*footer themeing*/ /*border to tabulator*/ /*footer text colour*/ /*footer bottom seperator color*/ /*footer bottom active text color*/ /*Main Theme Variables*/ /*background color of tabulator*/ /*border to tabulator*/ /*table text size*/ /*header theming*/ /*border to tabulator*/ /*header text color*/ /*header border color*/ /*header bottom separator color*/ /*padding round header*/ /*column header arrows*/ /*row theming*/ /*table row background color*/ /*table row background color*/ /*table border color*/ /*table text color*/ /*row background color on hover*/ /*row background color when selected*/ /*row background color when selected and hovered*/ /*border color for edit boxes*/ /*error indication*/ /*footer theming*/ /*border to tabulator*/ /*footer text color*/ /*footer border color*/ /*footer bottom separator color*/ /*footer bottom active text color*/ /*color for the active spreadsheet tab*/ /*range selection*/ /*range border color*/ /*range handle color*/ /*header background color when selected*/ /*header text color when selected*/ /*header background color when highlighted*/ /*header text color when highlighted*/ /*Tabulator Containing Element*/
.tabulator {
  position: relative;
  border: 1px solid #999;
  background-color: #fff;
  font-size: 16px;
  text-align: left;
  overflow: hidden;
  transform: translateZ(0);
}

.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
  min-width: 100%;
}

.tabulator[tabulator-layout=fitDataTable] {
  display: inline-block;
}

.tabulator.tabulator-block-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
} /*column header containing element*/
.tabulator .tabulator-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #999;
  background-color: #fff;
  color: #171717;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  outline: none;
}

.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}

.tabulator .tabulator-header .tabulator-header-contents {
  position: relative;
  overflow: hidden;
}

.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
  display: inline-block;
} /*individual column header element*/
.tabulator .tabulator-header .tabulator-col {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  border-right: 1px solid #aaa;
  background: #fff;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  position: absolute;
  border: 1px solid #999;
  background: #e6e6e6;
  pointer-events: none;
}

.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
  background-color: #D6D6D6;
  color: #000000;
}

.tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
  background-color: #3876ca;
  color: #FFFFFF;
} /*hold content of column header*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding: 4px;
} /*header menu button*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  padding: 0 8px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
  cursor: pointer;
  opacity: 0.6;
} /*hold title and sort arrow*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  position: relative;
} /*hold title of column header*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
  white-space: normal;
  text-overflow: initial;
} /*element to hold title editor*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #999;
  padding: 1px;
  background: #fff;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
  width: calc(100% - 22px);
} /*column sorter arrow*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #cbd5e1;
} /*complex header column group*/ /*gelement to hold sub columns in column group*/
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  position: relative;
  display: flex;
  border-top: 1px solid #aaa;
  overflow: hidden;
  margin-right: -1px;
} /*header filter containing element*/
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  position: relative;
  box-sizing: border-box;
  margin-top: 2px;
  width: 100%;
  text-align: center;
} /*styling adjustment for inbuilt editors*/
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  width: 0;
  height: 0;
} /*styling child elements for sortable columns*/
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 25px;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    cursor: pointer;
    background-color: #e6e6e6;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
  color: #cbd5e1;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-bottom: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #cbd5e1;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
  color: #1e293b;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-bottom: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #1e293b;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter {
  color: #1e293b;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-top: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: none;
  border-top: 6px solid #1e293b;
  color: #1e293b;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  transform: rotate(180deg);
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 20px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-right: 0;
  padding-bottom: 20px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  justify-content: center;
  left: 0;
  right: 0;
  top: 4px;
  bottom: auto;
}

.tabulator .tabulator-header .tabulator-frozen {
  position: sticky;
  left: 0;
  /* background-color: inherit;*/
  z-index: 11;
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #e5e5e5;
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #e5e5e5;
}

.tabulator .tabulator-header .tabulator-calcs-holder {
  box-sizing: border-box;
  display: inline-block;
  background: white !important;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #aaa;
} /* overflow: hidden;*/
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: white !important;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
  display: inline-block;
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
} /*scrolling element to hold table*/
.tabulator .tabulator-tableholder {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.tabulator .tabulator-tableholder:focus {
  outline: none;
} /*default placeholder element*/
.tabulator .tabulator-tableholder .tabulator-placeholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  width: 100%;
}

.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual] {
  min-height: 100%;
}

.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  display: inline-block;
  text-align: center;
  padding: 10px;
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
  white-space: normal;
} /*element to hold table rows*/
.tabulator .tabulator-tableholder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  overflow: visible;
  color: #171717;
} /*row element*/
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: bold;
  background: #e8e8e8 !important;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  border-bottom: 2px solid #e5e5e5;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  border-top: 2px solid #e5e5e5;
}

.tabulator .tabulator-tableholder .tabulator-range-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range {
  position: absolute;
  box-sizing: border-box;
  border: 1px solid #2975DD;
}

.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 6px;
  height: 6px;
  background-color: #2975DD;
  border-radius: 999px;
}

.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active {
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #2975DD;
} /*footer element*/
.tabulator .tabulator-footer {
  border-top: 1px solid #999;
  background-color: #fff;
  color: #171717;
  font-weight: bold;
  white-space: nowrap;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.tabulator .tabulator-footer .tabulator-footer-contents {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}

.tabulator .tabulator-footer .tabulator-footer-contents:empty {
  display: none;
}

.tabulator .tabulator-footer .tabulator-spreadsheet-tabs {
  margin-top: -5px;
  overflow-x: auto;
}

.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
  display: inline-block;
  padding: 5px;
  border: #999 1px solid;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 0.9em;
}

.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover {
  cursor: pointer;
  opacity: 0.7;
}

.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
  background: #fff;
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  background: white !important;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  display: inline-block;
  background: white !important;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  margin-bottom: -5px;
  border-bottom: none;
}

.tabulator .tabulator-footer > * + .tabulator-page-counter {
  margin-left: 10px;
}

.tabulator .tabulator-footer .tabulator-page-counter {
  font-weight: normal;
}

.tabulator .tabulator-footer .tabulator-paginator {
  flex: 1;
  text-align: right;
  color: #171717;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
} /*pagination container element*/
.tabulator .tabulator-footer .tabulator-page-size {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.tabulator .tabulator-footer .tabulator-pages {
  margin: 0 7px;
} /*pagination button*/
.tabulator .tabulator-footer .tabulator-page {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.2);
}

.tabulator .tabulator-footer .tabulator-page.active {
  color: #171717;
}

.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: 0.5;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
  }
} /*column resize handles*/
.tabulator .tabulator-col-resize-handle {
  position: relative;
  display: inline-block;
  width: 6px;
  margin-left: -3px;
  margin-right: -3px;
  z-index: 11;
  vertical-align: middle;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize;
  }
}
.tabulator .tabulator-col-resize-handle:last-of-type {
  width: 3px;
  margin-right: 0;
} /*column resize guide*/
.tabulator .tabulator-col-resize-guide {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  margin-left: -0.5px;
  background-color: #999;
  opacity: 0.5;
} /*row resize guide*/
.tabulator .tabulator-row-resize-guide {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  margin-top: -0.5px;
  background-color: #999;
  opacity: 0.5;
} /*holding div that contains loader and covers tabulator element to prevent interaction*/
.tabulator .tabulator-alert {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
} /*loading message element*/
.tabulator .tabulator-alert .tabulator-alert-msg {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
} /*loading message*/
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
  border: 4px solid #333;
  color: #000;
} /*error message*/
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
  border: 4px solid #D00;
  color: #590000;
} /*row element*/
.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 24px;
  background-color: #fff;
}

.tabulator-row.tabulator-row-even {
  background-color: #f5f5f5;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selectable:hover {
    background-color: #fafafa;
    cursor: pointer;
  }
}
.tabulator-row.tabulator-selected {
  background-color: #bfdbfe;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selected:hover {
    background-color: #93c5fd;
    cursor: pointer;
  }
}
.tabulator-row.tabulator-row-moving {
  border: 1px solid #000;
  background: #fff;
}

.tabulator-row.tabulator-moving {
  position: absolute;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  pointer-events: none;
  z-index: 15;
}

.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
  background-color: #D6D6D6;
  color: #000000;
}

.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  background-color: #3876ca;
  color: #FFFFFF;
}

.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  background-color: #3876ca;
  color: #FFFFFF;
} /*row resize handles*/
.tabulator-row .tabulator-row-resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}

.tabulator-row .tabulator-row-resize-handle.prev {
  top: 0;
  bottom: auto;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize;
  }
}
.tabulator-row .tabulator-responsive-collapse {
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}

.tabulator-row .tabulator-responsive-collapse table {
  font-size: 16px;
}

.tabulator-row .tabulator-responsive-collapse table tr td {
  position: relative;
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 10px;
} /*cell element*/
.tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-right: 1px solid #e5e5e5;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.tabulator-row .tabulator-cell.tabulator-row-header {
  border-right: 1px solid #999;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}

.tabulator-row .tabulator-cell.tabulator-frozen {
  display: inline-block;
  position: sticky;
  left: 0;
  background-color: inherit;
  z-index: 11;
}

.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #e5e5e5;
}

.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #e5e5e5;
}

.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #1D68CD;
  outline: none;
  padding: 0;
}

.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  border: 1px;
  background: transparent;
  outline: none;
}

.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #dd0000;
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  border: 1px;
  background: transparent;
  color: #dd0000;
} /*movable row handle*/
.tabulator-row .tabulator-cell.tabulator-row-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
} /*handle holder*/
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
} /*Hamburger element*/
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background: #666;
}

.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
  background-color: #bfdbfe;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
  display: inline-block;
  width: 7px;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #171717;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #171717;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #171717;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #171717;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #666;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
  stroke: #fff;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}

.tabulator-row .tabulator-cell .tabulator-traffic-light {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
} /*row grouping element*/
.tabulator-row.tabulator-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #ccc;
  font-weight: bold;
  min-width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1e293b;
  border-bottom: 0;
}

.tabulator-row.tabulator-group.tabulator-group-level-1 {
  padding-left: 30px;
}

.tabulator-row.tabulator-group.tabulator-group-level-2 {
  padding-left: 50px;
}

.tabulator-row.tabulator-group.tabulator-group-level-3 {
  padding-left: 70px;
}

.tabulator-row.tabulator-group.tabulator-group-level-4 {
  padding-left: 90px;
}

.tabulator-row.tabulator-group.tabulator-group-level-5 {
  padding-left: 110px;
}

.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
} /*sorting arrow*/
.tabulator-row.tabulator-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #1e293b;
  vertical-align: middle;
}

.tabulator-row.tabulator-group span {
  margin-left: 10px;
  color: #d00;
}

.tabulator-toggle {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  border: 1px solid #ccc;
  background: #dcdcdc;
}

.tabulator-toggle.tabulator-toggle-on {
  background: #1c6cc2;
}

.tabulator-toggle .tabulator-toggle-switch {
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.tabulator-popup-container {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}

.tabulator-popup {
  padding: 5px;
  border-radius: 3px;
}

.tabulator-tooltip {
  max-width: min(500px, 100%);
  padding: 3px 5px;
  border-radius: 2px;
  box-shadow: none;
  font-size: 12px;
  pointer-events: none;
}

.tabulator-menu .tabulator-menu-item {
  position: relative;
  box-sizing: border-box;
  padding: 5px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: 0.5;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    cursor: pointer;
    background: #f5f5f5;
  }
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  padding-right: 25px;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
  display: inline-block;
  position: absolute;
  top: calc(5px + 0.4em);
  right: 10px;
  height: 7px;
  width: 7px;
  content: "";
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #e5e5e5;
  vertical-align: top;
  transform: rotate(45deg);
}

.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid #e5e5e5;
}

.tabulator-edit-list {
  max-height: 200px;
  font-size: 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.tabulator-edit-list .tabulator-edit-list-item {
  padding: 4px;
  color: #171717;
  outline: none;
}

.tabulator-edit-list .tabulator-edit-list-item.active {
  color: #fff;
  background: #1D68CD;
}

.tabulator-edit-list .tabulator-edit-list-item.active.focused {
  outline: 1px solid rgba(255, 255, 255, 0.5);
}

.tabulator-edit-list .tabulator-edit-list-item.focused {
  outline: 1px solid #1D68CD;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-edit-list .tabulator-edit-list-item:hover {
    cursor: pointer;
    color: #fff;
    background: #1D68CD;
  }
}
.tabulator-edit-list .tabulator-edit-list-placeholder {
  padding: 4px;
  color: #171717;
  text-align: center;
}

.tabulator-edit-list .tabulator-edit-list-group {
  border-bottom: 1px solid #e5e5e5;
  padding: 4px;
  padding-top: 6px;
  color: #171717;
  font-weight: bold;
}

.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
  padding-left: 12px;
}

.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
  padding-left: 20px;
}

.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
  padding-left: 28px;
}

.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5, .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
  padding-left: 36px;
} /*RTL Styling*/
.tabulator.tabulator-ltr {
  direction: ltr;
}

.tabulator.tabulator-rtl {
  text-align: initial;
  direction: rtl;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  text-align: initial;
  border-left: 1px solid #aaa;
  border-right: initial;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  margin-right: initial;
  margin-left: -1px;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-left: 25px;
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  left: 8px;
  right: initial;
}

.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
  content: "";
  position: absolute;
  left: -3px;
  right: initial;
  bottom: -3px;
  width: 6px;
  height: 6px;
  background-color: #2975DD;
  border-radius: 999px;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  border-right: initial;
  border-left: 1px solid #e5e5e5;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  margin-right: initial;
  margin-left: 5px;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: 1px;
  border-left: initial;
  border-right: 2px solid #e5e5e5;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  margin-right: initial;
  margin-left: 5px;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-left: 2px solid #e5e5e5;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-right: 2px solid #e5e5e5;
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
  width: 3px;
  margin-left: 0;
  margin-right: -3px;
}

.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
  text-align: initial;
} /* Table print styling*/
.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  display: none !important;
}

.tabulator-print-table {
  border-collapse: collapse;
}

.tabulator-print-table .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
} /*row grouping element*/
.tabulator-print-table .tabulator-print-table-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #ccc;
  font-weight: bold;
  min-width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-print-table-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1e293b;
  border-bottom: 0;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  padding-left: 30px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  padding-left: 50px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  padding-left: 70px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  padding-left: 90px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  padding-left: 110px !important;
}

.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
} /*sorting arrow*/
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #1e293b;
  vertical-align: middle;
}

.tabulator-print-table .tabulator-print-table-group span {
  margin-left: 10px;
  color: #d00;
}

.tabulator-print-table .tabulator-data-tree-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #171717;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #171717;
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #171717;
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #171717;
} /*Tabulator Containing Element*/
.tabulator {
  border-width: 0px;
} /*column header containing element*/
.tabulator .tabulator-header {
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: #e5e5e5;
} /*individual column header element*/
.tabulator .tabulator-header .tabulator-col {
  border-width: 0px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  border-color: #e5e5e5;
  background: #e6e6e6;
} /*hold content of column header*/
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0px;
  padding-bottom: 0.75rem;
} /*header filter containing element*/
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input {
  width: 100%;
  line-height: 1.5;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(163 163 163/var(--tw-text-opacity));
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(163 163 163/var(--tw-text-opacity));
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246/var(--tw-border-opacity));
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input[type=checkbox] {
  height: 1.25rem;
} /*styling child elements for sortable columns*/
.tabulator .tabulator-header .tabulator-col.tabulator-sortable {
  transition-property: all;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 1.5rem;
} /*footer element*/
.tabulator .tabulator-footer {
  border-top-width: 1px;
  border-style: solid;
  border-top-color: #e5e5e5;
}

.tabulator .tabulator-footer .tabulator-footer-contents {
  padding-left: 0px;
  padding-right: 0px;
}

.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-page-counter {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-paginator {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.tabulator .tabulator-footer .tabulator-footer-contents .tabulator-paginator label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
} /*page size select element*/
.tabulator .tabulator-footer .tabulator-page-size {
  height: 2rem;
  width: auto;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 0.25rem;
  padding-right: 1.5rem;
  background-position: right 0.1rem center;
}

.tabulator .tabulator-footer .tabulator-page-size: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(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 rgba(0, 0, 0, 0));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 1px;
} /*pagination container element*/
.tabulator .tabulator-footer .tabulator-pages {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
} /*pagination button*/
.tabulator .tabulator-footer .tabulator-page {
  height: 2rem;
  width: 2rem;
  margin-left: 1px;
  margin-right: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  text-align: center;
  line-height: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  font-size: [object Object];
}

.tabulator .tabulator-footer .tabulator-page.btn-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1.125rem;
  font-size: [object Object];
}

.tabulator .tabulator-footer .tabulator-page.btn-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.875rem;
  font-size: [object Object];
}

.tabulator .tabulator-footer .tabulator-page.btn-xs {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.75rem;
  font-size: [object Object];
}

.tabulator .tabulator-footer .tabulator-page:focus {
  outline: 1px solid transparent;
  outline-offset: 1px;
}

.tabulator .tabulator-footer .tabulator-page {
  color: #475569;
  background-color: #ffffff;
  border-color: #334155;
}

.tabulator .tabulator-footer .tabulator-page:hover {
  color: #ffffff;
  background-color: #475569;
  border-color: #1e293b;
}

.tabulator .tabulator-footer .tabulator-page:focus {
  outline-color: #334155;
}

.buttons-container.disabled .tabulator .tabulator-footer .tabulator-page {
  position: relative;
}

.buttons-container.disabled .tabulator .tabulator-footer .tabulator-page:after {
  content: "";
  position: absolute;
  z-index: 30;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(115 115 115/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.tabulator .tabulator-footer .tabulator-page {
  font-weight: 600;
  text-decoration-line: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.tabulator .tabulator-footer .tabulator-page.btn-action {
  height: 2rem;
  width: 2rem;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ticket-history .new-message-form .tabulator .tabulator-footer .tabulator-page {
  border-radius: 0.5rem;
}

.tabulator .tabulator-footer .tabulator-page {
  padding: 0px;
}

.tabulator .tabulator-footer .tabulator-page:hover {
  color: #475569;
  background-color: #ffffff;
  border-color: #334155;
}

.tabulator .tabulator-footer .tabulator-page:hover:hover {
  color: #ffffff;
  background-color: #475569;
  border-color: #1e293b;
}

.tabulator .tabulator-footer .tabulator-page:hover:focus {
  outline-color: #334155;
}

.tabulator .tabulator-footer .tabulator-page.active {
  /*color: $footerActiveColor;
  border-color: $footerActiveColor;*/
  color: #ffffff;
  background-color: #475569;
  border-color: #334155;
}

.tabulator .tabulator-footer .tabulator-page.active:hover {
  color: #ffffff;
  background-color: #334155;
  border-color: #1e293b;
}

.tabulator .tabulator-footer .tabulator-page.active:focus {
  outline-color: #334155;
} /*holding div that contains loader and covers tabulator element to prevent interaction*/
.tabulator .tabulator-alert {
  background: white;
} /*loading message element*/
.tabulator .tabulator-alert .tabulator-alert-msg {
  font-size: 1.25rem;
  line-height: 1.75rem;
  border-width: 2px;
} /*loading message*/
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
  border-color: #0369a1;
  color: #0369a1;
} /*error message*/
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
  border-color: #dc2626;
  color: #ef4444;
}

.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  font-weight: 600;
} /*row element*/
.tabulator-row {
  border-bottom-width: 1px;
  border-style: solid;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
  border-bottom-color: #e5e5e5;
}

.tabulator-row .tabulator-cell {
  border-right: 0;
}

.tabulator-row .tabulator-cell.action-column {
  padding: 0px;
  padding-left: 0.25rem;
}

.tabulator-row .tabulator-row-handle:hover {
  cursor: move;
}

.tabulator-row .tabulator-responsive-collapse {
  padding: 0.25rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-top-color: #e5e5e5;
  border-bottom: #e5e5e5;
}

.tabulator-row .tabulator-responsive-collapse table {
  font-size: 1rem;
  line-height: 1.5rem;
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 0.5rem;
}

:root {
  --ss-primary-color: #2563eb; /*#5897fb;*/
  --ss-bg-color: #fff; /*#ffffff;*/
  --ss-font-color: #171717; /*#4d4d4d;*/
  --ss-font-placeholder-color: #737373; /*#8D8D8D;*/
  --ss-disabled-color: #e5e5e5; /*#dcdee2;*/
  --ss-border-color: #e5e5e5; /*#dcdee2;*/
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #16a34a; /*#00b755;*/
  --ss-error-color: #dc2626; /*#dc3545;*/
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 0px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  -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;
}

.ss-main: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;
}

.ss-main::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

.ss-main::placeholder {
  color: #6b7280;
  opacity: 1;
}

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

.ss-main::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

.ss-main::-webkit-datetime-edit {
  display: inline-flex;
}

.ss-main::-webkit-datetime-edit, .ss-main::-webkit-datetime-edit-year-field, .ss-main::-webkit-datetime-edit-month-field, .ss-main::-webkit-datetime-edit-day-field, .ss-main::-webkit-datetime-edit-hour-field, .ss-main::-webkit-datetime-edit-minute-field, .ss-main::-webkit-datetime-edit-second-field, .ss-main::-webkit-datetime-edit-millisecond-field, .ss-main::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

.ss-main {
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
}

.ss-main::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ss-main::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ss-main[type=text]:-moz-read-only, .ss-main[type=date]:-moz-read-only, .ss-main[type=datetime]:-moz-read-only, .ss-main[type=number]:-moz-read-only, .ss-main[type=email]:-moz-read-only, .ss-main[type=tel]:-moz-read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.ss-main.readonly, .ss-main[type=text]:read-only, .ss-main[type=date]:read-only, .ss-main[type=datetime]:read-only, .ss-main[type=number]:read-only, .ss-main[type=email]:read-only, .ss-main[type=tel]:read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.ss-main.readonly::-moz-placeholder, .ss-main[type=text]:read-only::-moz-placeholder, .ss-main[type=date]:read-only::-moz-placeholder, .ss-main[type=datetime]:read-only::-moz-placeholder, .ss-main[type=number]:read-only::-moz-placeholder, .ss-main[type=email]:read-only::-moz-placeholder, .ss-main[type=tel]:read-only::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.ss-main[type=text]:-moz-read-only::placeholder, .ss-main[type=date]:-moz-read-only::placeholder, .ss-main[type=datetime]:-moz-read-only::placeholder, .ss-main[type=number]:-moz-read-only::placeholder, .ss-main[type=email]:-moz-read-only::placeholder, .ss-main[type=tel]:-moz-read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.ss-main.readonly::placeholder, .ss-main[type=text]:read-only::placeholder, .ss-main[type=date]:read-only::placeholder, .ss-main[type=datetime]:read-only::placeholder, .ss-main[type=number]:read-only::placeholder, .ss-main[type=email]:read-only::placeholder, .ss-main[type=tel]:read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.ss-main[type=text]:-moz-read-only:hover, .ss-main[type=date]:-moz-read-only:hover, .ss-main[type=datetime]:-moz-read-only:hover, .ss-main[type=number]:-moz-read-only:hover, .ss-main[type=email]:-moz-read-only:hover, .ss-main[type=tel]:-moz-read-only:hover {
  cursor: not-allowed;
}

.ss-main.readonly:hover, .ss-main[type=text]:read-only:hover, .ss-main[type=date]:read-only:hover, .ss-main[type=datetime]:read-only:hover, .ss-main[type=number]:read-only:hover, .ss-main[type=email]:read-only:hover, .ss-main[type=tel]:read-only:hover {
  cursor: not-allowed;
}

.ss-main.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.ss-main[type=color] {
  -webkit-appearance: none;
  height: 42px;
}

.ss-main[type=color]::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.ss-main[type=color]::-webkit-color-swatch {
  border-radius: 0.125rem;
}

.ss-main[type=color].form-sm {
  height: 34px;
}

.input-group .ss-main {
  flex-grow: 1;
}

.ticket-history .new-message-form .ss-main {
  --tw-bg-opacity: 0.8;
  border-radius: 0.5rem;
}

.ss-main {
  display: flex;
  cursor: pointer;
}

.ss-main.ss-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values {
  --tw-text-opacity: 1;
  color: rgb(229 229 229/var(--tw-text-opacity));
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-deselect {
  display: none;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 2px 0;
}

.ss-main .ss-values .ss-max {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
}

.ss-main .ss-values .ss-value {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  padding: 2px 0;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--ss-bg-color);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-error-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search 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;
}

.ss-content .ss-search 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;
}

.ss-content .ss-search input::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

.ss-content .ss-search input::placeholder {
  color: #6b7280;
  opacity: 1;
}

.ss-content .ss-search input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

.ss-content .ss-search input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

.ss-content .ss-search input::-webkit-datetime-edit {
  display: inline-flex;
}

.ss-content .ss-search input::-webkit-datetime-edit, .ss-content .ss-search input::-webkit-datetime-edit-year-field, .ss-content .ss-search input::-webkit-datetime-edit-month-field, .ss-content .ss-search input::-webkit-datetime-edit-day-field, .ss-content .ss-search input::-webkit-datetime-edit-hour-field, .ss-content .ss-search input::-webkit-datetime-edit-minute-field, .ss-content .ss-search input::-webkit-datetime-edit-second-field, .ss-content .ss-search input::-webkit-datetime-edit-millisecond-field, .ss-content .ss-search input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

.ss-content .ss-search input {
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
}

.ss-content .ss-search input::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ss-content .ss-search input::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ss-content .ss-search input[type=text]:-moz-read-only, .ss-content .ss-search input[type=date]:-moz-read-only, .ss-content .ss-search input[type=datetime]:-moz-read-only, .ss-content .ss-search input[type=number]:-moz-read-only, .ss-content .ss-search input[type=email]:-moz-read-only, .ss-content .ss-search input[type=tel]:-moz-read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.ss-content .ss-search input.readonly, .ss-content .ss-search input[type=text]:read-only, .ss-content .ss-search input[type=date]:read-only, .ss-content .ss-search input[type=datetime]:read-only, .ss-content .ss-search input[type=number]:read-only, .ss-content .ss-search input[type=email]:read-only, .ss-content .ss-search input[type=tel]:read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.ss-content .ss-search input.readonly::-moz-placeholder, .ss-content .ss-search input[type=text]:read-only::-moz-placeholder, .ss-content .ss-search input[type=date]:read-only::-moz-placeholder, .ss-content .ss-search input[type=datetime]:read-only::-moz-placeholder, .ss-content .ss-search input[type=number]:read-only::-moz-placeholder, .ss-content .ss-search input[type=email]:read-only::-moz-placeholder, .ss-content .ss-search input[type=tel]:read-only::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.ss-content .ss-search input[type=text]:-moz-read-only::placeholder, .ss-content .ss-search input[type=date]:-moz-read-only::placeholder, .ss-content .ss-search input[type=datetime]:-moz-read-only::placeholder, .ss-content .ss-search input[type=number]:-moz-read-only::placeholder, .ss-content .ss-search input[type=email]:-moz-read-only::placeholder, .ss-content .ss-search input[type=tel]:-moz-read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.ss-content .ss-search input.readonly::placeholder, .ss-content .ss-search input[type=text]:read-only::placeholder, .ss-content .ss-search input[type=date]:read-only::placeholder, .ss-content .ss-search input[type=datetime]:read-only::placeholder, .ss-content .ss-search input[type=number]:read-only::placeholder, .ss-content .ss-search input[type=email]:read-only::placeholder, .ss-content .ss-search input[type=tel]:read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.ss-content .ss-search input[type=text]:-moz-read-only:hover, .ss-content .ss-search input[type=date]:-moz-read-only:hover, .ss-content .ss-search input[type=datetime]:-moz-read-only:hover, .ss-content .ss-search input[type=number]:-moz-read-only:hover, .ss-content .ss-search input[type=email]:-moz-read-only:hover, .ss-content .ss-search input[type=tel]:-moz-read-only:hover {
  cursor: not-allowed;
}

.ss-content .ss-search input.readonly:hover, .ss-content .ss-search input[type=text]:read-only:hover, .ss-content .ss-search input[type=date]:read-only:hover, .ss-content .ss-search input[type=datetime]:read-only:hover, .ss-content .ss-search input[type=number]:read-only:hover, .ss-content .ss-search input[type=email]:read-only:hover, .ss-content .ss-search input[type=tel]:read-only:hover {
  cursor: not-allowed;
}

.ss-content .ss-search input.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.ss-content .ss-search input[type=color] {
  -webkit-appearance: none;
  height: 42px;
}

.ss-content .ss-search input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.ss-content .ss-search input[type=color]::-webkit-color-swatch {
  border-radius: 0.125rem;
}

.ss-content .ss-search input[type=color].form-sm {
  height: 34px;
}

.input-group .ss-content .ss-search input {
  flex-grow: 1;
}

.ticket-history .new-message-form .ss-content .ss-search input {
  --tw-bg-opacity: 0.8;
  border-radius: 0.5rem;
}

.ss-content .ss-search input {
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  /*      &::placeholder {
       color: var(--ss-font-placeholder-color);
       vertical-align: middle;
     }

     &:focus {
       box-shadow: 0 0 5px var(--ss-primary-color);
     }*/
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: flex;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  color: var(--ss-font-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--ss-highlight-color);
}

.cm-editor {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
} /*!
* FilePond 4.31.1
* Licensed under MIT, https://opensource.org/licenses/MIT/
* Please visit https://pqina.nl/filepond/ for details.
*/ /* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
} /* Hard to override styles */
.filepond--browser.filepond--browser {
  /* is positioned absolute so it is focusable for form validation errors */
  position: absolute;
  margin: 0;
  padding: 0;
  /* is positioned ~behind drop label */
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  /* hide visually */
  opacity: 0;
  font-size: 0; /* removes text cursor in Internet Explorer 11 */
}

.filepond--data {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  visibility: hidden;
  pointer-events: none;
  contain: strict;
}

.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  /* can't interact with this element */
  pointer-events: none;
  /* inherit border radius from parent (needed for drip-blob cut of) */
  border-radius: 0.5em;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}

.filepond--drip-blob {
  position: absolute;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--drop-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  /* center contents */
  display: flex;
  justify-content: center;
  align-items: center;
  /* fixes IE11 centering problems (is overruled by label min-height) */
  height: 0px;
  /* dont allow selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* will be animated */
  will-change: transform, opacity;
} /* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 0.5em; /* use padding instead of margin so click area is not impacted */
}

.filepond--drop-label label {
  cursor: default;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}

.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: #a7a4a4;
  cursor: pointer;
}

.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
} /* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
  /* hidden label */
}

.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file-action-button.filepond--file-action-button {
  /* scale SVG to fill button */
}

.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}

.filepond--file-action-button.filepond--file-action-button {
  /* bigger touch area */
}

.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: "";
} /* Soft styles */
.filepond--file-action-button {
  /* use default arrow cursor */
  cursor: auto;
  /* reset default button styles */
  color: #fff;
  /* set default look n feel */
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  /* we animate box shadow on focus */
  /* it's only slightly slower than animating */
  /* a pseudo-element with transforms and renders */
  /* a lot better on chrome */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in;
}

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}

.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}

.filepond--file-action-button[hidden] {
  display: none;
} /* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: 0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
  margin-left: -0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
  margin-bottom: -0.1875em;
}

.filepond--action-edit-item-alt {
  border: none;
  line-height: inherit;
  background: transparent;
  font-family: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0 0 0 0.25em;
  pointer-events: all;
  position: absolute;
}

.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}

.filepond--action-edit-item-alt span {
  font-size: 0;
  opacity: 0;
}

.filepond--file-info {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* no margins on children */
}

.filepond--file-info * {
  margin: 0;
}

.filepond--file-info {
  /* we don't want to have these overrules so these selectors are a bit more specific */
}

.filepond--file-info .filepond--file-info-main {
  font-size: 0.75em;
  line-height: 1.2;
  /* we want ellipsis if this bar gets too wide */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.filepond--file-info .filepond--file-info-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}

.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}

.filepond--file-status {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* no margins on children */
}

.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}

.filepond--file-status {
  /* font sizes */
}

.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2;
}

.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
} /* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
  /* hide legend for visual users */
}

.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file {
  position: static;
  display: flex;
  height: 100%;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em;
  /* control positions */
}

.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}

.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 3;
}

.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}

.filepond--file {
  /* .filepond--file-action-button */
}

.filepond--file [data-align*=left] {
  left: 0.5625em;
}

.filepond--file [data-align*=right] {
  right: 0.5625em;
}

.filepond--file [data-align*=center] {
  left: calc(50% - 0.8125em); /* .8125 is half of button width */
}

.filepond--file [data-align*=bottom] {
  bottom: 1.125em;
}

.filepond--file [data-align=center] {
  top: calc(50% - 0.8125em);
}

.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*=right] {
  margin-right: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*=left] {
  margin-left: 0.1875em;
} /* make sure text does not overlap */
[data-filepond-item-state=cancelled] .filepond--file-info,
[data-filepond-item-state*=invalid] .filepond--file-info,
[data-filepond-item-state*=error] .filepond--file-info {
  margin-right: 2.25em;
}

[data-filepond-item-state~=processing] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state=processing-error] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state=processing-complete] {
  /* busy state */
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
  animation: fall 0.5s 0.125s linear both;
}

[data-filepond-item-state=processing-complete] {
  /* hide details by default, only show when can revert */
}

[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state=processing-complete] .filepond--file-info-sub {
  opacity: 0;
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
  opacity: 0.5;
} /* file state can be invalid or error, both are visually similar but */ /* having them as separate states might be useful */
[data-filepond-item-state*=invalid] .filepond--panel,
[data-filepond-item-state*=invalid] .filepond--file-wrapper,
[data-filepond-item-state*=error] .filepond--panel,
[data-filepond-item-state*=error] .filepond--file-wrapper {
  animation: shake 0.65s linear both;
} /* spins progress indicator when file is marked as busy */
[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
  animation: spin 1s linear infinite;
} /**
* States
*/
@keyframes spin {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translateX(-0.0625em);
  }
  20%, 80% {
    transform: translateX(0.125em);
  }
  30%, 50%, 70% {
    transform: translateX(-0.25em);
  }
  40%, 60% {
    transform: translateX(0.25em);
  }
}
@keyframes fall {
  0% {
    opacity: 0;
    transform: scale(0.5);
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
} /* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state=drag-over] > * {
  pointer-events: none;
} /* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state=drag-over]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.filepond--progress-indicator {
  z-index: 103;
}

.filepond--file-action-button {
  z-index: 102;
}

.filepond--file-status {
  z-index: 101;
}

.filepond--file-info {
  z-index: 100;
}

.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
  touch-action: none;
  /* item children order */
}

.filepond--item > .filepond--panel {
  z-index: -1;
} /* has a slight shadow */
.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}

.filepond--item {
  /* drag related */
}

.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
  transition: opacity 0.15s ease-out;
}

.filepond--item[data-drag-state] {
  cursor: grab;
}

.filepond--item[data-drag-state] > .filepond--panel {
  transition: box-shadow 0.125s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.filepond--item[data-drag-state=drag] {
  cursor: grabbing;
}

.filepond--item[data-drag-state=drag] > .filepond--panel {
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}

.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
  z-index: 2;
} /* states */
.filepond--item-panel {
  background-color: #64605e;
}

[data-filepond-item-state=processing-complete] .filepond--item-panel {
  background-color: #369763;
}

[data-filepond-item-state*=invalid] .filepond--item-panel,
[data-filepond-item-state*=error] .filepond--item-panel {
  background-color: #c44e47;
} /* style of item panel */
.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s;
} /* normal mode */
.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
} /* scroll mode */
.filepond--list-scroller[data-state=overflow] .filepond--list {
  bottom: 0;
  right: 0;
}

.filepond--list-scroller[data-state=overflow] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
} /* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
} /* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* prevents endless paint calls on filepond--list-scroller */
  will-change: transform;
} /* used for padding so allowed to be restyled */
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}

.filepond--root[data-style-panel-layout~=integrated] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}

.filepond--root[data-style-panel-layout~=circle],
.filepond--root[data-style-panel-layout~=integrated] {
  /* we're only loading one item, this makes the intro animation a bit nicer */
}

.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
  display: none;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--item,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
  margin: 0;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
  height: 100%;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  z-index: 7;
}

.filepond--root[data-style-panel-layout~=circle] {
  border-radius: 99999rem;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~=circle] > .filepond--panel {
  border-radius: inherit;
}

.filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] {
  /* circle cuts of this info, so best to hide it */
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file-info {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
} /* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .filepond--root[data-style-panel-layout~=circle] {
      will-change: transform;
    }
  }
}
.filepond--panel-root {
  border-radius: 0.5em;
  background-color: #f1f0ef;
}

.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
  height: 100% !important;
  /* no interaction possible with panel */
  pointer-events: none;
}

.filepond-panel:not([data-scalable=false]) {
  height: auto !important;
}

.filepond--panel[data-scalable=false] > div {
  display: none;
}

.filepond--panel[data-scalable=true] {
  /* this seems to fix Chrome performance issues */
  /* - when box-shadow is enabled */
  /* - when multiple ponds are active on the same page */
  transform-style: preserve-3d;
  /* prevent borders and backgrounds */
  background-color: transparent !important;
  border: none !important;
}

.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}

.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
  /* fixes tiny transparant line between top and center panel */
}

.filepond--panel-top::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}

.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: left top;
  transform: translate3d(0, 0.5em, 0);
}

.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
  /* fixes tiny transparant line between bottom and center of panel */
}

.filepond--panel-bottom::before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}

.filepond--panel-center {
  /* the center panel is scaled using scale3d to fit the correct height */
  /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}

.filepond--panel-center:not([style]) {
  visibility: hidden;
}

.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  /* can't have margins */
  margin: 0;
  /* no interaction possible with progress indicator */
  pointer-events: none;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box; /* should center the animation correctly when zoomed in */
}

.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}

.filepond--list-scroller {
  z-index: 6;
}

.filepond--drop-label {
  z-index: 5;
}

.filepond--drip {
  z-index: 3;
}

.filepond--root > .filepond--panel {
  z-index: 2;
}

.filepond--browser {
  z-index: 1;
}

.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* up uses default system font family */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  /* default text alignment */
  text-align: left;
  /* better text rendering on Safari */
  text-rendering: optimizeLegibility;
  /* text direction is ltr for now */
  direction: ltr;
  /* optimize rendering */
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
  contain: layout style size;
  /* correct box sizing, line-height and positioning on child elements */
}

.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}

.filepond--root *:not(text) {
  font-size: inherit;
}

.filepond--root {
  /* block everything */
}

.filepond--root[data-disabled] {
  pointer-events: none;
}

.filepond--root[data-disabled] .filepond--list-scroller {
  pointer-events: all;
}

.filepond--root[data-disabled] .filepond--list {
  pointer-events: none;
} /**
* Root element children layout
*/
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}

.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}

.filepond--root .filepond--credits {
  position: absolute;
  right: 0;
  opacity: 0.175;
  line-height: 0.85;
  font-size: 11px;
  color: inherit;
  text-decoration: none;
  z-index: 3;
  bottom: -14px;
}

.filepond--root .filepond--credits[style] {
  top: 0;
  bottom: auto;
  margin-top: 14px;
} /*!
* FilePondPluginImagePreview 4.6.12
* Licensed under MIT, https://opensource.org/licenses/MIT/
* Please visit https://pqina.nl/filepond/ for details.
*/ /* eslint-disable */
.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}

.filepond--image-preview-wrapper {
  z-index: 2;
}

.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}

.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}

.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: rgb(54, 151, 99);
}

.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: rgb(196, 78, 71);
} /* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}
.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}

.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */
  align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  /* transparency indicator (currently only supports grid or basic color) */
}

.filepond--image-clip[data-transparency-indicator=grid] img,
.filepond--image-clip[data-transparency-indicator=grid] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 100 100%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23eee%27%3E%3Cpath d=%27M0 0 H50 V50 H0%27/%3E%3Cpath d=%27M50 50 H100 V100 H50%27/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}

.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  transform: scaleY(-1);
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
  margin-bottom: 0.325em;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
  left: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
  right: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
  margin-bottom: 0.5125em;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}

.filepond--item {
  width: calc(25% - 0.5em);
} /* the text color of the drop label*/
.filepond--drop-label {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(38 38 38/var(--tw-text-opacity));
} /* underline color for "Browse" button */
.filepond--label-action {
  text-decoration-color: #737373;
} /* the background color of the filepond drop area */
.filepond--panel-root {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212/var(--tw-bg-opacity));
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235/var(--tw-border-opacity));
  border-radius: 0px;
} /* the border radius of the file item */
.filepond--item-panel {
  border-radius: 0.25rem;
} /* the background color of the drop circle */
.filepond--drip-blob {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64/var(--tw-bg-opacity));
} /*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
} /* Attention seekers  */
@keyframes bounce {
  from, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}

@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}

@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
} /* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
} /* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}

@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}

@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}

@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
} /* Bouncing entrances  */
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
} /* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
} /* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}

@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}

@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
} /* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}

@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}

@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}

@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
} /* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
} /* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}

@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
} /* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}

@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}

@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
} /* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}

@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}

@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
} /* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
} /* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
} /* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
} /* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
} /* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}

#drawflow {
  position: relative;
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 1rem;
  overflow: hidden;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
  touch-action: none;
  background-position: -7px -11px;
  background-size: 25px 25px;
  background-image: linear-gradient(to right, #e5e5e5 1px, transparent 1px), linear-gradient(to bottom, #e5e5e5 1px, transparent 1px);
  /*min-height: calc(100vh - 240px);*/
  min-height: calc(100vh - 206px);
}

.drawflow-transition {
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
}

.drawflow-inner {
  position: relative;
}

.drawflow {
  flex-grow: 1;
  transform-origin: top left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  perspective: 0;
}

.drawflow .parent-node {
  position: relative;
}

.drawflow svg {
  position: absolute;
  z-index: 0;
  overflow: visible !important;
}

.drawflow .drawflow-node {
  display: flex;
  align-items: center;
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  border-radius: 0px;
  z-index: 10;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  width: 16rem;
}

.drawflow .drawflow-node:before {
  content: attr(id);
  position: absolute;
  top: 0.25rem;
  left: 50%;
  --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));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

.drawflow .drawflow-node:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233/var(--tw-border-opacity));
  z-index: 40;
}

.drawflow .drawflow-node.selected {
  z-index: 40;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233/var(--tw-border-opacity));
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  box-shadow: 0 0 0.25rem 0 #0ea5e9;
}

.drawflow .drawflow-node .inputs {
  z-index: 40;
  position: absolute;
  top: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  left: 0px;
  justify-content: flex-start;
  --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));
}

.drawflow .drawflow-node .input {
  z-index: 40;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  cursor: crosshair;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.drawflow .drawflow-node .input:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233/var(--tw-border-opacity));
}

.drawflow .drawflow-node .outputs {
  z-index: 40;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 1.25rem;
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  right: 0px;
  justify-content: flex-end;
  --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));
}

.drawflow .drawflow-node .outputs .output {
  z-index: 40;
  position: absolute;
  left: 0px;
  height: 1.25rem;
  width: 1.25rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  cursor: crosshair;
}

.drawflow .drawflow-node .outputs .output:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233/var(--tw-border-opacity));
}

.drawflow .drawflow-node .outputs .output {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.drawflow .drawflow-node .drawflow_content_node {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: 100%;
  width: 100%;
}

.drawflow .drawflow-node .drawflow_content_node .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
}

.drawflow .drawflow-node .drawflow_content_node .title:hover {
  cursor: move;
}

.drawflow .drawflow-node .drawflow_content_node .title .i-mdi-file-document-edit {
  --tw-text-opacity: 1;
  color: rgb(202 138 4/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node .title .i-mdi-file-document-edit.selected {
  --tw-text-opacity: 1;
  color: rgb(22 163 74/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node .title .i-mdi-question-mark-circle {
  --tw-text-opacity: 1;
  color: rgb(202 138 4/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node .title .i-mdi-question-mark-circle.selected {
  --tw-text-opacity: 1;
  color: rgb(2 132 199/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text],
.drawflow .drawflow-node .drawflow_content_node [type=number],
.drawflow .drawflow-node .drawflow_content_node [type=date],
.drawflow .drawflow-node .drawflow_content_node textarea,
.drawflow .drawflow-node .drawflow_content_node select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]:focus,
.drawflow .drawflow-node .drawflow_content_node [type=number]:focus,
.drawflow .drawflow-node .drawflow_content_node [type=date]:focus,
.drawflow .drawflow-node .drawflow_content_node textarea:focus,
.drawflow .drawflow-node .drawflow_content_node select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #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;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number]::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date]::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number]::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date]::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea::placeholder,
.drawflow .drawflow-node .drawflow_content_node select::placeholder {
  color: #6b7280;
  opacity: 1;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-fields-wrapper,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-fields-wrapper,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-fields-wrapper,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-fields-wrapper,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-date-and-time-value,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-date-and-time-value,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-date-and-time-value,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-date-and-time-value,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit {
  display: inline-flex;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-year-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-month-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-day-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-hour-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-minute-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-second-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-millisecond-field, .drawflow .drawflow-node .drawflow_content_node [type=text]::-webkit-datetime-edit-meridiem-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-year-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-month-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-day-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-hour-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-minute-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-second-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-millisecond-field,
.drawflow .drawflow-node .drawflow_content_node [type=number]::-webkit-datetime-edit-meridiem-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-year-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-month-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-day-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-hour-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-minute-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-second-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-millisecond-field,
.drawflow .drawflow-node .drawflow_content_node [type=date]::-webkit-datetime-edit-meridiem-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-year-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-month-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-day-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-hour-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-minute-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-second-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-millisecond-field,
.drawflow .drawflow-node .drawflow_content_node textarea::-webkit-datetime-edit-meridiem-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-year-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-month-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-day-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-hour-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-minute-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-second-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-millisecond-field,
.drawflow .drawflow-node .drawflow_content_node select::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

.drawflow .drawflow-node .drawflow_content_node [type=text],
.drawflow .drawflow-node .drawflow_content_node [type=number],
.drawflow .drawflow-node .drawflow_content_node [type=date],
.drawflow .drawflow-node .drawflow_content_node textarea,
.drawflow .drawflow-node .drawflow_content_node select {
  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-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number]::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date]::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.drawflow .drawflow-node .drawflow_content_node [type=text]::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number]::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date]::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea::placeholder,
.drawflow .drawflow-node .drawflow_content_node select::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node textarea[type=text]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node textarea[type=date]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node textarea[type=number]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node textarea[type=email]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node select[type=text]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node select[type=date]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node select[type=datetime]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node select[type=number]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node select[type=email]:-moz-read-only, .drawflow .drawflow-node .drawflow_content_node select[type=tel]:-moz-read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text].readonly, .drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:read-only, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=number].readonly,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=date].readonly,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:read-only,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:read-only,
.drawflow .drawflow-node .drawflow_content_node textarea.readonly,
.drawflow .drawflow-node .drawflow_content_node textarea[type=text]:read-only,
.drawflow .drawflow-node .drawflow_content_node textarea[type=date]:read-only,
.drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:read-only,
.drawflow .drawflow-node .drawflow_content_node textarea[type=number]:read-only,
.drawflow .drawflow-node .drawflow_content_node textarea[type=email]:read-only,
.drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:read-only,
.drawflow .drawflow-node .drawflow_content_node select.readonly,
.drawflow .drawflow-node .drawflow_content_node select[type=text]:read-only,
.drawflow .drawflow-node .drawflow_content_node select[type=date]:read-only,
.drawflow .drawflow-node .drawflow_content_node select[type=datetime]:read-only,
.drawflow .drawflow-node .drawflow_content_node select[type=number]:read-only,
.drawflow .drawflow-node .drawflow_content_node select[type=email]:read-only,
.drawflow .drawflow-node .drawflow_content_node select[type=tel]:read-only {
  pointer-events: none;
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text].readonly::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number].readonly::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date].readonly::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea.readonly::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=text]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=date]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=number]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=email]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select.readonly::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=text]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=date]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=datetime]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=number]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=email]:read-only::-moz-placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=tel]:read-only::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=text]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=date]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=number]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=email]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=text]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=date]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=datetime]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=number]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=email]:-moz-read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node select[type=tel]:-moz-read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text].readonly::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:read-only::placeholder, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number].readonly::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date].readonly::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea.readonly::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea[type=text]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea[type=date]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea[type=number]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea[type=email]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node select.readonly::placeholder,
.drawflow .drawflow-node .drawflow_content_node select[type=text]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node select[type=date]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node select[type=datetime]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node select[type=number]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node select[type=email]:read-only::placeholder,
.drawflow .drawflow-node .drawflow_content_node select[type=tel]:read-only::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node textarea[type=text]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node textarea[type=date]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node textarea[type=number]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node textarea[type=email]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node select[type=text]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node select[type=date]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node select[type=datetime]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node select[type=number]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node select[type=email]:-moz-read-only:hover, .drawflow .drawflow-node .drawflow_content_node select[type=tel]:-moz-read-only:hover {
  cursor: not-allowed;
}

.drawflow .drawflow-node .drawflow_content_node [type=text].readonly:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=text]:read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=date]:read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=datetime]:read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=number]:read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=email]:read-only:hover, .drawflow .drawflow-node .drawflow_content_node [type=text][type=tel]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number].readonly:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=text]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=date]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=datetime]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=number]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=email]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=tel]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date].readonly:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=text]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=date]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=datetime]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=number]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=email]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=tel]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node textarea.readonly:hover,
.drawflow .drawflow-node .drawflow_content_node textarea[type=text]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node textarea[type=date]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node textarea[type=datetime]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node textarea[type=number]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node textarea[type=email]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node textarea[type=tel]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node select.readonly:hover,
.drawflow .drawflow-node .drawflow_content_node select[type=text]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node select[type=date]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node select[type=datetime]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node select[type=number]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node select[type=email]:read-only:hover,
.drawflow .drawflow-node .drawflow_content_node select[type=tel]:read-only:hover {
  cursor: not-allowed;
}

.drawflow .drawflow-node .drawflow_content_node [type=text].input-validation-error,
.drawflow .drawflow-node .drawflow_content_node [type=number].input-validation-error,
.drawflow .drawflow-node .drawflow_content_node [type=date].input-validation-error,
.drawflow .drawflow-node .drawflow_content_node textarea.input-validation-error,
.drawflow .drawflow-node .drawflow_content_node select.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=color],
.drawflow .drawflow-node .drawflow_content_node [type=number][type=color],
.drawflow .drawflow-node .drawflow_content_node [type=date][type=color],
.drawflow .drawflow-node .drawflow_content_node textarea[type=color],
.drawflow .drawflow-node .drawflow_content_node select[type=color] {
  -webkit-appearance: none;
  height: 42px;
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=color]::-webkit-color-swatch-wrapper,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=color]::-webkit-color-swatch-wrapper,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=color]::-webkit-color-swatch-wrapper,
.drawflow .drawflow-node .drawflow_content_node textarea[type=color]::-webkit-color-swatch-wrapper,
.drawflow .drawflow-node .drawflow_content_node select[type=color]::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=color]::-webkit-color-swatch,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=color]::-webkit-color-swatch,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=color]::-webkit-color-swatch,
.drawflow .drawflow-node .drawflow_content_node textarea[type=color]::-webkit-color-swatch,
.drawflow .drawflow-node .drawflow_content_node select[type=color]::-webkit-color-swatch {
  border-radius: 0.125rem;
}

.drawflow .drawflow-node .drawflow_content_node [type=text][type=color].form-sm,
.drawflow .drawflow-node .drawflow_content_node [type=number][type=color].form-sm,
.drawflow .drawflow-node .drawflow_content_node [type=date][type=color].form-sm,
.drawflow .drawflow-node .drawflow_content_node textarea[type=color].form-sm,
.drawflow .drawflow-node .drawflow_content_node select[type=color].form-sm {
  height: 34px;
}

.input-group .drawflow .drawflow-node .drawflow_content_node [type=text], .input-group .drawflow .drawflow-node .drawflow_content_node [type=number],
.input-group .drawflow .drawflow-node .drawflow_content_node [type=date],
.input-group .drawflow .drawflow-node .drawflow_content_node textarea,
.input-group .drawflow .drawflow-node .drawflow_content_node select {
  flex-grow: 1;
}

.drawflow .drawflow-node .drawflow_content_node [type=text],
.drawflow .drawflow-node .drawflow_content_node [type=number],
.drawflow .drawflow-node .drawflow_content_node [type=date],
.drawflow .drawflow-node .drawflow_content_node textarea,
.drawflow .drawflow-node .drawflow_content_node select {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ticket-history .new-message-form .drawflow .drawflow-node .drawflow_content_node [type=text], .ticket-history .new-message-form .drawflow .drawflow-node .drawflow_content_node [type=number],
.ticket-history .new-message-form .drawflow .drawflow-node .drawflow_content_node [type=date],
.ticket-history .new-message-form .drawflow .drawflow-node .drawflow_content_node textarea,
.ticket-history .new-message-form .drawflow .drawflow-node .drawflow_content_node select {
  --tw-bg-opacity: 0.8;
  border-radius: 0.5rem;
}

.drawflow .drawflow-node .drawflow_content_node [type=text],
.drawflow .drawflow-node .drawflow_content_node [type=number],
.drawflow .drawflow-node .drawflow_content_node [type=date],
.drawflow .drawflow-node .drawflow_content_node textarea,
.drawflow .drawflow-node .drawflow_content_node select {
  width: auto;
  flex-grow: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.drawflow .drawflow-node .drawflow_content_node [type=text][disabled], .drawflow .drawflow-node .drawflow_content_node [type=number][disabled], .drawflow .drawflow-node .drawflow_content_node [type=date][disabled], .drawflow .drawflow-node .drawflow_content_node textarea[disabled], .drawflow .drawflow-node .drawflow_content_node select[disabled] {
  display: none;
}

.drawflow .drawflow-node .drawflow_content_node button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  font-size: [object Object];
}

.drawflow .drawflow-node .drawflow_content_node button.btn-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1.125rem;
  font-size: [object Object];
}

.drawflow .drawflow-node .drawflow_content_node button.btn-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.875rem;
  font-size: [object Object];
}

.drawflow .drawflow-node .drawflow_content_node button.btn-xs {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.75rem;
  font-size: [object Object];
}

.btn.drawflow .drawflow-node .drawflow_content_node button {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 0.75rem;
  font-size: [object Object];
}

.drawflow .drawflow-node .drawflow_content_node button:focus {
  outline: 1px solid transparent;
  outline-offset: 1px;
}

.buttons-container.disabled .drawflow .drawflow-node .drawflow_content_node button {
  position: relative;
}

.buttons-container.disabled .drawflow .drawflow-node .drawflow_content_node button:after {
  content: "";
  position: absolute;
  z-index: 30;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(115 115 115/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.drawflow .drawflow-node .drawflow_content_node button {
  font-weight: 600;
  text-decoration-line: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.drawflow .drawflow-node .drawflow_content_node button.btn-action {
  height: 2rem;
  width: 2rem;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ticket-history .new-message-form .drawflow .drawflow-node .drawflow_content_node button {
  border-radius: 0.5rem;
}

.drawflow .drawflow-node .drawflow_content_node button[disabled] {
  display: none;
}

.drawflow .drawflow-node .drawflow_content_node .question-selection {
  display: flex;
  flex-wrap: wrap;
}

.drawflow .drawflow-node .drawflow_content_node .question-selection label {
  width: 100%;
  font-size: 0.75rem;
  line-height: 1rem;
}

.drawflow .drawflow-node .drawflow_content_node .question-selection .select-customfield-btn {
  color: #ffffff;
  background-color: #16a34a;
  border-color: #15803d;
}

.drawflow .drawflow-node .drawflow_content_node .question-selection .select-customfield-btn:hover {
  color: #ffffff;
  background-color: #15803d;
  border-color: #166534;
}

.drawflow .drawflow-node .drawflow_content_node .question-selection .select-customfield-btn:focus {
  outline-color: #15803d;
}

.drawflow .drawflow-node .drawflow_content_node .question-container {
  display: none;
  flex-direction: column;
  gap: 0.25rem;
}

.drawflow .drawflow-node .drawflow_content_node .question-container.visible {
  display: flex;
}

.drawflow .drawflow-node .drawflow_content_node .question-container .add-answer-btn {
  color: #ffffff;
  background-color: #16a34a;
  border-color: #15803d;
}

.drawflow .drawflow-node .drawflow_content_node .question-container .add-answer-btn:hover {
  color: #ffffff;
  background-color: #15803d;
  border-color: #166534;
}

.drawflow .drawflow-node .drawflow_content_node .question-container .add-answer-btn:focus {
  outline-color: #15803d;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container {
  display: none;
  flex-direction: column;
  gap: 0.25rem;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container.visible {
  display: flex;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container .answer-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container .answer-container .remove-answer-btn {
  color: #dc2626;
  background-color: #ffffff;
  border-color: #b91c1c;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container .answer-container .remove-answer-btn:hover {
  color: #ffffff;
  background-color: #dc2626;
  border-color: #991b1b;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container .answer-container .remove-answer-btn:focus {
  outline-color: #b91c1c;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container .answer-container .remove-answer-btn {
  align-self: stretch;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.drawflow .connection {
  position: absolute;
  pointer-events: none;
  aspect-ratio: 1/1;
}

.drawflow .connection .main-path {
  fill: none;
  stroke: #404040;
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  stroke-width: 5px;
  pointer-events: all;
}

.drawflow .connection .main-path:hover {
  stroke: #0ea5e9;
  cursor: pointer;
}

.drawflow .connection .main-path.selected {
  stroke: #0ea5e9;
}

.drawflow .connection .point {
  cursor: move;
  stroke: #000;
  stroke-width: 2;
  fill: #fff;
  transition-property: border, color, box-shadow, stroke;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  pointer-events: all;
}

.drawflow .connection .point:hover {
  stroke: #0ea5e9;
  fill: #fff;
}

.drawflow .connection .point.selected {
  stroke: #14b8a6;
  fill: #fff;
}

.drawflow-delete {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
  z-index: 20;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28/var(--tw-border-opacity));
  border-radius: 9999px;
  cursor: pointer;
  line-height: 1;
}

.drawflow-delete:after, .drawflow-delete:before {
  content: "";
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --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));
  border-radius: 0.5rem;
  height: 2px;
  width: 66.666667%;
}

.drawflow-delete:after {
  --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));
}

.drawflow-delete:before {
  --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));
}

.drawflow > .drawflow-delete {
  --tw-translate-x: -50%;
  --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));
}

.parent-node .drawflow-delete {
  top: 0px;
  right: 50%;
  --tw-translate-x: 50%;
  --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));
}

.drag-drawflow {
  padding: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(82 82 82/var(--tw-border-opacity));
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.drag-drawflow:hover {
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233/var(--tw-border-opacity));
}

.cdx-block {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212/var(--tw-border-opacity));
  margin-bottom: 0.5rem;
}

.cdx-block span:not(.customfield) {
  border-bottom-width: 1px;
}

.cdx-block span:not(.customfield):nth-of-type(2n+1) {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165/var(--tw-border-opacity));
}

.cdx-block span:not(.customfield):nth-of-type(2n) {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253/var(--tw-border-opacity));
}

.flowchart-page {
  display: grid;
  gap: 0.75rem;
}

.flowchart-page .flowchart-static-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flowchart-page .drawflow-container .data-container .actions-container {
  display: flex;
  gap: 0.25rem;
  position: sticky;
  top: 0px;
  z-index: 20;
  margin-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.flowchart-page .drawflow-container .data-container .actions-container .btn-outline-teal[aria-selected=true] {
  color: #ffffff;
  background-color: #0d9488;
  border-color: #0f766e;
}

.flowchart-page .drawflow-container .data-container .actions-container .btn-outline-teal[aria-selected=true]:hover {
  color: #ffffff;
  background-color: #0f766e;
  border-color: #115e59;
}

.flowchart-page .drawflow-container .data-container .actions-container .btn-outline-teal[aria-selected=true]:focus {
  outline-color: #0f766e;
}

.flowchart-page .drawflow-container .data-container .actions-container .btn-outline-sky[aria-selected=true] {
  color: #ffffff;
  background-color: #0284c7;
  border-color: #0369a1;
}

.flowchart-page .drawflow-container .data-container .actions-container .btn-outline-sky[aria-selected=true]:hover {
  color: #ffffff;
  background-color: #0369a1;
  border-color: #075985;
}

.flowchart-page .drawflow-container .data-container .actions-container .btn-outline-sky[aria-selected=true]:focus {
  outline-color: #0369a1;
}

.flowchart-page .drawflow-container .zoom-actions {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
  z-index: 40;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.25rem;
}

.flowchart-page .drawflow-container .node-actions {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  z-index: 40;
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
}

.flowchart-page.split .drawflow-container {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .flowchart-page.split .drawflow-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flowchart-page.split .drawflow-container .drawflow-inner {
    grid-column: span 6/span 6;
  }
  .flowchart-page.split .drawflow-container .data-container {
    grid-column: span 6/span 6;
  }
}
.flowchart-page.split .drawflow-container .data-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  visibility: hidden;
}

.flowchart-page.split .drawflow-container .data-container.open {
  visibility: visible;
}

.drawflow .drawflow-node .drawflow_content_node .question-container.flowchart-page.split .drawflow-container .data-container.open {
  display: flex;
}

.drawflow .drawflow-node .drawflow_content_node .answers-container.flowchart-page.split .drawflow-container .data-container.open {
  display: flex;
}

.flowchart-page.full .drawflow-container {
  position: relative;
  overflow: hidden;
}

.flowchart-page.full .drawflow-container .data-container {
  overflow-y: auto;
  z-index: 50;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  margin-left: 1px;
  transition-property: transform;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.flowchart-page.full .drawflow-container .data-container.open {
  --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));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.flowchart-page.full .drawflow-container .data-container .tab {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 1rem;
}

.flowchart-page.full .drawflow-container .data-container {
  transform-origin: right;
  --tw-translate-x: 101%;
  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));
  width: 91.666667%;
}

@media (min-width: 1024px) {
  .flowchart-page.full .drawflow-container .data-container {
    width: 800px;
  }
}
.flowchart-page.full .drawflow-container .node-actions {
  right: 804px;
}

@keyframes medium-editor-image-loading {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    transform: matrix(0.97, 0, 0, 1, 0, 12);
  }
  20% {
    opacity: 0.7;
    transform: matrix(0.99, 0, 0, 1, 0, 2);
  }
  40% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, -1);
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
.medium-editor-anchor-preview {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  line-height: 1.4;
  max-width: 280px;
  position: absolute;
  text-align: center;
  top: 0;
  word-break: break-all;
  word-wrap: break-word;
  visibility: hidden;
  z-index: 2000;
}

.medium-editor-anchor-preview a {
  color: #fff;
  display: inline-block;
  margin: 5px 5px 10px;
}

.medium-editor-anchor-preview-active {
  visibility: visible;
}

.medium-editor-dragover {
  background: #ddd;
}

.medium-editor-image-loading {
  animation: medium-editor-image-loading 1s infinite ease-in-out;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.medium-editor-placeholder {
  position: relative;
}

.medium-editor-placeholder:after {
  content: attr(data-placeholder) !important;
  font-style: italic;
  position: absolute;
  left: 0;
  top: 0;
  white-space: pre;
  padding: inherit;
  margin: inherit;
}

.medium-editor-placeholder-relative {
  position: relative;
}

.medium-editor-placeholder-relative:after {
  content: attr(data-placeholder) !important;
  font-style: italic;
  position: relative;
  white-space: pre;
  padding: inherit;
  margin: inherit;
}

.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0;
}

.medium-toolbar-arrow-under:after {
  border-width: 8px 8px 0 8px;
}

.medium-toolbar-arrow-over:before {
  border-width: 0 8px 8px 8px;
  top: -8px;
}

.medium-editor-toolbar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 2000;
}

.medium-editor-toolbar ul {
  margin: 0;
  padding: 0;
}

.medium-editor-toolbar li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.medium-editor-toolbar li button {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.33;
  margin: 0;
  padding: 15px;
  text-decoration: none;
}

.medium-editor-toolbar li button:focus {
  outline: none;
}

.medium-editor-toolbar li .medium-editor-action-underline {
  text-decoration: underline;
}

.medium-editor-toolbar li .medium-editor-action-pre {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
  font-weight: 100;
  padding: 15px 0;
}

.medium-editor-toolbar-active {
  visibility: visible;
}

.medium-editor-sticky-toolbar {
  position: fixed;
  top: 1px;
}

.medium-editor-relative-toolbar {
  position: relative;
}

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
  animation: medium-editor-pop-upwards 160ms forwards linear;
}

.medium-editor-action-bold {
  font-weight: bolder;
}

.medium-editor-action-italic {
  font-style: italic;
}

.medium-editor-toolbar-form {
  display: none;
}

.medium-editor-toolbar-form input,
.medium-editor-toolbar-form a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
  line-height: 14px;
  margin-left: 5px;
  padding-bottom: 5px;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0;
  padding: 6px;
  width: 316px;
  display: inline-block;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  outline: 0;
}

.medium-editor-toolbar-form a {
  display: inline-block;
  font-size: 24px;
  font-weight: bolder;
  margin: 0 10px;
  text-decoration: none;
}

.medium-editor-toolbar-form-active {
  display: block;
}

.medium-editor-toolbar-actions:after {
  clear: both;
  content: "";
  display: table;
}

.medium-editor-element {
  word-wrap: break-word;
  min-height: 30px;
}

.medium-editor-element img {
  max-width: 100%;
}

.medium-editor-element sub {
  vertical-align: sub;
}

.medium-editor-element sup {
  vertical-align: super;
}

.medium-editor-hidden {
  display: none;
}

.medium-toolbar-arrow-under:after {
  border-color: #242424 transparent transparent transparent;
  top: 50px;
}

.medium-toolbar-arrow-over:before {
  border-color: transparent transparent #242424 transparent;
  top: -8px;
}

.medium-editor-toolbar {
  background-color: #242424;
  background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.75));
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 3px #000;
}

.medium-editor-toolbar li button {
  background-color: #242424;
  background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.89));
  border: 0;
  border-right: 1px solid #000;
  border-left: 1px solid #333;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  height: 50px;
  min-width: 50px;
  transition: background-color 0.2s ease-in;
}

.medium-editor-toolbar li button:hover {
  background-color: #000;
  color: yellow;
}

.medium-editor-toolbar li .medium-editor-button-first {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.medium-editor-toolbar li .medium-editor-button-last {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.medium-editor-toolbar li .medium-editor-button-active {
  background-color: #000;
  background: linear-gradient(to bottom, #242424, rgba(0, 0, 0, 0.89));
  color: #fff;
}

.medium-editor-toolbar-form {
  background: #242424;
  border-radius: 5px;
  color: #999;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input {
  background: #242424;
  box-sizing: border-box;
  color: #ccc;
  height: 50px;
}

.medium-editor-toolbar-form a {
  color: #fff;
}

.medium-editor-toolbar-anchor-preview {
  background: #242424;
  border-radius: 5px;
  color: #fff;
}

.medium-editor-placeholder:after {
  color: #b3b3b1;
}

.medium-editor-element {
  min-height: 7.5em;
}

.medium-editor-placeholder:after {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(115 115 115/var(--tw-text-opacity));
}

.closed {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  height: 0px;
}

.charts-css.column {
  --color-1: #0284c7;
  --color-2: #22c55e;
}

.charts-css td {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.charts-css .data {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
  padding: 0.25rem;
}

.charts-css .data.outside {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.hover\:text-green-300:hover {
  --tw-text-opacity: 1;
  color: rgb(134 239 172/var(--tw-text-opacity));
}

.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *))) {
  font-weight: 600;
}

.prose-p\:text-justify :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
  text-align: justify;
}

@media (min-width: 640px) {
  .sm\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .lg\:bottom-1 {
    bottom: 0.25rem;
  }
  .lg\:left-auto {
    left: auto;
  }
  .lg\:right-1 {
    right: 0.25rem;
  }
  .lg\:top-auto {
    top: auto;
  }
  .lg\:col-span-10 {
    grid-column: span 10/span 10;
  }
  .lg\:col-span-12 {
    grid-column: span 12/span 12;
  }
  .lg\:col-span-2 {
    grid-column: span 2/span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3/span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4/span 4;
  }
  .lg\:col-span-6 {
    grid-column: span 6/span 6;
  }
  .lg\:col-span-8 {
    grid-column: span 8/span 8;
  }
  .lg\:row-span-2 {
    grid-row: span 2/span 2;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:h-32 {
    height: 8rem;
  }
  .lg\:h-screen {
    height: 100vh;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-1\/5 {
    width: 20%;
  }
  .lg\:w-1\/6 {
    width: 16.666667%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-\[800px\] {
    width: 800px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
}
@media (min-width: 1280px) {
  .xl\:gap-12 {
    gap: 3rem;
  }
}

/*# sourceMappingURL=style.css.map*/