@layer reset {
:root,
:host {
  /* Border */
  --p-border-radius-0: 0;
  --p-border-radius-050: 2px;
  --p-border-radius-100: 4px;
  --p-border-radius-150: 6px;
  --p-border-radius-200: 8px;
  --p-border-radius-250: 10px;
  --p-border-radius-300: 12px;
  --p-border-radius-400: 16px;
  --p-border-radius-500: 20px;
  --p-border-radius-750: 30px;
  --p-border-radius-full: 9999px;

  /* Breakpoints */
  --p-breakpoints-xs: 0px;
  --p-breakpoints-sm: 30em; /* 480px */
  --p-breakpoints-md: 48em; /* 768px */
  --p-breakpoints-lg: 64em; /* 1024px */
  --p-breakpoints-xl: 90em; /* 1440px */
  --p-containers-sm: 100%;
  --p-containers-md: 48em; /* 752px; */
  --p-containers-lg: 64em; /* 1024px; */
  --p-containers-xl: 90em; /* 1440px */
  --p-gap: var(--p-space-600); /* 24px */
  --p-gap-half: calc(var(--p-gap) / 2);
  --p-gap-250: var(--p-space-200); /* 10px */

  /* Colors */
  --p-color-white: hsl(0 0% 100%);
  --p-color-black: hsl(0 0% 0%);
  --p-color-red: hsl(2 56% 51%);
  --p-color-red-darker: hsl(2 54% 40%);
  --p-color-gray: hsl(0 0% 96%);
  --p-color-gray-light: hsl(150 1% 73%);
  --p-color-gray-dark: hsl(150 1% 45%);
  --p-color-blue-light: hsl(188 52% 62%);
  --p-color-blue-dark: hsl(196 53% 35%);
  --p-color-green-light: hsl(107 52% 62%);
  --p-color-green-dark: hsl(108 39% 46%);
  --p-color-yellow: hsl(50 89% 57%);
  --p-color-yellow-dark: hsl(42 89% 57%);
  --p-color-orange: hsl(25 89% 64%);

  /* COLOR TOKENS */
  --p-color-bg: var(--p-color-gray);
  --p-color-bg-surface: var(--p-color-white);
  --p-color-bg-surface-inverse: var(--p-color-bg);
  --p-color-bg-fill: var(--p-color-red);
  --p-color-bg-fill-hover: var(--p-color-red-darker);
  --p-color-bg-fill-disabled: var(--p-color-gray-dark);
  --p-color-bg-fill-inverse: var(--p-color-white);
  --p-color-bg-fill-inverse-hover: var(--p-color-gray);
  --p-color-bg-fill-secondary: var(--p-color-gray);
  --p-color-bg-fill-secondary-hover: var(--p-color-gray-light);
  --p-color-bg-fill-tertiary: var(--p-color-gray-light);
  --p-color-bg-fill-tertiary-hover: var(--p-color-gray-dark);
  --p-color-bg-fill-success: var(--p-color-green-dark);
  --p-color-bg-fill-success-hover: var(--p-color-green-light);
  --p-color-bg-fill-info: var(--p-color-blue-light);
  --p-color-bg-fill-info-hover: var(--p-color-blue-dark);
  --p-color-bg-fill-emphasis: var(--p-color-blue-dark);
  --p-color-bg-fill-emphasis-hover: hsl(from var(--p-color-blue-dark) h s calc(l + 5));
  --p-color-bg-fill-warning: var(--p-color-yellow);
  --p-color-bg-fill-warning-hover: var(--p-color-yellow-dark);
  --p-color-border-secondary: var(--p-color-gray);
  --p-color-border-tertiary: var(--p-color-gray-light);
  --p-color-text-success: var(--p-color-green-dark);
  --p-color-text-warning: var(--p-color-yellow-dark);
  --p-color-text-on-fill: var(--p-color-white);
  --p-color-text-fill-secondary: var(--p-color-gray);
  --p-color-text-on-tertiary: var(--p-color-gray-light);
  --p-color-text-on-fill-inverse: var(--p-color-red);
  --p-color-text-on-fill-disabled: var(--p-color-gray-dark);


  /* Notification colors */
  --p-color-notification-success: hsl(108 46 46);
  --p-color-notification-error: var(--p-color-red-darker);
  --p-color-notification-info: var(--p-color-blue-light);
  --p-color-notification-warning: var(--p-color-gray-dark);


  /* Element Colors */;
  --p-color-text: hsl(0 0% 20%);
  --p-color-text-subtle: hsl(0 0% 40%);
  --p-color-link: var(--p-color-text);
  --p-color-link-hover: var(--p-color-red);
  --p-color-divider: hsl(0 0% 73%);
  --p-color-buttom-bg: var(--p-color-red);
  --p-color-buttom-bg-hover: hsl(2 54% 40%);
  --p-color-tooltip-bg: var(--p-color-text);
  --p-color-tooltip-text: var(--p-color-white);

  /* FORM COLORS */
  --p-color-fieldset-bg-surface: transparent;
  --p-color-fieldset-bg-fill: var(--p-color-gray);
  --p-color-fieldset-bg-fill-inverse: var(--p-color-white);
  --p-color-input-text: var(--p-color-black);
  --p-color-input-bg: var(--p-color-input-bg-surface);
  --p-color-input-bg-hover: var(--p-color-input-bg-surface-hover);
  --p-color-input-bg-surface: var(--p-color-gray);
  --p-color-input-bg-surface-hover: var(--p-color-white);
  --p-color-input-bg-surface-inverse: var(--p-color-white);
  --p-color-input-bg-surface-inverse-hover: var(--p-color-gray);
  --p-color-input-placeholder: var(--p-color-gray-light);
  --p-color-input-border: transparent;
  --p-color-input-border-hover: var(--p-color-gray-light);
  --p-color-input-border-active: var(--p-color-gray-light);
  --p-color-input-border-invalid: hsl(from var(--p-color-red) h s l / .3);
  --p-color-input-border-required: hsl(from var(--p-color-blue-light) h s l / .3);

  /* Font */
  --p-font-family-sans: "Quicksand", -apple-system, "BlinkMacSystemFont", "San Francisco", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --p-font-weight-light: 400;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-font-size-300: 0.75rem; /* 12px */
  --p-font-size-350: 0.875rem; /* 14px */
  --p-font-size-400: 1rem; /* 16px */
  --p-font-size-450: 1.125rem; /* 18px */
  --p-font-size-500: 1.25rem; /* 20px */
  --p-font-size-550: 1.375rem; /* 22px */
  --p-font-size-600: 1.5rem; /* 24px */
  --p-font-size-650: 1.625rem; /* 26px */
  --p-font-size-700: 1.75rem; /* 28px */
  --p-font-size-800: 2rem; /* 32px */
  --p-font-size-900: 2.25rem; /* 36px */
  --p-font-size-1200: 3rem; /* 48px */

  /* Height */
  --p-height-logo: 50px;
  --p-height-logo-mobile: 65px;
  --p-height-logo-full: 100px;

  /* Width */
  --p-width-sidebar: 300px;
  --p-width-sidebar-collapsed: 78px;

  /* Motion */
  --p-motion-easy-in: cubic-bezier(0.42, 0, 1, 1);
  --p-motion-easy-out: cubic-bezier(0.19, 0.91, 0.38, 1);
  --p-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --p-motion-fade-in: p-motion-fade-in .5s var(--p-motion-easy-in);
  --p-motion-fade-in-bloom: p-motion-fade-in-bloom 2s var(--p-motion-easy-in);
  --p-motion-fade-out: p-motion-fade-out .5s var(--p-motion-easy-out);
  --p-motion-scale-up: p-motion-scale-up .5s var(--p-motion-easy-in);
  --p-motion-scale-down: p-motion-scale-down .5s var(--p-motion-easy-out);
  --p-motion-slide-in-up: p-motion-slide-in-up .5s var(--p-motion-easy-in);

  /* Shadow */
  --p-shadow-0: none;
  --p-shadow-100: 0px 1px 0px 0px hsl(from var(--p-color-black) h s l / 0.07);
  --p-shadow-200: 0px 3px 1px -1px hsl(from var(--p-color-black) h s l / 0.07);
  --p-shadow-300: 0px 4px 6px -2px hsl(from var(--p-color-black) h s l / 0.20);
  --p-shadow-400: 0px 8px 16px -4px hsl(from var(--p-color-black) h s l / 0.22);
  --p-shadow-500: 0px 12px 20px -8px hsl(from var(--p-color-black) h s l / 0.24);
  --p-shadow-600: 0px 20px 20px -8px hsl(from var(--p-color-black) h s l / 0.28);
  --p-shadow-button: 0 4px 0 hsl(from var(--p-color-black) h s l / 0.14);
  --p-shadow-button-hover: 0 3px 0 hsl(from var(--p-color-black) h s l / 0.14);

  /* Space */
  --p-space-0: 0;
  --p-space-025: 1px;
  --p-space-050: 2px;
  --p-space-100: 4px;
  --p-space-150: 6px;
  --p-space-200: 8px;
  --p-space-250: 10px;
  --p-space-300: 12px;
  --p-space-350: 14px;
  --p-space-400: 16px;
  --p-space-450: 18px;
  --p-space-500: 20px;
  --p-space-550: 22px;
  --p-space-600: 24px;
  --p-space-650: 26px;
  --p-space-750: 30px;
  --p-space-800: 32px;
  --p-space-1000: 40px;
  --p-space-1100: 44px;
  --p-space-1200: 48px;
  --p-space-1400: 56px;
  --p-space-1600: 64px;

  /* Text */

  /* Size */
  --p-size-nav-icon: 18px;
  --p-size-nav-icon-larger: 32px;

  /* Z-Index */
  --p-z-index-0: auto;
  --p-z-index-1: 100;
  --p-z-index-2: 400;
  --p-z-index-3: 510;
  --p-z-index-4: 512;
  --p-z-index-5: 513;
  --p-z-index-6: 514;
  --p-z-index-7: 515;
  --p-z-index-8: 516;
  --p-z-index-9: 517;
  --p-z-index-10: 518;
  --p-z-index-11: 519;
  --p-z-index-12: 520;
  --p-z-index-99: 999998;
  --p-z-index-00: 999999;

  /* BS Variables */
  --bs-body-color: var(--p-color-text);
  --bs-body-bg: var(--p-color-bg);
  --bs-btn-gap: 0.5rem;
  --bs-link-color: var(--p-color-text);
}

@media (prefers-color-scheme: dark) {
  :root,
  :host {

  }
}

.dark {
  color-scheme: dark;
}

@keyframes p-motion-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes p-motion-fade-in-bloom {
  0% { opacity: 0; filter: brightness(1) blur(20px) }
  10% { opacity: 1; filter: brightness(2) blur(10px) }
  100% { opacity: 1; filter: brightness(1) blur(0) }
}

@keyframes p-motion-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes p-motion-scale-up {
  from {
    transform: scale(1.25);
  }
}

@keyframes p-motion-scale-down {
  to {
    transform: scale(.75);
  }
}

@keyframes p-motion-slide-in-up {
  from {
    transform: translateY(100%);
  }
}

}
@layer reset {
/*
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;
  border-color: var(--p-border-color-default, currentColor);
  border-style: solid;
  border-width: 0;
}

/*
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.
7. Disable tap highlights on iOS
*/

html,
:host {
  font-family: var(--p-font-family-sans, "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""), sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-tap-highlight-color: transparent;
}

/*
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]) {
  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: var(--p-font-family-mono, "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"), ui-monospace; /* 1 */
  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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  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 {
  border-collapse: collapse; /* 3 */
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
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 {
  margin: 0; /* 2 */
  padding: 0; /* 3 */

  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
}

/*
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 {
  font: inherit; /* 2 */
  -webkit-appearance: button; /* 1 */
}

/*
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 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
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::placeholder,
textarea::placeholder {
  color: var(--p-color-placeholder, hsl(218 11% 65%)); /* 2 */
  opacity: 1; /* 1 */
}

/*
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 !important;
}

}
@layer reset {
/* Remove default margins */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

body {
  min-height: 100svh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  margin: unset;
  padding: unset;
  list-style: none;
}

/* Remove list styles on ul elements with a menu role, which suggests default styling will be removed */
ul[role="menu"],
menu {
  margin: unset;
  padding: unset;
  list-style: none;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  color: var(--p-color-link);
  text-decoration: none;
  text-decoration-skip-ink: auto;

  &:hover {
    color: var(--p-color-link-hover);
  }
}

/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Remove built-in form typography styles */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/* Set all SVG path fill color as currentcolor */
svg.icon * {
  fill: currentcolor;
}

.font-sans {
  font-family: var(--p-font-family-sans), system-ui;
  font-optical-sizing: auto;
  font-weight: var(--p-font-weight-regular);
  font-style: normal;
}

}
@layer vendor {
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

}
@layer vendor {
.ec {
  /* HSL */
  color-scheme: light;
  --ec-h: 0;
  --ec-s: 0%;
  --ec-l-300: 91.00%;
  --ec-l-500: 83.50%;
  --ec-l-600: 78.40%;
  --ec-l-700: 71.40%;
  --ec-bg-fallback-color: #fff;
  --ec-hs: var(--ec-h), var(--ec-s);
  /* Main color */
  --ec-color-300: hsl(var(--ec-hs), var(--ec-l-300));
  --ec-color-500: hsl(var(--ec-hs), var(--ec-l-500));
  --ec-color-600: hsl(var(--ec-hs), var(--ec-l-600));
  --ec-color-700: hsl(var(--ec-hs), var(--ec-l-700));
  /* General props */
  --ec-border-color: var(--ec-color-500);
  --ec-accent-color: var(--ec-color-600);
  /* Buttons */
  --ec-button-bg-color: var(--ec-bg-color);
  --ec-button-border-color: var(--ec-color-600);
  --ec-button-text-color: var(--ec-text-color);
  --ec-button-active-bg-color: var(--ec-color-300);
  --ec-button-active-border-color: var(--ec-color-700);
  --ec-button-active-text-color: var(--ec-button-text-color);
  /* Events */
  --ec-event-bg-color: #039be5;
  --ec-event-text-color: #fff;
  --ec-bg-event-color: var(--ec-color-500);
  --ec-bg-event-opacity: 0.3;
  /* Days */
  --ec-list-day-bg-color: var(--ec-bg-color, var(--ec-bg-fallback-color));
  --ec-today-bg-color: rgba(255, 220, 40, .15);
  --ec-highlight-color: rgba(188, 232, 241, .3);
  /* Popup */
  --ec-popup-bg-color: var(--ec-bg-color, var(--ec-bg-fallback-color));
  /* Now Indicator */
  --ec-now-indicator-color: #ea4335;
}
.ec-dark .ec {
  color-scheme: dark;
  --ec-h: 215;
  --ec-s: 15%;
  --ec-l-300: 25.50%;
  --ec-l-500: 42.40%;
  --ec-l-600: 49.80%;
  --ec-l-700: 57.30%;
  --ec-bg-fallback-color: #22272e;
}
@media (prefers-color-scheme: dark) {
  .ec-auto-dark .ec {
    color-scheme: dark;
    --ec-h: 215;
    --ec-s: 15%;
    --ec-l-300: 25.50%;
    --ec-l-500: 42.40%;
    --ec-l-600: 49.80%;
    --ec-l-700: 57.30%;
    --ec-bg-fallback-color: #22272e;
  }
}

.ec-timeline .ec-container {
  display: flex;
  flex: 1 1 0%;
  min-height: 0;
}
.ec-timeline .ec-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ec-timeline .ec-content {
  flex-direction: column;
}
.ec-timeline .ec-body {
  flex: 1 1 auto;
  overflow: auto;
}
.ec-timeline .ec-body .ec-content {
  min-height: 100%;
  min-width: max-content;
  position: relative;
}
.ec-timeline .ec-body .ec-days {
  flex-shrink: 0;
}
.ec-timeline .ec-body .ec-days:not(:last-child) {
  flex-grow: 0;
}
.ec-timeline .ec-header {
  overflow: hidden;
}
.ec-timeline .ec-header .ec-days {
  min-width: max-content;
}
.ec-timeline .ec-header .ec-day {
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}
.ec-timeline .ec-header .ec-day:first-child .ec-day-head,
.ec-timeline .ec-header .ec-day:first-child .ec-time:first-child {
  border: none;
}
.ec-timeline .ec-day {
  border: none;
}
.ec-timeline .ec-day-head {
  border-style: none none none solid;
}
.ec-timeline .ec-times {
  display: flex;
  border-top: 1px solid var(--ec-border-color);
}
.ec-timeline .ec-time {
  border-left: 1px solid var(--ec-border-color);
  box-sizing: border-box;
  font-size: 0.95em;
  min-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ec-timeline .ec-time, .ec-timeline .ec-line {
  width: 72px;
}
.ec-timeline .ec-events {
  position: relative;
  height: 100%;
  margin: 0;
}
.ec-timeline .ec-event {
  position: absolute;
}
.ec-timeline .ec-bg-event {
  height: 100%;
  z-index: auto;
}
.ec-timeline .ec-lines {
  display: flex;
}
.ec-timeline .ec-line:not(:first-child):after {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 1px solid var(--ec-border-color);
  pointer-events: none;
}
.ec-timeline .ec-sidebar {
  padding: 0;
  border: 1px solid var(--ec-border-color);
  border-right-style: none;
}
.ec-timeline .ec-sidebar .ec-sidebar-title {
  flex-shrink: 0;
  border-bottom: 1px solid var(--ec-border-color);
  box-sizing: content-box;
}
.ec-timeline .ec-sidebar .ec-content {
  flex: 1;
  overflow: hidden;
}
.ec-timeline .ec-sidebar .ec-resource {
  padding: 0 8px;
  flex-shrink: 0;
}
.ec-timeline .ec-sidebar .ec-resource:not(:last-child) {
  flex-grow: 0;
  border-bottom: 1px solid var(--ec-border-color);
}
.ec-timeline .ec-sidebar .ec-resource:last-child {
  flex-basis: 100% !important;
}
.ec-timeline .ec-sidebar .ec-resource span {
  padding-top: 8px;
}

.ec-time-grid .ec-body .ec-event {
  position: absolute;
}
.ec-time-grid .ec-body .ec-event-title {
  position: sticky;
  top: 0;
}
.ec-time-grid .ec-body .ec-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  max-height: 8px;
  cursor: ns-resize;
}
.ec-time-grid .ec-body .ec-resizer.ec-start {
  bottom: auto;
  top: 0;
}
.ec-time-grid .ec-bg-event {
  width: 100%;
  z-index: 1;
}
.ec-time-grid .ec-time {
  position: relative;
  line-height: 24px;
  top: -12px;
  text-align: right;
}
.ec-time-grid .ec-header .ec-time,
.ec-time-grid .ec-all-day .ec-time {
  visibility: hidden;
  overflow-y: hidden;
  height: 0;
}
.ec-time-grid .ec-time,
.ec-time-grid .ec-line {
  height: 24px;
}
.ec-time-grid .ec-lines {
  width: 8px;
}
.ec-time-grid .ec-line:not(:first-child):after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px solid var(--ec-border-color);
  pointer-events: none;
}
.ec-time-grid .ec-body:not(.ec-compact) .ec-line:nth-child(even):after {
  border-bottom-style: dotted;
}
.ec-time-grid .ec-sidebar-title {
  visibility: hidden;
  overflow-y: hidden;
  height: 0;
  text-align: right;
}
.ec-time-grid .ec-all-day .ec-sidebar-title {
  visibility: visible;
  height: auto;
  padding: 8px 0;
}

.ec-day-grid .ec-body {
  flex: 1 1 auto;
}
.ec-day-grid .ec-body .ec-day {
  min-height: 5em;
  position: relative;
}
.ec-day-grid .ec-content {
  flex-direction: column;
  height: 100%;
}
.ec-day-grid .ec-uniform .ec-content {
  overflow: hidden;
}
.ec-day-grid .ec-uniform .ec-days {
  flex: 1 1 0%;
  min-height: 0;
}
.ec-day-grid .ec-uniform .ec-day {
  min-height: 0;
}
.ec-day-grid .ec-day:first-child {
  border-left: none;
}
.ec-day-grid .ec-day-head {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  border: none;
  padding: 4px 4px 3px;
}
.ec-day-grid .ec-day-foot {
  position: absolute;
  bottom: 0;
  padding: 2px;
  font-size: 0.85em;
}
.ec-day-grid .ec-day-foot a {
  cursor: pointer;
}

/* Grid */
.ec-days,
.ec-day,
.ec-resource {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}

.ec {
  display: flex;
  flex-direction: column;
  color: var(--ec-text-color);
  background-color: var(--ec-bg-color);
  -webkit-tap-highlight-color: transparent;
  /* Scrollbar */
}
.ec ::-webkit-scrollbar {
  background-color: transparent;
}
.ec ::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  box-shadow: none;
  background-color: var(--ec-border-color);
  background-clip: padding-box;
  border-radius: 8px;
  min-height: 40px;
}
.ec :hover::-webkit-scrollbar-thumb {
  background-color: var(--ec-accent-color);
}

.ec-hidden-scroll {
  display: none;
  overflow-y: scroll;
  visibility: hidden;
  flex-shrink: 0;
}
.ec-with-scroll .ec-hidden-scroll {
  display: block;
}

/* Toolbar */
.ec-toolbar {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
.ec-toolbar > * {
  margin-bottom: -0.5em;
}
.ec-toolbar > * > * {
  margin-bottom: 0.5em;
}
.ec-toolbar > * > *:not(:last-child) {
  margin-right: 0.75em;
}

.ec-title {
  margin: 0;
}

.ec-button {
  background-color: var(--ec-button-bg-color);
  border: 1px solid var(--ec-button-border-color);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}
.ec-button:not(:disabled) {
  color: var(--ec-button-text-color);
  cursor: pointer;
}
.ec-button:not(:disabled):hover, .ec-button.ec-active {
  background-color: var(--ec-button-active-bg-color);
  border-color: var(--ec-button-active-border-color);
  color: var(--ec-button-active-text-color);
  z-index: 1;
}

.ec-expander {
  margin-right: 0.25em;
  width: 1.25em;
}
.ec-expander .ec-button {
  line-height: normal;
  padding: 0;
  aspect-ratio: 1;
  height: 1.25em;
}

.ec-button-group {
  display: inline-flex;
}
.ec-button-group .ec-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.ec-button-group .ec-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ec-icon {
  display: inline-block;
  width: 1em;
}
.ec-icon.ec-prev:after, .ec-icon.ec-next:after {
  content: "";
  position: relative;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid currentcolor;
  border-right: 2px solid currentcolor;
  display: inline-block;
}
.ec-icon.ec-prev:after {
  transform: rotate(-135deg) translate(-2px, 2px);
}
.ec-icon.ec-next:after {
  transform: rotate(45deg) translate(-2px, 2px);
}

/* Header */
.ec-header,
.ec-all-day,
.ec-body,
.ec-days,
.ec-day,
.ec-day-head {
  border: 1px solid var(--ec-border-color);
}

.ec-header {
  display: flex;
  flex-shrink: 0;
}
.ec-header .ec-resource {
  flex-direction: column;
}
.ec-header .ec-resource .ec-days {
  border-top-style: solid;
}
.ec-header .ec-days {
  border-bottom: none;
}
.ec-header .ec-day {
  min-height: 24px;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* All Day */
.ec-all-day {
  flex-shrink: 0;
  border-top: none;
}
.ec-all-day .ec-days {
  border-bottom: none;
}
.ec-all-day .ec-day {
  padding-bottom: 4px;
  position: relative;
}

/* Body */
.ec-body {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.ec:not(.ec-list) .ec-body {
  border-top: none;
}

.ec-sidebar {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 0 4px 0 8px;
  display: flex;
  flex-direction: column;
}

.ec-content {
  display: flex;
}
.ec-list .ec-content {
  flex-direction: column;
}

.ec-resource {
  display: flex;
}

.ec-days {
  display: flex;
  border-style: none none solid;
}
.ec-days:last-child {
  border-bottom: none;
}
.ec-day-grid .ec-days, .ec-resource .ec-days {
  flex: 1 0 auto;
}

.ec-day {
  border-style: none none none solid;
}
.ec-day.ec-today {
  background-color: var(--ec-today-bg-color);
}
.ec-day.ec-highlight {
  background-color: var(--ec-highlight-color);
}
.ec-day.ec-disabled {
  position: relative;
}
.ec-day.ec-disabled:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: var(--ec-bg-event-color);
  opacity: 0.3;
}
.ec-day.ec-other-month .ec-day-head time {
  opacity: 0.3;
}
.ec-list .ec-day {
  border: none;
}

.ec-list .ec-day-head {
  background-color: var(--ec-list-day-bg-color);
  border-style: solid none;
  margin: -1px 0 0;
  padding: 8px 14px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.ec-list .ec-day:first-child .ec-day-head {
  border-top: none;
}
.ec-list .ec-day-side {
  float: right;
}
.ec-list .ec-no-events {
  text-align: center;
  padding: 5em 0;
}

.ec-events {
  margin: 0 6px 0 0;
}
.ec-time-grid .ec-events, .ec-events.ec-preview {
  position: relative;
}
.ec-day-grid .ec-events, .ec-all-day .ec-events {
  display: flow-root;
}

.ec-event {
  display: flex;
  padding: 2px;
  color: var(--ec-event-text-color);
  box-sizing: border-box;
  box-shadow: 0 0 1px 0 var(--ec-border-color);
  background-color: var(--ec-event-bg-color);
  border-radius: 3px;
  font-size: 0.85em;
  line-height: 1.5;
  z-index: 1;
}
.ec-day-grid .ec-event, .ec-all-day .ec-event {
  position: relative;
}
.ec-list .ec-event {
  flex-direction: row;
  padding: 8px 14px;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.ec-event.ec-preview {
  position: absolute;
  z-index: 1000;
  width: 100%;
  user-select: none;
  opacity: 0.8;
}
.ec-event.ec-pointer {
  color: inherit;
  pointer-events: none;
  user-select: none;
  position: absolute;
  z-index: 0;
  box-shadow: none;
  display: flex;
}

.ec-event-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ec-day-grid .ec-event-body, .ec-all-day .ec-event-body, .ec-timeline .ec-event-body {
  flex-direction: row;
}

.ec-event-tag {
  width: 4px;
  border-radius: 2px;
  margin-right: 8px;
}

.ec-event-time {
  overflow: hidden;
  white-space: nowrap;
  margin: 0 0 1px 0;
  flex-shrink: 0;
  max-height: 100%;
}
.ec-day-grid .ec-event-time, .ec-timeline .ec-event-time {
  margin: 0 3px 0 0;
  max-width: 100%;
  text-overflow: ellipsis;
}

.ec-event-title {
  overflow: hidden;
  margin: unset;
  font-weight: inherit;
}
.ec-day-grid .ec-event-title, .ec-all-day .ec-event-title, .ec-timeline .ec-event-title {
  min-height: 1.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ec-list .ec-event-title {
  font-size: 1rem;
}

.ec-draggable {
  cursor: pointer;
  user-select: none;
}

.ec-ghost {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}

.ec-bg-events {
  position: relative;
}
.ec-day-grid .ec-bg-events, .ec-all-day .ec-bg-events {
  position: absolute;
  inset: 0;
}

.ec-bg-event {
  position: absolute;
  background-color: var(--ec-bg-event-color);
  opacity: var(--ec-bg-event-opacity);
}
.ec-day-grid .ec-bg-event, .ec-all-day .ec-bg-event {
  height: 100%;
  z-index: auto;
}

.ec-time {
  white-space: nowrap;
}

.ec-popup {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 110%;
  min-width: 180px;
  z-index: 1010;
  padding: 8px 10px 14px;
  background-color: var(--ec-popup-bg-color);
  border: 1px solid var(--ec-border-color);
  border-radius: 6px;
  outline: 1px solid transparent;
  box-shadow: 0 1px 3px 0 hsla(var(--ec-hs), 50%, 0.15), 0 4px 8px 3px hsla(var(--ec-hs), 50%, 0.15);
}
.ec-popup .ec-day-head {
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.ec-popup .ec-day-head a {
  cursor: pointer;
  font-size: 1.5em;
  line-height: 0.8;
}
.ec-popup .ec-events {
  margin: 0;
  min-height: 0;
  overflow: auto;
}

.ec-extra {
  position: relative;
  height: 100%;
  overflow: hidden;
  margin-left: -6.5px;
  user-select: none;
}

.ec-now-indicator {
  position: absolute;
  z-index: 1005;
  width: 100%;
  border-top: var(--ec-now-indicator-color) solid 2px;
  pointer-events: none;
}
.ec-now-indicator:before {
  background: var(--ec-now-indicator-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  height: 12px;
  margin-top: -7px;
  width: 12px;
  pointer-events: none;
}

.ec-resizer {
  position: absolute;
  user-select: none;
}
.ec-day-grid .ec-resizer, .ec-all-day .ec-resizer, .ec-timeline .ec-resizer {
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  max-width: 8px;
  cursor: ew-resize;
}
.ec-day-grid .ec-resizer.ec-start, .ec-all-day .ec-resizer.ec-start, .ec-timeline .ec-resizer.ec-start {
  right: auto;
  left: 0;
}

.ec-dragging, .ec-dragging * {
  cursor: pointer !important;
}

.ec-resizing-y, .ec-resizing-y * {
  cursor: ns-resize !important;
}

.ec-resizing-x, .ec-resizing-x * {
  cursor: ew-resize !important;
}
}
@layer vendor {
/**
 * easymde v2.20.0
 * Copyright Jeroen Akkerman
 * @link https://github.com/ionaru/easy-markdown-editor
 * @license MIT
 */
.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}.EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;border:1px solid #ced4da;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:0;word-wrap:break-word}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:8;border-right:none!important;border-bottom-right-radius:0!important}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-right:none!important;border-bottom-right-radius:0;position:relative;flex:1 1 auto}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:9px 10px;border-top:1px solid #ced4da;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar.fullscreen{width:100%;height:50px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);position:fixed;top:0;right:0;margin:0;padding:0}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{background:0 0;display:inline-block;text-align:center;text-decoration:none!important;height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar button{font-weight:700;min-width:30px;padding:0 6px;white-space:nowrap}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar button:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview-full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;overflow:auto;display:none;box-sizing:border-box}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd;word-wrap:break-word}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{padding:10px;background:#fafafa}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:calc(1.375rem + 1.5vw)}.cm-s-easymde .cm-header-2{font-size:calc(1.325rem + .9vw)}.cm-s-easymde .cm-header-3{font-size:calc(1.3rem + .6vw)}.cm-s-easymde .cm-header-4{font-size:calc(1.275rem + .3vw)}.cm-s-easymde .cm-header-5{font-size:1.25rem}.cm-s-easymde .cm-header-6{font-size:1rem}.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{margin-bottom:.5rem;line-height:1.2}.cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{position:relative;background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);border-radius:0;border:1px solid #fff}.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)}.easymde-dropdown-content{display:block;visibility:hidden;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:8px;z-index:2;top:30px}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}.easymde-dropdown-content button{display:block}span[data-img-src]::after{content:'';background-image:var(--bg-image);display:block;max-height:100%;max-width:100%;background-size:contain;height:0;padding-top:var(--height);width:var(--width);background-repeat:no-repeat}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
}
@layer vendor {
@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
}
@layer base {
.container {
  --p-container-max-width: 100%;
  --p-container-padding: 0;

  inline-size: 100%;
  max-inline-size: var(--p-container-max-width);
  margin-inline: auto;
  padding-inline: var(--p-container-padding);

  &.container--max-block {
    min-block-size: 100svh;
  }

  &.container--flex-centered {
    display: flex;
    place-items: center;
  }

  /* Small Screen Up */
  @media (width >= 40em) {
    --p-container-max-width: var(--p-breakpoints-sm);
  }

  /* Medium Screen Up */
  @media (width >= 48em) {
    --p-container-max-width: var(--p-breakpoints-md);
    --p-container-padding: var(--p-space-400);
  }

  /* Large Screen Up */
  @media (width >= 64em) {
    --p-container-max-width: var(--p-breakpoints-lg);
    --p-container-padding: var(--p-space-800)
  }

  /* Extra Large Screen Up */
  @media (width >= 90em) {
    --p-container-max-width: var(--p-breakpoints-xl);
  }
}

}
@layer base {
:where(dialog[data-dialog-mode="modal"], .dialog) {
    overflow: hidden;
    overflow-y: auto;

    max-inline-size: min(90vw, calc(var(--p-breakpoints-md) * 0.8));
    padding: var(--p-space-1000);

    opacity: 0;
    background-color: var(--p-color-white);
    border: none;
    border-radius: var(--p-border-radius-300);
    box-shadow: var(--p-shadow-500);

    &::backdrop {
        background-color: hsl(from var(--p-color-black) h s l / .8);
        transition: backdrop-filter .5s;
        transition-timing-function: var(--p-motion-ease-in-out);
    }

    &:not(dialog) {
        pointer-events: auto;
        overflow: visible;
        margin: var(--p-space-1200) auto;
        opacity: 1;

        .dialog__content, > form {
            max-block-size: 100% !important;
        }
    }

    &:focus-visible {
        outline: none;
    }

    &:not([open]) {
        pointer-events: none;
        opacity: 0;
    }

    &[open] {
        opacity: 1;
    }

    &:has(> .dialog__logo) {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-1000);
        align-items: center;
        justify-content: center;
    }

    &.dialog--large {
        inline-size: 100%;
        max-inline-size: calc(var(--p-breakpoints-xl) * 0.8);
    }

    &.dialog--preview {
        max-inline-size: calc(21cm + 60px);
    }

    &:is(.dialog--iframe, .dialog--full-iframe, .dialog--preview) {
        block-size: 80%;

        .dialog__content {
            scrollbar-gutter: unset !important;

            grid-template-rows: 1fr;

            min-block-size: 100%;
            max-block-size: 100dvb;
            padding: 0 !important;
        }

        .dialog__close {
            right: var(--p-space-450);
        }

        @media (width < 30em) {
            block-size: 100%;
            max-block-size: 100%;
            margin: 0;
            border-radius: 0;
        }
    }

    &.dialog--full-iframe {
        padding: 0;

        .dialog__header {
            margin-block-end: 0;
            padding: var(--p-space-450);
        }

        .dialog__close {
            float: right;
            margin-top: var(--p-space-450);
            margin-right: var(--p-space-450);
        }

        &:has(.dialog__header) .dialog__content {
            min-block-size: 90%;
        }
    }

    &.dialog--overflow {
        padding-block-end: 0;
        padding-inline: 0;

        .dialog__header {
            padding-inline: var(--p-space-1000);
        }

        .dialog__close {
            margin-inline: var(--p-space-1000);
        }

        > form,
        .dialog__content {
            scrollbar-width: thin;
            scrollbar-gutter: stable;

            overflow-y: auto;

            padding-block-end: var(--p-space-1000);
            padding-inline: var(--p-space-1000);
        }
    }

    .dialog__header {
        margin-block-end: var(--p-space-1000);
    }

    .dialog__close {
        float: right;
    }

    .dialog__iframe {
        inline-size: 100%;
        block-size: 100%;
        border: 0;
    }

    .dialog__logo {}

    .dialog__text {
        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-medium);

        &.dialog__text--primary {
            color: var(--p-color-text-on-fill-inverse);
        }
    }

    > form,
    .dialog__content {
        display: grid;
        grid-template-rows: var(--dialog-rows, auto 1fr auto);
        gap: var(--p-space-1000);
        align-items: start;

        max-block-size: 80dvb;

        article {
            overflow-y: auto;
            overscroll-behavior-x: contain;
            display: grid;
            gap: var(--p-gap-half);
            justify-content: flex-start;

            max-block-size: 100%;
            padding-inline-end: var(--p-space-300);

            font-weight: var(--p-font-weight-medium);
            color: var(--p-color-text);
        }

        footer {
            display: flex;
            flex-wrap: wrap;
            gap: var(--p-gap-half);
            align-items: flex-start;
            justify-content: space-between;

            menu {
                display: flex;
                flex-wrap: wrap;
                gap: var(--p-gap-half);
                padding-inline-start: 0;
            }
        }
    }
}

body:has(dialog[open][data-dialog-mode="modal"]) {
    overflow: hidden;
}

}
@layer base {
:root {
  --p-separator-image: url("data:image/svg+xml,%3Csvg width=%2744%27 height=%2728%27 viewBox=%270 0 44 28%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%274%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2722%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2740%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3C/svg%3E%0A");
}

.divider {
  --p-divider-width: 1px;
  --p-divider-style: dashed;
  --p-divider-margin: 25px;

  position: relative;
  padding-block: var(--p-divider-margin);

  &::before {
    content: "";

    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0;
    left: 0;

    border-bottom: var(--p-divider-width) var(--p-divider-style) var(--p-color-divider);
  }

  &.divider--dashed {
    --p-color-divider: hsl(0 0% 90%);
    --p-divider-width: 3px;
    --p-divider-style: dashed;
    --p-divider-margin: 45px;
  }

  &.divider--text {
    display: flex;
    justify-content: center;

    span {
      z-index: 10;

      padding: 10px;

      font-size: var(--p-font-size-300);
      font-weight: var(--p-font-weight-medium);
      color: var(--p-color-gray-dark);

      background-color: var(--p-color-white);
    }
  }

  &.divider--compact {
    padding-block: calc(var(--p-divider-margin) / 2);
  }
}

.separator:not(i) {
  position: relative;
  inline-size: 100%;
  block-size: 28px;

  &::before {
    content: "";

    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    display: flex;
    justify-content: center;

    height: 28px;

    background-image: var(--p-separator-image);
    background-repeat: no-repeat;
    background-position: center;
  }
}
}
@layer base {
.app-header {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap);
    align-items: center;

    @media (width > 48em) {
        flex-direction: row;
    }
}

:where(hgroup, .app-header__title, .app-title) {
    --_color-border: var(--p-color-bg-fill-info);
    --_font-weight: var(--p-font-weight-regular);

    position: relative;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--p-space-100);

    line-height: 1;

    &:not(.app-header__title--borderless) {
        padding-left: var(--p-space-400);
        border-radius: var(--p-space-100);

        &::before {
            content: "";

            position: absolute;
            top: 0;
            left: 0;

            width: var(--p-space-150);
            height: 100%;

            background-color: var(--_color-border);
            border-radius: var(--p-border-radius-full);
        }
    }

    &.app-header__title--success {
        --_color-border: var(--p-color-bg-fill-success);
    }

    &.app-header__title--emphasis {
        --_color-border: var(--p-color-bg-fill-emphasis);
    }

    &.app-header__title--primary {
        --_color-border: var(--p-color-bg-fill);
    }

    &.app-header__title--warning {
        --_color-border: var(--p-color-bg-fill-warning);
    }

    &.app-header__title--strong {
        --_font-weight: var(--p-font-weight-semibold);
    }

    h2 {
        font-size: var(--p-font-size-600);
        font-weight: var(--_font-weight);
        text-wrap: balance;
    }

    p {
        margin: 0;
        font-size: var(--p-font-size-400);
        font-weight: var(--p-font-weight-regular);
    }

    @media (width <= 48em) {
        inline-size: 100%;
    }
}

.app-header__menu {
    display: flex;
    gap: var(--p-space-150);

    @media (width <= 48em) {
        width: 100%;

        .button {
            width: 100%;
        }
    }
}

}
@layer base {
:root {
    --p-form-fieldset-bg: transparent;
    --p-form-input-label-size: var(--p-font-size-350);
    --p-form-input-padding-block: var(--p-space-350);
    --p-form-input-padding-inline: var(--p-space-500);
    --p-form-border-radius-input: var(--p-border-radius-300);
    --p-form-gap: var(--p-space-500);
    --p-form-select-bg-img: url("data:image/svg+xml,%3Csvg width=%2715%27 height=%2715%27 viewBox=%270 0 15 15%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.50026 12L1.87109 3L13.1294 3L7.50026 12Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
    --p-form-fieldset-sep: url("data:image/svg+xml,%3Csvg width=%2744%27 height=%2728%27 viewBox=%270 0 44 28%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%274%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2722%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2740%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3C/svg%3E%0A");
}

.form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);

    &.form--rounded {
        --p-form-border-radius-input: var(--p-border-radius-full);
    }

    &.form--spread {
        gap: calc(var(--p-form-gap) * 2.5);
    }

    &:disabled {
        :where(input, select, textarea) {
            cursor: not-allowed;
            opacity: 0.9;
        }
    }
}

.form__errors {
    padding-block: var(--p-space-250);
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-semibold);
    color: var(--p-color-red);
}

.form__title {
    display: flex;
    gap: var(--p-space-250);
    align-items: center;
    align-self: flex-start;

    width: 100%;

    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-semibold);

    .form__title__actions {
        display: flex;
        flex-grow: 1;
        align-items: center;
        justify-content: flex-end;
    }
}

.form__separator {
    display: flex;
    justify-content: center;

    height: var(--p-space-300);

    background-image: var(--p-form-fieldset-sep);
    background-repeat: no-repeat;
    background-position: center;
}

.form__fieldset {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);

    &:has(> legend) {
        padding-block-start: var(--p-gap);
    }


    &.form__fieldset--fill,
    &.form__fieldset--fill-inverse {
        padding: var(--p-space-800);
    }

    &.form__fieldset--fill {
        --_bg: var(--p-color-fieldset-bg-fill);
        --p-color-input-bg: var(--p-color-input-bg-surface-inverse);

        background-color: var(--_bg);
        border-radius: var(--p-border-radius-300);
    }

    &.form__fieldset--fill-inverse {
        --_bg: var(--p-color-fieldset-bg-fill-inverse);
        --p-color-input-bg: var(--p-color-input-bg-surface);
    }

    &.form__fieldset--separator {
        margin-block-start: var(--p-space-1200);

        &::before {
            content: "";

            position: absolute;
            top: 0;
            right: 0;
            left: 0;

            display: flex;
            justify-content: center;

            height: 28px;

            background-image: var(--p-form-fieldset-sep);
            background-repeat: no-repeat;
            background-position: center;
        }

        &:has(>legend)::before {
            top: calc(var(--p-space-1600) * -1);
        }
    }
}

.form__block {
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);
    width: 100%;

    &.form__block--fill {
        --_bg: var(--p-color-fieldset-bg-fill);
        --p-color-input-bg: var(--p-color-input-bg-surface-inverse);
        --p-color-input-bg-hover: var(--p-color-input-bg-surface-inverse-hover);

        padding: var(--p-space-800);
        background-color: var(--_bg);
        border-radius: var(--p-border-radius-300);
    }

    &.form__block--inverse {
        --_bg: var(--p-color-fieldset-bg-fill-inverse);
        --p-color-input-bg: var(--p-color-input-bg-surface);
    }

    &:not(.form__block--no-sep) > *:not(.form__title, .form__block--inverse, :last-child, [hidden]) {
        padding-block-end: var(--p-form-gap);
        border-bottom: 1px dashed var(--p-color-border-tertiary);
        border-radius: unset;
    }
}

.form__group {
    position: relative;

    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: var(--p-form-gap);
    align-items: flex-start;

    .form__group-sep {
        display: flex;
        place-items: center;

        block-size: 100%;

        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-medium);
    }

    @media (width >= 48em) {
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
        grid-template-columns: var(--columns, unset);
    }
}

/* FORM ACTIONS BLOCk */
.form__actions {
    display: flex;
    gap: var(--p-gap-half);
    align-items: center;
    justify-content: flex-start;

    &.form__actions--grid {
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr;

        @media (width < 48em) {
            > .button {
                inline-size: 100%;
            }
        }

        @media (width >= 48em) {
            grid-auto-columns: 150px;
            grid-auto-flow: column;
            grid-template-columns: unset;
            width: min-content;
        }
    }

    &.form__actions--right {
        justify-content: flex-end;
    }

    .form__divider {
        width: 12px;
        height: var(--p-space-1200);
        min-height: 100%;
        margin-right: 10px;

        border-right: 2px dashed var(--p-color-border-tertiary);
    }

    @media (width < 48em) {
        &:not(.form__actions--grid) {
            flex-wrap: wrap;

            .button,
            > div {
                inline-size: 100%;
                min-inline-size: 100%;
            }
        }
    }
}

/* FORM INPUT */
.form-input {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-200);

    &.form-input--self-center {
        align-self: center;
    }

    &.form-input--hidden,
    &:has(:is(input, select, textarea)[hidden]) {
        display: none;
    }

    &:has([type="checkbox"]),
    &:has([type="radio"]) {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    :where(input, select, textarea) {
        &:disabled {
            opacity: 0.75;
        }
    }

    :where(input, select, textarea):not([type="checkbox"], [type="radio"], .form-input--number > [type="number"]) {
        position: relative;

        box-sizing: border-box;
        width: 100%;
        padding-block: var(--p-form-input-padding-block);
        padding-inline: var(--p-form-input-padding-inline);

        font-size: var(--p-font-size-400);
        font-weight: var(--p-font-weight-medium);
        color: var(--p-color-input-text);

        background-color: var(--p-color-input-bg);
        border: none;
        border-radius: var(--p-form-border-radius-input);
        outline: var(--p-space-050) solid var(--p-color-input-border);
        outline-offset: 0;

        &::placeholder {
            color: var(--p-color-input-placeholder);
        }

        &.light {
            --p-color-input-bg-surface: var(--p-color-white);
        }

        &.copy {
            --p-color-input-bg-surface: var(--p-color-white);
            --p-form-input-padding-block: var(--p-space-150);
            --p-form-input-padding-inline: 0;

            cursor: pointer;
            font-size: var(--p-font-size-300);
            text-align: center;

            @media (width > 48em) {
                font-size: var(--p-font-size-350);
            }
        }

        &:focus-visible,
        &:active {
            outline-color: var(--p-color-input-border-hover);
        }

        &:invalid:not(:placeholder-shown, > option[value=""]:checked),
        &[aria-invalid] {
            outline-color: var(--p-color-input-border-invalid);
        }

        @media (hover: hover) {
            &:hover:not(:invalid) {
                outline-color: var(--p-color-input-border-hover);
            }
        }
    }

    select {
        overflow: hidden;

        padding-inline-end: var(--p-space-1200) !important;

        text-overflow: ellipsis;
        white-space: nowrap;

        appearance: none;
        background-image: var(--p-form-select-bg-img);
        background-repeat: no-repeat;
        background-position: right var(--p-space-600) center;
        background-size: 15px;
    }

    input[type="checkbox"] {
        cursor: pointer;

        inline-size: var(--p-space-450);
        block-size: var(--p-space-450);

        appearance: none;
        background-color: var(--p-color-input-bg-surface);
        border: 2px solid var(--p-color-red);
        border-radius: var(--p-border-radius-100);
        outline: unset !important;

        &:checked {
            background-color: var(--p-color-red);
            background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    }

    input[type="file"] {
        &::file-selector-button {
            display: none;
        }
    }

    ul {
        margin-top: 0;
    }

    &.form-input--inline {
        flex-direction: row;

        > label {
            min-inline-size: max-content;
        }
    }

    &:has(.form-input--number) {
        block-size: 100%;
    }

    &:has(.form-input--textarea) {
        .form-input--textarea {
            position: relative;
        }

        textarea:is(:user-invalid, :invalid) {
            outline-color: var(--p-color-input-border-invalid);

            & + .counter {
                background-color: hsl(from var(--p-color-input-border-invalid) h s l / 0.75);
            }
        }

        .counter {
            position: absolute;
            top: var(--p-space-250);
            right: var(--p-space-600);

            padding: var(--p-space-100) var(--p-space-150);

            font-size: var(--p-font-size-300);
            color: var(--p-color-bg-fill-inverse);

            background-color: hsl(from var(--p-color-bg-fill-emphasis) h s l / 0.85);
            border-radius: var(--p-border-radius-300);

            span {
                font-weight: var(--p-font-weight-regular);
            }
        }
    }

    > .form-input__errors,
    > .form-input__help-list {
        font-size: var(--p-font-size-350);
    }

    > .form-input__help-list {
        margin-inline-start: var(--p-space-400);

        .form-input__errors + & {
            display: none;
        }
    }

    &.form-input--helpless > .form-input__help-list {
        display: none;
    }

    > .form-input__errors {
        font-weight: var(--p-font-weight-semibold);
        color: var(--p-color-red);
    }

    &.form-input--bigger {
        --p-form-font-size-label: var(--p-font-size-450);
    }

    &.form-input--text-center {
        input {
            text-align: center;
        }
    }
}

.form-input label {
    display: inline-flex;
    gap: var(--p-space-150);
    place-items: center;

    font-size: var(--p-form-input-label-size);
    font-weight: var(--p-font-weight-semibold);

    &.form-input__label--bigger {
        font-size: var(--p-space-450);
    }

    &:has(+ input[type="checkbox"]) {
        font-weight: var(--p-font-weight-medium);
    }

    &:has(+ :where(input, select)[required]:not([type="radio"]), :where(input, select)[required]:not([type="radio"])) {
        &::after {
            content: "*"
        }
    }
}

.form-input.form-input--radio {
    > label {
        cursor: pointer;
        user-select: none;

        display: flex;
        place-content: center;

        width: 100%;
        padding-block: var(--p-space-100);
        padding-inline: var(--p-space-400);

        font-size: var(--p-font-size-450);
        color: var(--p-color-text-on-fill-inverse);

        background-color: var(--p-color-bg-fill-inverse);
        border: 1px solid var(--p-color-bg-fill);
        border-radius: var(--p-border-radius-300);
    }

    &:has(input:checked) label {
        color: var(--p-color-text-on-fill);
        background-color: var(--p-color-bg-fill);
    }

    &:has(input:is(:disabled,[readonly]):not(:checked)) label {
        pointer-events: none;
        cursor: not-allowed;

        color: var(--p-color-text-on-fill-disabled);

        opacity: 0.25;
        border-color: var(--p-color-text-on-fill-disabled);
    }

    > input {
        display: none;
    }
}

.form-input.form-input--number {
    --icon-size: 24px;

    flex-direction: row;

    height: 100%;

    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill-emphasis);
    border-radius: var(--p-border-radius-300);

    &:not(:has(> button)) {
        padding-inline: var(--p-space-750);
    }

    button {
        padding-inline: var(--p-space-250);

        @media (width < 64em) {
            flex-grow: 1;
        }
    }

    input[type="number"] {
        width: 2ch;
        text-align: center;
        -moz-appearance: textfield;
        background: transparent;

        &::-webkit-inner-spin-button,
        &::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

        &:focus {
            outline: none;
        }

        @media (width < 64em) {
            width: 100%;
        }

    }
}

.form-input.form-input--image,
.form-input.form-input--logo {
    flex-direction: column;
}

.form-input.form-input--logo:has(.file-current) {
    .form-input__image {
        picture {
            border-radius: 0 !important;

            img {
                inline-size: 128px !important;
                block-size: 64px !important;
            }
        }

        input[type="file"] {
            height: fit-content !important;
        }
    }

    .form-input__help-list {
        margin-top: -30px;
        margin-left: 128px;
    }
}


.form-input .form-input__image {
    display: flex;
    gap: var(--p-space-250);

    .file-current {
        display: flex;
        flex-direction: column;
        place-items: center;

        &:has(input:checked) {
            display: none;
        }

        picture {
            overflow: clip;
            border-radius: var(--p-border-radius-full);

            img {
                inline-size: var(--p-space-800);
                block-size: var(--p-space-800);
                object-fit: cover;
                object-position: center;
            }
        }

        input[type="checkbox"] {
            display: none;
        }

        label {
            cursor: pointer;
            font-size: var(--p-font-size-300);
        }
    }
}

.form-input .form-input__group {
    position: relative;

    > input {
        padding-inline-end: var(--p-space-1400) !important;
    }

    > .form-input__suffix {
        --icon-color: var(--p-color-text-on-fill-inverse);

        position: absolute;
        right: calc(var(--p-form-input-padding-inline) / 2);
        height: 100%;
    }
}

.form-text {
    margin-inline-start: 30px;
}

/* Label and Legend Icon */
.label-icon {
    display: flex;
    flex-shrink: 0;
    place-content: center;
    place-items: center;

    inline-size: var(--p-space-800);
    block-size: var(--p-space-800);

    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-300);

    svg {
        max-inline-size: var(--p-space-450);
        max-block-size: var(--p-space-450);
    }
}

/* FORMSET */
.formset {
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);

    .formset__item {
        position: relative;

        display: grid;
        grid-template-columns: 1fr;
        gap: var(--p-space-250);

        width: 100%;

        &:has(> .formset__drag) {
            grid-template-columns: auto 1fr;
        }

        &.formset__item--empty {
            font-size: var(--p-font-size-550);
        }

        &.formset__item--empty:not(:only-child) {
            display: none;
        }
    }

    .formset__drag {
        cursor: grab;

        display: flex;
        place-items: center;

        inline-size: var(--p-space-450);
        block-size: 100%;

        color: var(--p-color-text-on-fill);

        background-color: var(--p-color-bg-fill-info);
        border-radius: var(--p-border-radius-200);

        > svg {
            rotate: 90deg;
        }

        @media (prefers-reduced-motion: no-preference) {
            transition: background-color 300ms var(--p-motion-ease-in-out);
        }

        @media (hover: hover) {
            &:hover {
                background-color: var(--p-color-bg-fill-info-hover);
            }
        }
    }

    .formset__content {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-250);
    }

    .formset__title,
    .formset__title > * {
        display: flex;
        gap: var(--p-space-250);
        align-items: center;

        font-size: var(--p-font-size-300);
        font-weight: var(--p-font-weight-semibold);
        text-transform: uppercase;
    }
}

/* Custom Select */
.custom-select {
    position: relative;
    width: 100%;
    border-radius: var(--p-border-radius-300);

    .custom-select__selected {
        padding-inline-end: var(--p-space-1200);
    }

    &.custom-select--opened .custom-select__selected {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }

    .custom-select__loading {
        position: absolute;
        top: 0;
        right: var(--p-space-250);

        display: flex;
        place-items: center;

        height: 100%;

        color: var(--p-color-text-on-fill-inverse);

        transition: visibility 500ms ease-in-out;
    }

    .custom-select__options {
        scrollbar-color: var(--p-color-bg-fill-tertiary);
        scrollbar-width: thin;
        scrollbar-gutter: var(--p-space-200);

        position: absolute;
        z-index: var(--p-z-index-2);
        top: 52px;
        right: 0;
        left: 0;

        overflow-y: auto;
        display: flex;
        flex-direction: column;

        max-block-size: 15ch;
        padding-block: var(--p-space-300);
        padding-inline: var(--p-space-500);

        background-color: var(--p-color-input-bg);
        border-bottom-right-radius: var(--p-border-radius-300);
        border-bottom-left-radius: var(--p-border-radius-300);
        outline: var(--p-space-050) solid var(--p-color-input-border);
        outline-offset: 0;

        scrollbar-arrow-color: unset;
    }

    &.custom-select--opened {
        box-shadow: hsl(0 0% 0% / 0.1) 0 4px 15px 0;

        .custom-select__options {
            box-shadow: hsl(0 0% 0% / 0.1) 0 9px 10px 0;
        }
    }

    .custom-select__option {
        cursor: pointer;
        user-select: none;

        padding: var(--p-space-250);

        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-semibold);
        line-height: 1.2;

        border-radius: var(--p-border-radius-300);

        sub {
            font-size: var(--p-font-size-300);
            color: var(--p-color-gray-dark);
        }

        &:hover {
            background-color: var(--p-color-input-bg-hover);
        }

        &.custom-select__option--not-found {
            color: var(--p-color-text-on-fill);
            background-color: var(--p-color-bg-fill);
        }
    }

    &:not(.custom-select--loading) {
        .custom-select__loading {
            visibility: hidden;
        }
    }

    &:not(.custom-select--opened) {
        .custom-select__options {
            display: none;
        }
    }
}

.custom-select:has(.custom-select__selected:is(:focus-visible, :active, :hover)) {
    .custom-select__options {
        outline-color: var(--p-color-input-border-hover);
    }
}

/* Custom Multiple Select */
.custom-multiple-select {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--p-space-250);
    block-size: calc(var(--p-space-400) * 20);

    > select {
        display: none;
    }

    .custom-multiple-select__zone {
        overflow-block: scroll;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: var(--p-space-150);

        min-height: 100%;
        padding-block: var(--p-space-400);
        padding-inline: var(--p-space-300);

        background-color: var(--p-color-input-bg);
        border-radius: var(--p-border-radius-300);
    }

    .custom-multiple-select__swap {
        overflow: hidden;
        flex-grow: 0;
        flex-shrink: 1;
        place-content: center;
        align-items: center;
    }

    .custom-multiple-select__option {
        cursor: move;

        padding-block: var(--p-space-100);
        padding-inline: var(--p-space-200);

        font-weight: var(--p-font-weight-medium);

        border-radius: var(--p-border-radius-300);

        &.custom-multiple-select__option--selected {
            background-color: var(--p-color-input-bg-hover);
        }
    }
}

/* Intl Telephone Library Customization */
.iti {
    width: 100%;

    .iti__selected-country {
        overflow: hidden;
        border-top-left-radius: var(--p-form-border-radius-input) !important;
        border-bottom-left-radius: var(--p-form-border-radius-input) !important;
    }
}

}
@layer base {
:where(.button),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  --_accent: var(--p-color-white);
  --_text: var(--p-color-white);
  --_size: var(--p-font-size-350);
  --_bg: var(--p-color-bg-fill);
  --_bg-hover: var(--p-color-bg-fill-hover);
  --_border-radius: var(--p-border-radius-300);
  --_highlight-size: var(--p-space-100);
  --_highlight: hsl(from var(--p-color-black) h s l / 0.15);
  --_shadow: var(--p-shadow-200), 0 1px var(--_bg), 0 var(--_highlight-size) 0 var(--_highlight);
  --_icon-size: var(--p-space-450);
  --_icon-color: var(--_accent, var(--p-color-text));

  cursor: pointer;
  user-select: none;

  position: relative;

  display: inline-flex;
  gap: var(--p-space-150);
  align-items: center;
  justify-content: center;

  block-size: fit-content;
  min-block-size: var(--p-space-1200);

  font-size: var(--_size);
  font-weight: var(--p-font-weight-semibold);
  line-height: 0.9;
  color: var(--_text);
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;

  background-color: var(--_bg);
  border: none;
  border-radius: var(--_border-radius);
  outline: none;

  transition: background-color .5s var(--p-motion-ease-in-out);

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;

  &:where(:not(.button--no-padding, .button--text)) {
    padding-block: var(--p-space-350);
    padding-inline: var(--p-space-500);
  }

  &:where(:not(.button--shadowless)) {
    box-shadow: var(--_shadow);
  }

  @media (prefers-reduced-motion: no-preference) {
    transition: background-color .5s,
    box-shadow .5s;
    transition-timing-function: var(--p-motion-ease-in-out);
  }
}

:where(.button,button,input:is([type="button"],[type="submit"],[type="reset"])) {
  /* pressing */

  &:not(:active, [disabled], .button--transparent, .button--text):hover {
    --_highlight-size: var(--p-space-0);

    background-color: var(--_bg-hover);
    transition-duration: .25s;
  }

  /* icons */

  & > svg {
    flex-shrink: 0;

    width: var(--icon-size, var(--_icon-size));
    max-width: unset;
    height: var(--icon-size, var(--_icon-size));

    color: var(--icon-color, var(--_icon-color));
  }

  & > :where(svg > *) {
    fill: var(--icon-color, var(--_icon-color));
    stroke: var(--icon-color, var(--_icon-color));
    stroke-width: var(--p-space-100);
  }

  /* variations */

  &.button--text {
    --_bg: transparent;
    --_shadow: none;
    --_text: var(--p-color-text);
    --_icon-size: var(--p-space-400);

    min-block-size: auto;

    &:hover {
      border-bottom: 1px solid var(--p-color-bg-fill);
      border-radius: 0;
    }
  }

  &.button--full {
    inline-size: 100% !important;
  }

  &.button--compact:not(.button--no-padding) {
    min-height: auto;
    padding-block: var(--p-space-250);
    padding-inline: var(--p-space-300);
  }
  
  &.button--transparent {
    --_bg: transparent;
    --_shadow: none;
  }

  &.button--icon {
    --_bg: transparent;
    --_text: var(--p-color-gray-light);
    --_icon-size: var(--p-space-400);

    padding-block: var(--p-space-100);
    padding-inline: var(--p-space-250);
  }

  &.button--highlight {;
    --_size: var(--p-font-size-400);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-600);

    padding-block: 1.2ch;
  }

  &.button--pill {
    --_size: var(--p-font-size-300);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-400);

    min-block-size: fit-content;
    padding-block: var(--p-space-150);
    padding-inline: var(--p-space-250);
    box-shadow: none;

    &:has(> svg) {
      padding-block: var(--p-space-100);
    }
  }

  &.button--action {
    --_size: var(--p-font-size-300);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-400);
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);
    --_shadow: none;

    min-block-size: fit-content;
    padding-block: var(--p-space-150);
    padding-inline: var(--p-space-250);

    &:has(> svg) {
      padding-block: var(--p-space-100);
    }
  }

  &.button--action-big {
    --_size: var(--p-font-size-300);
    --_border-radius: var(--p-border-radius-200);
    --_icon-size: var(--p-space-300);
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);
    --_shadow: none;

    padding-block: var(--p-space-350);
    padding-inline: var(--p-space-250);
  }

  &.button--secondary {
    --_bg: var(--p-color-bg-fill-tertiary);
    --_bg-hover: var(--p-color-bg-fill-tertiary-hover);
  }

  &.button--white {
    --_bg: var(--p-color-bg-fill-inverse);
    --_bg-hover: var(--p-color-bg-fill-inverse-hover);
    --_text: var(--p-color-text-on-fill-inverse);
    --_icon-color: var(--p-color-text-on-fill-inverse);
    --_shadow: none;

    border: 1px solid var(--p-color-bg-fill);
  }

  &.button--info {
    --_bg: var(--p-color-bg-fill-info);
    --_bg-hover: var(--p-color-bg-fill-info-hover);
  }

  &.button--emphasis {
    --_bg: var(--p-color-bg-fill-emphasis);
    --_bg-hover: var(--p-color-bg-fill-emphasis-hover);
  }

  &.button--warning {
    --_bg: var(--p-color-bg-fill-warning);
    --_bg-hover: var(--p-color-bg-fill-warning-hover);
  }

  &.button--success {
    --_bg: var(--p-color-bg-fill-success);
    --_bg-hover: var(--p-color-bg-fill-success-hover);
  }

  &.button--gray {
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);
  }

  &.button--social {
    --_size: var(--p-font-size-550);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-550);
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);

    inline-size: fit-content;
    padding-block: var(--p-space-250);
    padding-inline: var(--p-space-800);
    font-weight: var(--p-font-weight-medium);
  }

  &.button--google {
    --_bg: hsl(5 81 56);
    --_bg-hover: hsl(from var(--_bg) h calc(s - 20) l);
  }

  &.button--large {
    --_icon-size: var(--p-space-500);

    padding-block: 2.5ch;
    padding-inline: 3ch;
  }

  &.button--vertical {
    @media (width >= 48em) {
      flex-direction: column;
    }
  }

  &[disabled],
  .button--disabled {
    --_bg: var(--p-color-bg-fill-disabled);
    --_text: var(--p-color-text-on-fill);

    /* --p-shadow-button-hover: 0 3px 0 hsl(from var(--p-color-black) h s l / 0.14); */

    cursor: not-allowed;
    box-shadow: var(--p-shadow-100);
  }
}
}
@layer base {
:root,
[data-bs-theme="light"] {
  --p-space-sidebar-toggle: 26px;
  --p-color-sidebar-toggle: var(--p-color-text);
  --p-border-radius-sidebar-toggle: var(--p-border-radius-500);
  --p-sidebar-line-height: calc(var(--p-space-sidebar-toggle) / 7.5);
  --p-sidebar-border-radius-left: var(--p-border-radius-sidebar-toggle) 0 0 var(--p-border-radius-sidebar-toggle);
  --p-sidebar-border-radius-right: 0 var(--p-border-radius-sidebar-toggle) var(--p-border-radius-sidebar-toggle) 0;
}

.nav-control {
  display: none;
}

.nav-underlay {
  position: fixed;
  z-index: var(--p-z-index-9);
  inset: 0;

  display: none;

  background: hsl(from var(--p-color-bg) / 0.9);
}

@media (width < 90em) {
  .nav-control:checked ~ .nav-underlay {
    display: block;
    animation: 200ms ease-in-out forwards p-nav-underlay;
  }
}

.nav-toggle {
  user-select: none;
  position: relative;
  width: var(--p-space-sidebar-toggle);
  height: var(--p-space-sidebar-toggle);
}

.nav-toggle label {
  display: flex;
  place-items: center;

  width: var(--p-space-sidebar-toggle);
  height: var(--p-space-sidebar-toggle);

  transition-duration: 0.5s;

  &:hover {
    cursor: pointer;
  }

  .left,
  .right {
    position: absolute;

    width: calc(var(--p-space-sidebar-toggle) / 2);
    height: var(--p-sidebar-line-height);

    background-color: var(--p-color-sidebar-toggle);

    transition-duration: 0.5s;

    &::before,
    &::after {
      content: "";

      position: absolute;

      width: calc(var(--p-space-sidebar-toggle) / 2);
      height: var(--p-sidebar-line-height);

      background-color: var(--p-color-sidebar-toggle);

      transition-duration: 0.5s;
    }

    &::before {
      top: calc(var(--p-space-sidebar-toggle) / 3 * -1);
    }

    &::after {
      top: calc(var(--p-space-sidebar-toggle) / 3);
    }
  }

  .left {
    left: 0;
    border-radius: var(--p-sidebar-border-radius-left);

    &::before,
    &::after {
      border-radius: var(--p-sidebar-border-radius-left);
    }
  }

  .right {
    left: calc(var(--p-space-sidebar-toggle) / 2);
    border-radius: var(--p-sidebar-border-radius-right);

    &::before,
    &::after {
      border-radius: var(--p-sidebar-border-radius-right);
    }
  }
}

@media (width < 90em) {
  .nav-toggle label {
    :has(.nav-control:checked) & {
      --p-sidebar-translate-size: calc(var(--p-sidebar-line-height) / 2);

      .left,
      .right {
        background: transparent;
        transition-duration: 0.5s;
      }

      .left {
        &::before {
          transform:
            rotateZ(45deg) scaleX(1.4) translate(
              var(--p-sidebar-translate-size),
              var(--p-sidebar-translate-size)
            );
        }

        &::after {
          transform:
            rotateZ(-45deg) scaleX(1.4) translate(
              var(--p-sidebar-translate-size),
              calc(var(--p-sidebar-translate-size) * -1)
            );
        }
      }

      .right {
        &::before {
          transform:
            rotateZ(-45deg) scaleX(1.4) translate(
              calc(var(--p-sidebar-translate-size) * -1),
              var(--p-sidebar-translate-size)
            );
        }

        &::after {
          transform:
            rotateZ(45deg) scaleX(1.4) translate(
              calc(var(--p-sidebar-translate-size) * -1),
              calc(var(--p-sidebar-translate-size) * -1)
            );
        }
      }
    }
  }
}

@media (width >= 90em) {
  .nav-toggle label {
    .right { display: none; }

    .left {
      width: var(--p-space-sidebar-toggle);
      transition-duration: 0.5s;

      &::before,
      &::after {
        width: var(--p-space-sidebar-toggle);
      }
    }

    :has(.nav-control:not(:checked)) & {
      --p-sidebar-translate-size: calc(var(--p-space-sidebar-toggle) / 5);

      .left {
        transition-duration: 0.5s;

        &::before {
          transform:
            rotateZ(-45deg) scaleX(0.75) translate(
              calc(var(--p-sidebar-translate-size) * -1),
              calc((var(--p-sidebar-translate-size) - var(--p-sidebar-line-height)) * -1)
            );
        }

        &::after {
          transform:
            rotateZ(45deg) scaleX(0.75) translate(
              calc(var(--p-sidebar-translate-size) * -1),
              calc(var(--p-sidebar-translate-size) - var(--p-sidebar-line-height))
            );
        }
      }
    }
  }
}

@keyframes p-nav-underlay {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    backdrop-filter: blur(10px);
  }
}

}
@layer base {
.search {
  --p-color-input-bg: var(--p-color-input-bg-surface-inverse);

  display: flex;
  flex-direction: column;
  gap: var(--p-space-500);

  padding: var(--p-space-800);

  background-color: var(--p-color-bg-fill-secondary);
  border-radius: var(--p-border-radius-300);

  .search__toggle {
    display: none;
  }

  .search__toggle-label {
    cursor: pointer;
    user-select: none;

    position: relative;

    display: flex;
    gap: var(--p-space-250);
    align-items: center;

    padding: var(--p-space-250);

    font-weight: var(--p-font-weight-semibold);
    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-300);

    &::before {
      content: "";

      position: absolute;

      /* top: 50%; */
      right: var(--p-space-250);

      inline-size: var(--p-space-600);
      block-size: var(--p-space-600);

      color: var(--p-color-text-on-fill);

      background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27mask0_315_795%27 style=%27mask-type:alpha%27 maskUnits=%27userSpaceOnUse%27 x=%270%27 y=%270%27 width=%2724%27 height=%2724%27%3E%3Crect width=%2724%27 height=%2724%27 fill=%27%23D9D9D9%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23mask0_315_795%29%27%3E%3Cpath d=%27M12 10.4537L7.92701 14.527C7.78851 14.6653 7.61443 14.7362 7.40476 14.7395C7.19526 14.7427 7.01801 14.6718 6.87301 14.527C6.72818 14.382 6.65576 14.2063 6.65576 14C6.65576 13.7937 6.72818 13.618 6.87301 13.473L11.3673 8.97875C11.5481 8.79808 11.759 8.70775 12 8.70775C12.241 8.70775 12.4519 8.79808 12.6328 8.97875L17.127 13.473C17.2653 13.6115 17.3362 13.7856 17.3395 13.9952C17.3427 14.2047 17.2718 14.382 17.127 14.527C16.982 14.6718 16.8063 14.7442 16.6 14.7442C16.3937 14.7442 16.218 14.6718 16.073 14.527L12 10.4537Z%27 fill=%27white%27/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    :has(#search-toggle:not(:checked)) &::before {
      rotate: 180deg;
    }
  }

  .form {
    :has(#search-toggle:not(:checked)) & {
      display: none;
    }
  }

  @media (width < 48em) {
    padding: var(--p-space-400);
  }
}

.search__filters {
  > *:not(:last-child) {
    padding-block-end: var(--p-form-gap);
    border-bottom: 1px dashed var(--p-color-border-tertiary);
    border-radius: unset;
  }
}

.search-results {
  display: flex;
  flex-direction: column;
  gap: var(--p-gap);
}

}
@layer base {
.app-listing {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap);

    /* noinspection Stylelint */
    overflow-scrolling: touch;
}

.table {
    border-collapse: collapse;
    width: 100%;
    font-variant-numeric: tabular-nums lining-nums;

    th, td {
        padding-block: var(--p-space-150);
        padding-inline: var(--p-space-400);
        text-align: left;
        vertical-align: middle;

        &:last-child {
            text-align: right;
            border-top-right-radius: var(--p-border-radius-300);
            border-bottom-right-radius: var(--p-border-radius-300);
        }

        &:first-child {
            text-align: left;
            border-top-left-radius: var(--p-border-radius-300);
            border-bottom-left-radius: var(--p-border-radius-300);
        }

        &.compact {
            padding-inline: var(--p-space-100);
            text-align: center;

            span {
                place-content: center;
            }
        }
    }

    &.table--no-options {
        :where(th, td):last-child {
            text-align: start;
        }
    }

    > thead {
        vertical-align: bottom;

        th {
            font-weight: var(--p-font-weight-semibold);
            color: var(--p-color-white);
            background-color: var(--p-color-blue-light);

            > span {
                display: flex;
                gap: var(--p-space-200);
                place-content: flex-start;
                align-items: center;

                width: 100%;
            }

            &:last-of-type span {
                place-content: flex-end;
            }

            &.compact span {
                place-content: center;
            }
        }
    }

    > tbody {
        font-weight: var(--p-font-weight-medium);

        tr {
            & + & {
                border-top: 2px dashed var(--p-color-border-secondary);
            }

            &:hover :where(td, th) {
                background-color: var(--p-color-bg-fill-secondary);
            }
        }

        td > svg {
            display: none;
        }

        .actions > menu {
            display: flex;
            gap: var(--p-space-100);
            align-items: center;
            justify-content: flex-end;
        }
    }

    > tfoot {
        tr > * {
            padding-block-start: var(--p-space-300);
        }

        td {
            text-align: right;
        }
    }

    @media (width < 48em) {
        display: none;
    }
}

.table-mobile {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-200);
    inline-size: 100%;

    .table-mobile__item {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: repeat(2, auto);
        gap: var(--p-space-200);
        row-gap: var(--p-space-400);

        padding: var(--p-space-300);

        background-color: var(--p-color-bg-fill-secondary);
        border-radius: var(--p-border-radius-300);
    }

    .table-mobile__data {
        display: grid;
        grid-template-rows: var(--rows, repeat(auto-fit, minmax(1.5rem, 1fr)));
    }

    .table-mobile__actions {
        grid-column: 1 / -1;

        > menu {
            display: flex;
            flex-flow: row wrap;
            gap: var(--p-space-200);
            justify-items: center;
        }
    }

    .table-mobile__label {
        font-weight: var(--p-font-weight-bold);
        line-height: 1.875;
    }

    .table-mobile__infos {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-100);
        align-self: flex-end;

        margin-block-start: var(--p-space-200);
    }

    .table-mobile__info {
        display: flex;
        gap: var(--p-space-100);
        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-medium);
    }

    .table-mobile__tags {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-200);

        .table-mobile__tag {
            --_bg-color: transparent;

            font-size: var(--p-font-size-300);
            color: var(--p-color-text-on-fill);
            background-color: var(--_bg-color);
        }
    }

    @media (width >= 48em) {
        display: none;
    }
}

.table-mobile-wrapper {
    touch-action: pan-x;
    overflow-x: auto;

    .table {
        display: table !important;
    }
}

.table__empty td {
    text-align: center !important;
}

.table__name {
    display: flex;
    flex-direction: column;
    text-wrap: nowrap;

    .extra {
        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-regular);
    }
}

.table__toggle {
    display: flex;
    place-items: center;
}

.table__detail {
    border-top: unset !important;

    td {
        padding: var(--p-space-500);
        background-color: var(--p-color-border-secondary) !important;
    }

    .table__detail-content {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-200);

        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-regular);

        h4 {
            font-size: var(--p-font-size-350);
            font-weight: var(--p-font-weight-bold);
            line-height: 1;
        }

        .note, .files {
            display: flex;
            flex-direction: column;
            gap: var(--p-space-050);
            border-top: 2px dashed var(--p-color-border-secondary);
        }

        .text {

        }
    }
}
}
@layer base {
.app-pagination {
  display: flex;
  gap: var(--p-space-100);
  place-items: center;

  padding: var(--p-space-150);

  background-color: var(--p-color-bg-fill-secondary);
  border-radius: var(--p-border-radius-300);

  > li {
    display: flex;

    &:first-child,
    &:last-child {
      flex-grow: 1;
    }

    &:first-child {
      justify-content: flex-start;
    }

    &:last-child {
      justify-content: flex-end;
    }
  }

  .app-pagination__item {
    user-select: none;

    display: flex;
    place-content: center;
    place-items: center;

    min-inline-size: var(--p-space-750);
    block-size: var(--p-space-750);
    padding-inline: var(--p-space-100);

    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-semibold);
    color: var(--p-color-text-on-tertiary);
    text-decoration: none;

    border-radius: var(--p-border-radius-250);

    &:is(.previous, .next) {
      color: var(--p-color-text-on-fill);
      background-color: var(--p-color-bg-fill-tertiary);
    }

    &.current,
    &:hover:not(.disabled, .ellipse) {
      color: var(--p-color-text-on-fill);
      background-color: var(--p-color-bg-fill-info);
    }

    &.disabled {
      opacity: 0.75;
    }
  }
}

}
@layer base {
.breadcrumb {
    user-select: none;

    display: grid;
    grid-template-columns: 1fr auto;

    padding-block: var(--p-space-300);
    padding-inline: var(--p-space-500);

    color: var(--p-color-gray-dark);

    background-color: var(--p-color-gray);
    border-radius: var(--p-border-radius-full);

    > ul {
        display: flex;
        gap: var(--p-space-150);
        place-items: center;
    }

    .breadcrumb__time {
        font-weight: var(--p-font-weight-semibold);

        @media (width < 48em) {
            display: none;
        }
    }

    .breadcrumb__item {
        display: flex;
        place-content: center;

        & + & {
            &::before {
                content: "";

                display: inline-block;

                inline-size: var(--p-space-600);
                block-size: var(--p-space-600);
                margin-right: var(--p-space-150);

                background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27mask0_153_446%27 style=%27mask-type:alpha%27 maskUnits=%27userSpaceOnUse%27 x=%270%27 y=%270%27 width=%2724%27 height=%2724%27%3E%3Crect width=%2724%27 height=%2724%27 fill=%27%23D9D9D9%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23mask0_153_446%29%27%3E%3Cpath d=%27M12.9463 12L8.87301 7.927C8.73468 7.7885 8.66385 7.61441 8.66051 7.40475C8.65735 7.19525 8.72818 7.018 8.87301 6.873C9.01801 6.72816 9.19368 6.65575 9.40001 6.65575C9.60634 6.65575 9.78201 6.72816 9.92701 6.873L14.4213 11.3672C14.5148 11.4609 14.5808 11.5597 14.6193 11.6635C14.6578 11.7673 14.677 11.8795 14.677 12C14.677 12.1205 14.6578 12.2327 14.6193 12.3365C14.5808 12.4403 14.5148 12.5391 14.4213 12.6327L9.92701 17.127C9.78851 17.2653 9.61443 17.3362 9.40476 17.3395C9.19526 17.3427 9.01801 17.2718 8.87301 17.127C8.72818 16.982 8.65576 16.8063 8.65576 16.6C8.65576 16.3937 8.72818 16.218 8.87301 16.073L12.9463 12Z%27 fill=%27%231C1B1F%27/%3E%3C/g%3E%3C/svg%3E%0A");
            }
        }

        &.breadcrumb__item--current,
        &:has(a:active) {
            font-weight: var(--p-font-weight-semibold);
        }

        a { text-decoration: none; }

        &.breadcrumb__item--home {
            inline-size: var(--p-space-600);
            block-size: var(--p-space-600);
        }
    }
}

}
@layer base {
.badge {
    --_bg: var(--p-color-bg-fill);
    --_color: var(--p-color-text-on-fill);

    height: fit-content;
    padding-block: var(--p-space-050);
    padding-inline: var(--p-space-200);

    font-size: var(--p-font-size-300);
    color: var(--_color);
    text-align: center;
    text-wrap: nowrap;

    background-color: var(--_bg);
    border-radius: var(--p-border-radius-300);

    > svg {
        inline-size: var(--p-space-300);
        block-size: var(--p-space-300);

        * {
            fill: currentcolor;
        }
    }

    &:has(> svg) {
        display: flex;
        gap: var(--p-space-100);
        align-items: center;
    }

    &.badge--icon {
        justify-content: center;
        color: var(--_bg);
        background-color: transparent;

        > svg {
            inline-size: var(--p-space-600);
            block-size: var(--p-space-600);
        }
    }

    &.badge--large {
        padding-block: var(--p-space-100);
        padding-inline: var(--p-space-300);
        font-size: var(--p-font-size-400);
        border-radius: var(--p-border-radius-400);
    }

    &.badge--no-action {
        pointer-events: none;
    }

    &[class~="badge--prescription-type"] {
        --_bg: var(--p-color-bg-fill-hover);
    }

    &.badge--prescription-status-0 {
        --_bg: var(--p-color-bg-fill-disabled);
    }

    &:is(.badge--fail, .badge--prescription-type-0, .badge--medical-record-status-4) {
        --_bg: var(--p-color-red, hsl(2 69% 50%));
    }

    &:is(.badge--warning, .badge--prescription-type-1, .badge--prescription-type-99, .badge--medical-record-status-3) {
        --_bg: var(--p-color-orange, hsl(25 100% 61%));
    }

    &:is(.badge--success, .badge--prescription-type-2, .badge--medical-record-status-2) {
        --_bg: var(--p-color-green-dark, hsl(108 39% 46%));
    }

    &:is(.badge--prescription-type-9, .badge--medical-record-status-1) {
        --_bg: var(--p-color-gray-dark, hsl(0 1% 52%));
    }

    &:is(.badge--prescription-sign-status-0, .badge--prescription-sign-status-1, .badge--prescription-sign-status-9) {
        --_bg: var(--p-color-red, hsl(2 69% 50%));
    }

    &.badge--prescription-sign-status-2 {
        --_bg: var(--p-color-green-dark, hsl(108 39% 46%));
    }

    &.badge--pulse {
        isolation: isolate;
        position: relative;
        z-index: var(--p-z-index-2);

        &::before {
            content: "";

            position: absolute;
            z-index: -1;
            inset: 0;

            background-color: var(--_bg);
            border-radius: inherit;

            animation: pulse 1.5s infinite;
        }
    }
}

.badge-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--p-space-200);
    align-items: center;

    &.badge-group--compact {
        gap: var(--p-space-050);
    }
}

@keyframes pulse {
    to {
        transform: scale(1.2);
        opacity: 0;
    }
}
}
@layer base {
.tooltip {
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: max-content;
    padding: var(--p-space-100) var(--p-space-250);

    color: var(--p-color-tooltip-text);

    background: var(--p-color-tooltip-bg);
    border-radius: var(--p-border-radius-100);

    .tooltip__arrow {
        content: "";

        position: absolute;
        transform: rotate(45deg);

        width: var(--p-space-200);
        height: var(--p-space-200);

        background: var(--p-color-tooltip-bg);
    }
}

&[data-tooltip]:hover .tooltip {
    display: block;
}
}
@layer base {
.prose,
.editor-preview {
    font-size: var(--p-font-size-400);
    font-weight: var(--p-font-weight-regular);
    line-height: 1.75;

    p {
        margin-block: 1.25em;
    }

    hr {
        margin-block: 3em;
    }

    h1 {
        font-size: var(--p-font-size-800);
    }

    h2 {
        font-size: var(--p-font-size-700);
    }

    h3 {
        font-size: var(--p-font-size-600);
    }

    ul, ol {
        margin-block: 1em;
        padding-inline-start: 2.5em;
        list-style-position: initial;
        list-style-type: initial;
    }

    ol {
        list-style-type: decimal;
    }
}
}
@layer base {
.notyf {
    z-index: 99999;
    
    .notyf__toast {
        @media (width > 64em) {
            border-radius: var(--p-border-radius-300);
        }
    }

    .notyf__wrapper {
        gap: var(--p-space-250);
        justify-content: space-between;
        padding-block: 15px;
        padding-right: 0;
    }

    .notyf__dismiss {
        position: relative;
        block-size: 30px;
        inline-size: 30px;
        margin: 0;
    }

    .notyf__dismiss-btn {
        border-radius: var(--p-border-radius-300);
        block-size: 30px;
        inline-size: 30px;
        display: flex;
        place-content: center;
        place-items: center;
    }

    .notyf__message {
        user-select: none;
        font-size: var(--p-font-size-400);
        font-weight: var(--p-font-weight-semibold);
        line-height: 1;
    }
}
}
@layer base {
.EasyMDEContainer {
    &:has(.fullscreen) {
        z-index: var(--p-z-index-12);
    }

    .CodeMirror {
        background-color: var(--p-color-input-bg);
        border-bottom-right-radius: var(--p-border-radius-300);
        border-bottom-left-radius: var(--p-border-radius-300);
    }

    .editor-toolbar {
        background-color: hsl(from var(--p-color-input-bg) h s calc(l - 5));
        border-top-left-radius: var(--p-border-radius-300);
        border-top-right-radius: var(--p-border-radius-300);
    }
}
}
@layer base {
.switch {
    display: flex;
    align-items: center;
    gap: var(--p-space-250);

}

.switch__slider {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
}

.switch__slider span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--p-color-bg-fill-secondary);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;

    &::before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: var(--p-color-bg-fill);
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }
}

.switch__on, .switch__off {
    cursor: pointer;
    font-size: var(--p-font-size-450);
}

.switch__checkbox {
    &:checked ~ .switch__slider > span:before {
        transform: translateX(46px);
    }

    &:not(:checked) ~ .switch__off,
    &:checked ~ .switch__on {
        font-weight: var(--p-font-weight-semibold);
    }
}
}
@layer base {
.visually-hidden:not(:focus, :active) {
  position: absolute !important;

  overflow: hidden !important;

  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;

  clip: rect(0 0 0 0);
  clip-path: inset(50%) !important;
  border: 0 !important;
}

.icon {
  background: transparent;
  border: none;
  fill: currentcolor;

}

.scrollable {
  scroll-behavior: smooth;
  scrollbar-width: none;

  overflow-y: scroll;
  overflow-clip-margin: var(--p-space-200);
  overscroll-behavior: contain;
}

}
@layer page {
body {
  color: var(--p-color-text);
  background-color: var(--p-color-bg);
}

.app {
  --p-grid-column-sidebar: var(--p-space-0);
  --p-grid-column-sidebar-ext: var(--p-space-0);
  --p-grid-row-header: auto;
  --p-grid-row-header-ext: var(--p-space-0);

  will-change: contents;

  container: app / inline-size;
  display: grid;
  grid-template-columns:
    [header-start sidebar-start logo-start] var(--p-grid-column-sidebar)
    [sidebar-end main-ext-start] var(--p-grid-column-sidebar-ext)
    [logo-end main-start] 1fr
    [main-end main-ext-end header-end];
  grid-template-rows:
    [header-start header-ext-start] var(--p-grid-row-header)
    [header-end sidebar-ext-start main-start] var(--p-grid-row-header-ext)
    [header-ext-end sidebar-start] 1fr
    [sidebar-ext-end sidebar-end main-end];

  min-block-size: 100dvh;
  margin-block-end: var(--p-gap);

  &:has(.nav-control:checked) {
    --p-grid-column-sidebar: var(--p-width-sidebar);
    --p-grid-column-sidebar-ext: var(--p-space-0);
  }

  @media (prefers-reduced-motion: no-preference) {
    transition: 300ms;
  }

  /* Medium Screen Up */
  @media (width >= 48em) {
    --p-grid-column-sidebar: var(--p-width-sidebar-collapsed);
    --p-grid-column-sidebar-ext: 120px;
    --p-grid-row-header-ext: var(--p-space-0);

    &:has(.nav-control:checked) {
      --p-grid-column-sidebar: var(--p-width-sidebar);
      --p-grid-column-sidebar-ext: var(--p-space-0);
      --p-grid-row-header-ext: 50px;
    }
  }

  /* Large Screen Up */
  @media (width >= 64em) {
    --p-grid-column-sidebar: var(--p-width-sidebar-collapsed);
    --p-grid-column-sidebar-ext: 120px;

    &:has(.nav-control:checked) {
      --p-grid-column-sidebar: var(--p-width-sidebar);
      --p-grid-column-sidebar-ext: var(--p-space-0);
    }
  }

  /* Extra Large Screen Up */
  @media (width >= 90em) {
    --p-grid-column-sidebar: var(--p-width-sidebar);
    --p-grid-column-sidebar-ext: var(--p-space-0);
    --p-grid-row-header-ext: 50px;

    &:has(.nav-control:checked) {
      --p-grid-column-sidebar: var(--p-width-sidebar-collapsed);
      --p-grid-column-sidebar-ext: 120px;
      --p-grid-row-header-ext: var(--p-space-0);
    }
  }
}

/* MENU TOGGLE / LOGO - INITIAL STATE */
.app .app__logo {
  z-index: var(--p-z-index-9);

  container: app-logo / size;
  display: flex;
  grid-area: header-ext / logo;
  gap: var(--p-space-1200);
  place-items: center;

  min-height: var(--p-height-logo);
  padding-block: var(--p-space-250);
  padding-inline-start: var(--p-space-350);

  .logo {
    width: auto;
    block-size: 100%;
  }

  @media (prefers-reduced-motion: no-preference) {
    transition: min-height 300ms var(--p-motion-easy-out);

    .logo {
      animation: 10ms var(--p-motion-easy-out) forwards var(--p-motion-fade-out),
      300ms var(--p-motion-easy-in) 350ms reverse forwards var(--p-motion-fade-out);
    }
  }

  @media (width < 48em) {
    display: none;
  }

  @media (width >= 90em) {
    padding-inline-end: var(--p-space-600);
  }
}

/* MENU TOGGLE / LOGO - MENU OPENED */
:has(.nav-control:checked) .app .app__logo {
  gap: var(--p-space-800);

  @media (prefers-reduced-motion: no-preference) {
    transition: min-height 300ms var(--p-motion-easy-in);

    .logo {
      animation: 10ms var(--p-motion-easy-out) reverse var(--p-motion-fade-in),
      300ms var(--p-motion-easy-in) 350ms backwards var(--p-motion-fade-in);
    }
  }

  @media (width >= 48em) {
    padding-inline-end: var(--p-space-600);
  }

  @media (width >= 90em) {
    gap: var(--p-space-1400);
    padding-inline-end: var(--p-space-0);
  }
}

/* SIDEBAR */
.app .app__sidebar {
  z-index: var(--p-z-index-9);
  container: app-sidebar / inline-size;
  grid-area: sidebar / sidebar;

  @media (width < 48em) {
    overflow-x: hidden;
  }
}

/* HEADER */
.app .app__header {
  z-index: var(--p-z-index-9);
  grid-area: header;

  @media (width >= 48em) {
    grid-column: main;
    padding-block: var(--p-space-250);
  }
}

/* MAIN CONTENT */
.app .app__main {
  z-index: var(--p-z-index-0);

  container: app-main / inline-size;
  overflow-x: hidden;
  grid-area: main / main-ext;

  border-radius: var(--p-border-radius-500);

  @media (width < 48em) {
    padding-block: var(--p-gap);
  }

  @media (width >= 48em) {
    margin-block-end: var(--p-space-500);
    box-shadow: hsl(0 0 0 / 0.1) 0 0 64px 0;
  }
}

.app .app__main .app__container {
  --p-main-container-padding: var(--p-space-200);
  --p-main-container-width: calc(100cqi - var(--p-main-container-padding));

  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: var(--p-gap);

  min-inline-size: var(--p-main-container-width);
  min-block-size: 100%;
  padding: var(--p-main-container-padding);

  background-color: var(--p-color-bg-surface);

  @media (width < 48em) {
    --p-main-container-padding: var(--p-space-400);

    margin-inline: 0;

    :has(.nav-control:checked) & {
      --p-main-container-width: calc(100vw - var(--p-main-container-padding));
    }
  }

  @media (48em <= width < 64em) {
    padding: var(--p-space-400);

    :has(.nav-control:checked) & {
      --p-main-container-width: calc(var(--p-breakpoints-md) - var(--p-width-sidebar-collapsed) - (var(--p-container-padding) * 2));
    }
  }

  @media (width >= 64em) {
    padding: var(--p-space-800);
  }
}

/* APP LOADING */
.app .app__loading,
.form__loading {
  position: fixed;
  z-index: var(--p-z-index-00);
  inset: -8px;

  display: none;
  flex-direction: column;
  gap: var(--p-space-250);
  place-content: center;
  place-items: center;

  min-block-size: 300px;
  padding-block-start: var(--p-space-350);

  background-color: hsl(from var(--p-color-white) h s l / 0.85);
  border-radius: var(--p-border-radius-300);

  &.app__loading--centered {
    place-items: center;
  }

  &:has(> *:only-child) {
    flex-direction: row;
  }

  .form__block:has(&) {
    position: relative;
  }

  &.htmx-request,
  &.app__loading--active {
    display: flex;
  }
}

body:has(.app__loading:is(.app__loading--active,.htmx-request)) {
  overflow: hidden;
}
}
@layer page {
.error-page {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap);
    justify-content: center;

    padding-block: var(--p-space-800);
}

.error-page__dialog {
    min-inline-size: 440px;
    max-inline-size: 530px;

    .dialog__content {
        gap: var(--p-space-450);
    }
}

.error-page__image {
    display: flex;
    place-content: center;
    width: 100%;
}

.error-page__text {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
    line-height: 1.2;
}
}
@layer page {
.dashboard-customer__status {
    --_color: var(--p-color-gray-light);

    display: flex;
    place-content: center;
    place-items: center;

    &::before {
        content: "";

        inline-size: var(--p-space-300);
        block-size: var(--p-space-300);

        background-color: var(--_color);
        border-radius: var(--p-border-radius-full);
    }

    &:is(.status-0, .status-7) {
        --_color: var(--p-color-green-light);
    }

    &:is(.status-1, .status-2, .status-3, .status-4, .status-6) {
        --_color: var(--p-color-red);
    }

    &:is(.status-5) {
        --_color: var(--p-color-yellow);
    }
}

.dashboard-customer__name {
    display: flex;
    flex-direction: column;
    text-wrap: nowrap;
}

.dashboard-customer__email {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
}

.dashboard-customer__info {
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
}
}
@layer page {
.prescription-template-modal {
    .content {
        display: flex;
        flex-direction: column;
        gap: var(--p-gap-half);
    }

    .content__warning {
        font-weight: var(--p-font-weight-medium);
        color: var(--p-color-text-on-fill-inverse);
    }

    .template-list {
        display: flex;
        flex-direction: column;
        gap: var(--p-gap-half);

        li {
            --_size: var(--p-font-size-700);

            position: relative;

            display: flex;
            align-items: center;
            justify-content: space-between;

            padding-block: var(--p-space-250);
            padding-inline: var(--p-space-350);

            border-radius: var(--p-border-radius-300);

            &:not(:last-child)::before {
                content: "";

                position: absolute;
                right: 0;
                bottom: calc(var(--p-gap-half) / 2 * -1);
                left: 0;

                block-size: 1px;
                margin-inline-start: var(--p-gap-half);

                border-bottom: 1px dashed var(--p-color-bg-fill-tertiary);
            }

            &:hover {
                background-color: var(--p-color-bg-fill-secondary);
            }
        }
    }

    .template-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        inline-size: 100%;

        &.template-item--importing,
        &.template-item--imported {
            pointer-events: none;
            cursor: not-allowed;
            position: relative;

            &::before {
                position: absolute;
                inset: calc(var(--p-space-250) * -1) calc(var(--p-space-350) * -1);

                display: flex;
                place-content: center;
                place-items: center;

                font-weight: var(--p-font-weight-semibold);
                color: var(--p-color-text-on-fill);

                background-color: hsl(from var(--p-color-bg-fill-info) h s l / 0.85);
                border-radius: var(--p-border-radius-300);
            }
        }

        &.template-item--importing::before {
            content: "IMPORTANDO...";
        }

        &.template-item--imported::before {
            content: "IMPORTADO";
        }
    }

    .template-item__name {
        font-size: var(--p-font-size-500);
        font-weight: var(--p-font-weight-semibold);
    }

    .template-item__actions {
        --icon-color: var(--p-color-text-on-fill-inverse);
        --icon-size: var(--p-space-650);

        display: flex;
        flex-direction: row;
        gap: var(--p-gap-half);
        place-items: center;

        time {
            color: var(--p-color-text-on-fill-disabled);
        }
    }
}

.prescription-download {
    flex-direction: column;
    justify-content: center;

    .dialog form {
        gap: var(--p-space-750);
    }

    p.light {
        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-medium);
        color: var(--p-color-text-on-fill-disabled);
    }
}

.prescription-missing-address {
    user-select: none;

    padding: var(--p-space-300);

    font-weight: var(--p-font-weight-semibold);

    background-color: hsl(from var(--p-color-bg-fill) h s l / 0.15);
    border-radius: var(--p-border-radius-300);
    outline: 1px dashed var(--p-color-text-on-fill-inverse);
    outline-offset: -4px;
}
}
@layer page {
.clinic {
    .clinic__info {
        display: flex;
        flex-direction: column;
        gap: var(--p-gap-half);

        font-size: var(--p-font-size-450);
        font-weight: var(--p-font-weight-medium);
    }

    .clinic__name {
        display: flex;
        gap: var(--p-space-100);
        align-items: center;

        font-size: var(--p-font-size-800);
        font-weight: var(--p-font-weight-semibold);
    }

    .clinic__address {
        font-weight: var(--p-font-weight-semibold);
        color: var(--p-color-text-on-fill-disabled);
    }

    .clinic__stats {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: var(--p-gap-half);
        place-items: center;

        @media (width >= 1024px) {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    .clinic__stat {
        user-select: none;

        display: flex;
        gap: var(--p-gap-half);
        place-items: center;
        justify-content: center;

        inline-size: 100%;
        padding: var(--p-space-400);

        color: var(--p-color-text-on-fill);

        background-color: var(--p-color-bg-fill-info);
        border-radius: var(--p-border-radius-400);

        .number {
            font-size: var(--p-font-size-900);
            font-weight: var(--p-font-weight-semibold);
        }
    }

    .clinic__plan {
        inline-size: fit-content;
        font-size: var(--p-font-size-450);
        font-weight: var(--p-font-weight-medium);

        th {
            padding-inline-end: var(--p-gap);
            font-weight: var(--p-font-weight-medium);
            text-align: left;
        }

        td {
            font-weight: var(--p-font-weight-bold);
        }
    }

    .clinic__cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: var(--p-gap-half);

        @media (width >= 1024px) {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .clinic__card {
        position: relative;

        display: flex;
        flex-direction: column;
        gap: var(--p-gap-half);

        padding: var(--p-space-400);

        background-color: var(--p-color-bg-fill-secondary);
        border-radius: var(--p-border-radius-400);

        h6 {
            display: flex;
            gap: var(--p-space-100);
            align-items: center;
            font-weight: var(--p-font-weight-semibold);
        }

        .clinic__card-badge {
            position: absolute;
            top: var(--p-space-400);
            right: var(--p-space-400);
        }
    }

    .clinic__card-details {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-100);

        li {
            display: flex;
            gap: var(--p-space-100);
            align-items: center;

            font-size: var(--p-font-size-350);
            font-weight: var(--p-font-weight-semibold);
        }
    }

    .clinic__card-status {
        display: flex;
        gap: var(--p-space-100);
        align-items: center;

        &.invited {
            color: var(--p-color-text-warning);
        }

        &.active {
            color: var(--p-color-text-success);
        }

        &.inactive {
            color: var(--p-color-text-on-fill-inverse);
        }
    }

    .clinic__card-actions {
        display: flex;
        gap: var(--p-space-100);
        align-items: center;
        justify-content: flex-start;

        &.clinic__card-actions--space {
            justify-content: space-between;
        }
    }

    .clinic__card-new {
        a {
            display: flex;
            gap: var(--p-space-100);
            place-content: center;
            place-items: center;
            
            min-block-size: 120px;

            color: var(--p-color-text-on-fill);

            background-color: var(--p-color-bg-fill-emphasis);
            border-radius: var(--p-border-radius-400);

            @media (hover: hover) {
                &:hover {
                    background-color: var(--p-color-bg-fill-emphasis-hover);
                }
            }
        }
    }
}
}
@layer page {
.medical-record {
}

.medical-record__header {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-100);

    h3 {
        font-size: var(--p-font-size-650);
        font-weight: var(--p-font-weight-bold);
        line-height: 1;
    }

    ul {
        @media (width > 48em) {
            display: flex;
            gap: var(--p-space-200);
            font-size: var(--p-font-size-450);

            li:not(:last-child) {
                padding-inline-end: var(--p-space-300);
                border-inline-end: 1px solid var(--p-color-black);
            }
        }
    }
}

.medical-record__body {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-500);
    font-size: var(--p-font-size-450);

    .medical-record__note {
        padding: var(--p-space-400);
        background-color: hsl(from var(--p-color-bg) h s calc(l - 4));
        border-radius: var(--p-border-radius-400);

        h4 {
            font-weight: var(--p-font-weight-bold);
        }
    }
}

ul.medical-record__files {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-250);
    padding: var(--p-space-250);

    li {
        display: flex;
        gap: var(--p-space-100);
        align-items: center;

        > a {
            margin-inline-start: var(--p-space-250);
        }
    }
}
}
@layer page {
.patient-details__details {
    font-size: var(--p-font-size-450);
    line-height: 1.4;

    ul {
        @media (width > 64em) {
            display: flex;
            gap: var(--p-space-200);

            li:not(:last-of-type) {
                position: relative;
                padding-inline-end: var(--p-space-300);

                &::after {
                    content: "|";
                    position: absolute;
                    right: 0;
                    font-weight: var(--p-font-weight-bold)
                }
            }
        }
    }

    .highlight {
        padding: var(--p-space-400);
        background-color: hsl(from var(--p-color-bg) h s calc(l - 4));
        border-radius: var(--p-border-radius-400);
    }
}

}
@layer page {
.app:has(+ .service-bar) {
    margin-block-end: calc(var(--p-space-1400) * 3.5);

    @media (width > 48em) {
        margin-block-end: calc(var(--p-space-1400) * 2);
    }
}

.service-bar {
    position: fixed;
    z-index: var(--p-z-index-99);
    right: 0;
    bottom: 0;
    left: 0;

    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill);
    filter: drop-shadow(0 -4px 4px rgb(0 0 0 / 0.25));

    @media (prefers-reduced-motion: no-preference) {
        transition-duration: 300ms;
        transition-property: display;

        transition-behavior: allow-discrete;
    }
}

.service-bar__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-400);

    padding-block: var(--p-space-400);
    padding-inline: var(--p-space-800);

    @media (prefers-reduced-motion: no-preference) {
        transition-duration: 300ms;
        transition-property: display;

        transition-behavior: allow-discrete;
    }
}

.service-bar__main {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-400);

    @media (width > 48em) {
        flex-direction: row;
    }
}

.service-bar__header {
    display: flex;
    flex-direction: row;
    gap: var(--p-space-250);
    align-items: center;

    .service-bar__patient {
        font-size: var(--p-font-size-400);
        font-weight: var(--p-font-weight-semibold);

        small {
            display: block;
            font-size: var(--p-font-size-350);
            font-weight: var(--p-font-weight-medium);
        }

        @media (width > 48em) {
            font-size: var(--p-font-size-600);
            line-height: 1;
        }
    }

    @media (width > 48em) {
        flex-grow: 1;
    }
}

.service-bar__timer {
    padding: var(--p-space-200) var(--p-space-350);

    font-family: monospace;
    font-size: var(--p-font-size-500);
    font-weight: var(--p-font-weight-semibold);
    font-variant-numeric: slashed-zero tabular-nums;
    text-align: center;

    background-color: var(--p-color-bg-fill-hover);
    border-radius: var(--p-border-radius-300);
}

.service-bar__actions {
    display: flex;
    flex-direction: row;
    gap: var(--p-space-400);
}

.service-bar__form {
    .service-bar:not(.service-bar--expanded) & {
        display: none;
    }
}


}
@layer page {
.registration {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap);
    justify-content: center;

    .dialog {
        margin: 0 auto;
    }

    @media (width < 48em) {
        margin-block: var(--p-space-800);
    }
}

.registration__plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--p-space-200);
    align-items: flex-start;

    .registration__plan {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-250);

        block-size: 100%;
        padding: var(--p-space-250);

        background-color: var(--p-color-bg-fill-secondary);
        border-radius: var(--p-border-radius-300);
    }

    .registration__plan-header {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-100);
        place-content: center;
        place-items: center;

        padding-block: var(--p-space-400);
        padding-inline: var(--p-space-250);

        font-size: var(--p-font-size-300);
        font-weight: var(--p-font-weight-medium);
        color: var(--p-color-text-on-fill);
        text-align: center;

        background-color: var(--p-color-bg-fill);
        border-radius: var(--p-border-radius-300);

        h3 {
            font-size: var(--p-font-size-700);
            font-weight: var(--p-font-weight-semibold);
            line-height: 1;
            text-transform: uppercase;
        }
    }

    .registration__plan-price {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        place-content: center;

        padding-block: var(--p-space-600);

        font-size: var(--p-font-size-550);
        line-height: 1.3;
        text-align: center;

        &.registration__plan-price--discounted span {
            text-decoration: line-through;
        }
    }

    @media (width > 64em) {
        flex-direction: row;
    }
}

.registration__plan-cycle {
    display: flex;
    place-content: center;
}

.registration__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.registration__plan-details {
    padding: var(--p-space-350);
    color: var(--p-color-text-on-fill);
    background-color: var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-300);

    p {
        text-align: right;
    }

    p:first-child {
        font-size: var(--p-font-size-550);
    }
}

.registration__footer {
    font-size: var(--p-font-size-300);
}

.registration__wait {
    display: flex;
    place-content: center;
}

.checkout-plan {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--p-space-250);

    width: 100%;

    background: hsl(from var(--p-color-bg-fill-hover) h s l / 0.25);
    border: 2px dashed var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-300);

    .checkout-plan__details {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: var(--p-space-150);

        padding: var(--p-space-300);
    }

    .checkout-plan__name {
        display: flex;
        gap: var(--p-space-100);
        align-items: center;
        justify-content: center;

        font-size: var(--p-font-size-800);
        font-weight: var(--p-font-weight-semibold);
    }

    .checkout-plan__specs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--p-space-050);
        align-items: center;

        .checkout-plan__spec {
            display: flex;
            gap: var(--p-space-100);
            align-items: center;

            .number {
                font-size: var(--p-font-size-600);
                font-weight: var(--p-font-weight-semibold);
            }
        }
    }

    .checkout-plan__price {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-250);
        align-items: center;
        justify-content: center;

        height: 100%;
        padding: var(--p-space-300);

        background: hsl(from var(--p-color-bg-fill-hover) h s l / 0.75);
    }
}

.checkout-auth {
    display: grid;
    grid-template-columns: 1fr 1fr;

    .checkout-auth__item {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-250);
        align-items: center;
        justify-content: center;
    }
}
}
@layer page {
.dispensation-auth {
    .form__errors {
        inline-size: 100%;

        text-align: center;

        background-color: var(--p-color-bg-fill-secondary);
        border-radius: var(--p-border-radius-100);
        outline: 1px dashed var(--p-color-bg-fill);
        outline-offset: -2px;
    }
}


.dispensation {
    display: grid;
    gap: var(--p-space-800);

    inline-size: 100%;
    margin-block: var(--p-space-1000);
    padding: var(--p-space-800);

    background-color: var(--p-color-white);
    border: none;
    border-radius: var(--p-border-radius-300);
    box-shadow: var(--p-shadow-500);

    hr {
        border-color: var(--p-color-border-tertiary);
        border-style: dashed;
    }
}

.dispensation__title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-semibold);

    .name {
        display: flex;
        gap: var(--p-space-250);
        align-items: center;
        align-self: flex-start;

        font-size: var(--p-font-size-450);
        font-weight: var(--p-font-weight-semibold);
    }

    .info {
        max-inline-size: 200px;
        font-size: var(--p-font-size-300);
        font-weight: var(--p-font-weight-medium);
        text-align: end;
    }
}

.dispensation-header {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--p-space-400);
    align-items: center;

    > svg {
        max-inline-size: 160px;
    }

    .dispensation-header__title {
        display: flex;
        flex-flow: column nowrap;
        flex-grow: 1;

        h2 {
            padding: var(--p-space-0);
            font-weight: var(--p-font-weight-semibold);
        }

        h6 {
            padding: var(--p-space-0);
            font-size: var(--p-font-size-300);
        }
    }

    .dispensation-header__token {
        padding: var(--p-space-200) var(--p-space-400);

        font-size: var(--p-font-size-350);
        color: var(--p-color-text-on-fill);

        background-color: var(--p-color-bg-fill);
        border-radius: var(--p-border-radius-300);

    }

    @media (width > 48em) {
        grid-template-columns: 1fr auto 1fr;
    }
}

.dispensation-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--p-space-400);

    .dispensation-info__box {
        padding: var(--p-space-500);
        font-weight: var(--p-font-weight-regular);
        border: 1px dashed var(--p-color-border-tertiary);
        border-radius: var(--p-border-radius-300);
    }
}

.dispensation-drugs {
    display: grid;
    gap: var(--p-space-400);

    .dispensation-drugs__list {
        display: grid;
        gap: var(--p-space-400);
    }

    .dispensation-drugs__item {
        overflow: clip;
        display: grid;
        grid-template-columns: 4px 1fr auto;
        gap: var(--p-space-400);

        padding-inline-start: var(--p-space-350);

        font-size: var(--p-font-size-350);

        background-color: var(--p-color-bg);
        border-radius: var(--p-border-radius-300);


        .bar {
            margin-block: var(--p-space-400);
            background-color: var(--p-color-bg-fill);
            border-radius: var(--p-border-radius-300);
        }

        &:has(input:placeholder-shown) .bar {
            background-color: transparent;
        }

        .details {
            display: grid;
            gap: var(--p-space-250);
            padding-block: var(--p-space-400);

            h4 {
                display: flex;
                flex-flow: column wrap;
                gap: var(--p-space-050);

                font-size: var(--p-font-size-400);
                font-weight: var(--p-font-weight-semibold);

                small {
                    font-size: var(--p-font-size-350);
                    font-weight: var(--p-font-weight-regular);
                }
            }
        }

        .quantity {
            display: flex;
            align-items: center;
            justify-content: center;

            padding-inline: var(--p-space-800);

            background-color: hsl(from var(--p-color-bg-fill-secondary-hover) h s l / 0.25);
            border-inline-start: 1px dashed var(--p-color-border-tertiary);

            input[type="number"] {
                width: auto;
                inline-size: 50px;
                block-size: 60px;
                padding: var(--p-space-100) var(--p-space-150);

                font-size: var(--p-font-size-600);
                line-height: 1.2;
                text-align: center;

                /* appearance: textfield; */
                background-color: var(--p-color-bg-surface);
                border: none;
                border-radius: var(--p-border-radius-100);
                outline: none;

                &::-webkit-inner-spin-button,
                &::-webkit-outer-spin-button {
                    margin: 0;
                    appearance: none;
                }

                &:not(:placeholder-shown) {
                    font-weight: var(--p-font-weight-semibold);
                    color: var(--p-color-text-on-fill);
                    background-color: var(--p-color-bg-fill);
                }
            }
        }
    }
}

.dispensation-supplier {
    display: grid;
    gap: var(--p-space-400);
}

.dispensation-footer {
    display: grid;
    gap: var(--p-space-400);
}
}
@layer component {
.header {
  container: page-header / inline-size;
  display: grid;
  grid-template-columns:
    [top-start logo-start actions-start] 1fr
    [logo-end menu-start] 1fr
    [menu-end actions-end top-end];
  grid-template-rows:
    [top-start] auto
    [top-end logo-start menu-start] 1fr
    [menu-end logo-end actions-start] auto
    [actions-end];
  row-gap: var(--p-gap);

  > :not(.header__top) {
    padding-inline: 1.25rem;
  }
}

@container app (width >= 45em) {
  .header {
    grid-template-columns:
      [top] auto
      [menu] auto;
    grid-template-rows: [top menu actions] 1fr;
    gap: 0;
    align-items: center;
    justify-content: space-between;

    height: 100%;
  }
}

/* HEADER TOP */
.header__top {
  grid-area: top;
  padding-block: 0.5rem;

  /* Medium Screen Down */
  @media (width < 48em) {
    color: var(--p-color-text-on-fill);
    background-color: var(--p-color-bg-fill);
  }
}

/* HEADER LOGO (Mobile Only) */
.header__logo {
  display: flex;
  grid-area: logo;
  gap: var(--p-gap-half);

  .logo {
    min-height: var(--p-height-logo-mobile);
    animation: none;
  }
}

/* HEADER POI (POINT OF INTEREST) */
.header__poi {
  display: flex;
  grid-area: top;
  flex-direction: row;
  gap: var(--p-gap-250);
  align-items: center;
  justify-content: space-between;

  font-size: var(--p-font-size-450);
  font-weight: var(--p-font-weight-semibold);

  .current {
    display: flex;
    column-gap: var(--p-gap-250, 10px);
    align-items: center;

    /* Medium Screen Up */
    @media (width >= 48em) {
      svg {
        color: var(--p-color-primary);
      }
    }
  }

  > button {
    padding: var(--p-space-100) var(--p-space-200);

    font-size: var(--p-font-size-300);
    color: var(--p-color-white);

    background-color: var(--p-color-gray-light);
    border: none;
    border-radius: var(--p-border-radius-500);

    /* Medium Screen Down */
    @media (width < 48em) {
      color: currentcolor;
      background: transparent;

      span {
        display: none;
      }
    }

    /* Medium Screen Up */
    @media (width >= 48em) {
      svg {
        display: none;
      }
    }
  }

  /* Medium Screen Down */
  @media (width < 48em) {
    font-size: var(--p-font-size-300);
    color: var(--p-color-white);
    background-color: var(--p-color-bg-fill);
  }
}

@container app (width >= 45em) {
  .header__logo { display: none; }
}

.header__actions {
  display: flex;
  grid-area: actions;
  flex-direction: column;
  gap: var(--p-space-400);

  @media (width >= 768px) {
    display: none;
  }
}

.header__actions-search {
  display: flex;
  flex-direction: column;
  gap: var(--p-space-400);

  &:not(.header__actions-search--visible) {
    display: none;
  }
}

.header__menu {
  display: flex;
  grid-area: menu;
  gap: var(--p-space-400);
  place-content: flex-end;
  place-items: center;

  @media (width >= 48em) {
    gap: var(--p-space-750);
  }
}

.header__search {
  .header__search-button {
    color: var(--p-color-text-on-fill-disabled);

    @media (width > 48em) {
      display: none;
    }
  }


}

.header__search-form {
  &:not(.header__search-form--mobile) {
    @media (width <= 48em) {
      display: none;
    }
  }

  &.header__search-form--mobile {
    .form-input {
      --p-color-input-bg: var(--p-color-white);
      --p-color-input-placeholder: var(--p-color-gray-light);
      --icon-color: var(--p-color-gray-light);
      --p-form-border-radius-input: var(--p-border-radius-750);

      input {
        padding-block: var(--p-space-350);
        font-size: var(--p-font-size-350);
      }
    }

    @media (width > 48em) {
      display: none;
    }
  }

  .form-input {
    --p-color-input-bg: var(--p-color-white);
    --p-color-input-text: var(--p-color-gray-light);
    --p-color-input-placeholder: var(--p-color-gray-light);
    --icon-color: var(--p-color-gray-light);
    --p-form-border-radius-input: var(--p-border-radius-750);

    input {
      padding-block: var(--p-space-150);
      font-size: var(--p-font-size-350);
    }
  }
}

.header__user-menu {
  display: flex;
  gap: var(--p-space-400);
  place-content: flex-end;
  place-items: center;
}

.header-logout {
  min-inline-size: var(--p-space-600);

  &.impersonated {
    color: var(--p-color-bg-fill);
  }
}

.header-profile {
  user-select: none;
  display: flex;
  gap: var(--p-space-250);
  place-items: center;
}

.header-profile__name {
  font-weight: var(--p-font-weight-semibold);

  @media (width < 48em) {
    display: none;
  }
}

.header-profile__avatar {
  overflow: clip;
  inline-size: var(--p-space-800);
  block-size: var(--p-space-800);
  border-radius: var(--p-border-radius-full);

  img {
    inline-size: var(--p-space-800);
    block-size: var(--p-space-800);
    object-fit: cover;
    object-position: center;
  }
}



}
@layer component {
/* Sidebar Initial State */
.sidebar {
  user-select: none;

  overflow: visible;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: var(--p-space-1000);

  width: 100%;
  height: 100%;
  padding-block: var(--p-space-400);
  padding-inline-end: var(--p-space-600);

  @media (width < 48em) {
    padding-inline-start: var(--p-space-600);
  }

  @media (width >= 48em) {
    height: 100%;
  }
}

.sidebar__actions {
  display: flex;
  place-content: center;

  @media (width < 48em) {
    display: none;
  }
}

.sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: var(--p-space-800);

  .sidebar-menu__menu {
    display: flex;
    flex-direction: column;
  }

  .sidebar-menu__heading {
    margin-block-end: var(--p-space-500);
    font-size: var(--p-font-size-600);
    font-weight: var(--p-font-weight-semibold);
    line-height: 0.9;
  }

  .sidebar-menu__menuitem {
    position: relative;

    display: flex;
    justify-content: space-between;

    width: 100%;
    padding-block: var(--p-space-250);

    &:hover {
      color: var(--p-color-text-on-fill-inverse);
    }

    & + & {
      border-top: 1px dashed var(--p-color-bg-fill-tertiary);
    }

    .sidebar-menu__text,
    .sidebar-menu__actions {
      display: flex;
      gap: var(--p-space-250);
      align-items: center;
    }

    .sidebar-menu__text {
      flex-grow: 1;
      font-weight: var(--p-font-weight-medium);
      color: inherit;
      text-decoration: none;

      svg {
        width: var(--p-size-nav-icon);
        height: var(--p-size-nav-icon);
      }
    }

    .sidebar-menu__actions {
      > a {
        color: var(--p-color-gray-dark);
        text-decoration: none;
      }
    }

    .sidebar-menu__badge {
      display: flex;
      place-items: center;

      padding-block: var(--p-space-100);
      padding-inline: var(--p-space-400);

      font-size: var(--p-font-size-300);
      font-weight: var(--p-font-weight-semibold);
      color: var(--p-color-white);

      background-color: var(--p-color-bg-fill);
      border-radius: var(--p-border-radius-500);
    }
  }
}

.sidebar__ad {
  display: flex;
  place-content: center;
  place-items: center;

  min-block-size: 170px;

  font-size: var(--p-font-size-600);
  font-weight: var(--p-font-weight-semibold);

  background-color: var(--p-color-bg-fill-tertiary);
  border-radius: var(--p-border-radius-300);
}

.sidebar__footer {
  display: flex;
  flex-direction: column;
  gap: var(--p-space-650);
}

.sidebar__copyright {
  font-size: var(--p-font-size-300);
  text-align: center;
}

/*  Collapsed Sidebar */
@media (width >= 48em) {
  @container app-sidebar (width < 250px) {
    .sidebar__actions .button {
      --p-size-button-square: 45px;

      width: var(--p-size-button-square, 45px);
      height: var(--p-size-button-square, 45px);
      padding: 0;
      border-radius: var(--p-border-radius-full);

      .button__label {
        display: none;
      }
    }

    .sidebar-menu__menu {
      align-items: center;

      & + & {
        padding-top: var(--p-space-800);
        border-top: 3px solid var(--p-color-bg-fill);
      }
    }

    .sidebar__nav .sidebar-menu__menuitem {
      --p-size-nav-icon: var(--p-size-nav-icon-larger);

      align-items: center;
      justify-content: center;
      width: fit-content;

      .sidebar-menu__actions,
      .sidebar-menu__label {
        display: none;
      }

      .sidebar-menu__text {
        position: relative;
      }

      &:hover .sidebar-menu__label {
        position: absolute;
        top: 0;
        left: 155%;

        display: block;

        padding: var(--p-space-100) var(--p-space-250);

        color: var(--p-color-tooltip-text);

        background: var(--p-color-tooltip-bg);
        border-radius: var(--p-border-radius-100);

        &::after {
          content: " ";

          position: absolute;
          top: 50%;
          right: 100%;

          margin-top: -5px;

          border-color: transparent var(--p-color-text) transparent transparent;
          border-style: solid;
          border-width: 5px;
        }
      }
    }

    .sidebar-menu__heading {
      display: none;
    }
  }
}

}
@layer component {
.place-selector-logo {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;

    display: flex;
    align-items: center;
}

.place-selector-modal {
    min-inline-size: 35vw;

    @media (width < 48em) {
        inline-size: 100%;
        max-inline-size: 100%;
        block-size: 100%;
    }
}

.place-selector-modal-footer {
    display: flex;
    flex-direction: row;
    gap: var(--p-space-400);
    align-items: center;
    justify-content: space-between;

    margin-top: calc(var(--p-space-1200) * -1);
}

.place-selector {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap-250);
    align-items: center;

    width: 100%;

    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-semibold);

    > :not(dialog) {
        width: 100%;
        padding-inline: var(--p-space-500);
    }

    .place-selector-control {
        display: none;
    }

    .place-selector__detail {
        display: flex;
        flex-direction: row;
        gap: var(--p-gap-250);
        align-items: center;
        justify-content: space-between;
    }

    .place-selector__selector {
        display: none;
        padding-block-end: var(--p-space-500);

        @media (width < 48em) {
            .place-selector-control:checked ~ & {
                display: block;
            }
        }
    }

    /* Medium Screen Down */
    @media (width < 48em) {
        font-size: var(--p-font-size-300);
        color: var(--p-color-white);
        background-color: var(--p-color-bg-fill);
    }
}

.place-selector .current {
    display: flex;
    column-gap: var(--p-gap-250, 10px);
    align-items: center;

    /* Medium Screen Up */
    @media (width >= 48em) {
        svg {
            color: var(--p-color-bg-fill);
        }
    }
}

.place-selector .switcher {
    /* Medium Screen Down */
    @media (width < 48em) {
        color: currentcolor;
        background: transparent;

        span {
            display: none;
        }

        .icon {
            min-inline-size: var(--p-space-500);
            min-block-size: var(--p-space-500);
        }
    }

    /* Medium Screen Up */
    @media (width >= 48em) {
        svg {
            display: none;
        }
    }
}

.place-selector__modal {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: var(--p-space-1000);
}

.place-selector__list {
    scrollbar-color: var(--p-color-gray-light);
    overflow-y: auto;
    overscroll-behavior: contain;

    ul {
        height: 100%;

        li {
            padding-block: var(--p-space-100);

            & + & {
                border-top: var(--p-space-025) dashed var(--p-color-gray-light);
            }
        }
    }

    .place-selector__place {
        cursor: pointer;

        display: flex;
        gap: var(--p-space-250);
        place-items: center;

        width: 100%;
        padding: var(--p-space-400);

        border-radius: var(--p-border-radius-300);

        svg {
            color: var(--p-color-bg-fill);
        }

        .name {
            display: flex;
            flex-direction: column;
            font-weight: var(--p-font-weight-semibold);

            h5 {
                display: flex;
                gap: var(--p-space-100);
                align-items: center;

                font-size: var(--p-font-size-500);
                line-height: 1;
            }

            p {
                margin: 0;
                font-size: var(--p-font-size-400);
                font-weight: var(--p-font-weight-semibold);
                color: var(--p-color-gray-dark);
            }
        }

        &.current {
            background-color: var(--p-color-gray);
        }

        &.blocked {
            cursor: not-allowed;

            &:hover {
                background-color: hsl(from var(--p-color-bg-fill) h s l / 0.05) !important;
            }
        }

        @media (hover: hover) {
            &:not(.current):hover {
                background-color: hsl(from var(--p-color-gray) h s l / 0.45);
            }
        }
    }
}

}
@layer component {
.widgets {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-1200);

    .widgets__block {
        display: grid;
        grid-template-columns: var(--columns, repeat(auto-fit, 1fr));
        gap: var(--p-space-600);

        @media (width < 30em) {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

.widget {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap);

    &.widget--no-mobile {
        @media (width < 64em) {
            display: none;
        }
    }

    &.widget--disabled {
        pointer-events: none;
        position: relative;

        &::after {
            content: attr(data-disabled-text);

            position: absolute;
            z-index: var(--p-z-index-10);
            inset: 0;

            display: flex;
            place-content: center;
            place-items: center;

            margin: calc(var(--p-space-250) * -1);
            padding: var(--p-space-400);

            font-size: var(--p-font-size-500);
            font-weight: var(--p-font-weight-semibold);
            color: var(--p-color-text-on-fill);
            text-align: center;

            opacity: .9;
            background-color: var(--p-color-bg-fill-emphasis);
            border-radius: var(--p-border-radius-300);
        }
    }
}

/* STATS WIDGET */
.widget-stats {
    --_bg: var(--p-color-bg-fill-emphasis);
    --_icon_bg: hsl(from var(--p-color-white) h s l / .2);
    --_icon_color: var(--p-color-white);

    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: var(--p-gap-half);
    place-items: center;

    @media (width > 64em) {
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
    }

}

.widget-stats__block {
    user-select: none;

    overflow: hidden;
    display: flex;

    inline-size: 100%;
    block-size: 100%;
    max-block-size: 90px;

    background: var(--_bg);
    border-radius: var(--p-border-radius-400);
}

.widget-stats__icon {
    display: flex;
    place-content: center;
    place-items: center;

    inline-size: 100px;
    padding-inline: var(--p-space-600);

    color: var(--_icon_color);

    background: var(--_icon_bg);
}

.widgets-stats__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;

    inline-size: 100%;
    padding: var(--p-space-300);

    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-medium);
    line-height: 1;
    color: var(--p-color-text-on-fill);
    text-align: center;

    .number {
        font-size: var(--p-font-size-900);
        font-weight: var(--p-font-weight-semibold);

        @media (width >= 1024px) {
            font-size: var(--p-font-size-900);
        }
    }

    @media (width >= 1024px) {
        font-size: var(--p-font-size-400);
    }
}

.widget-stats.stats--info {
    --_bg: var(--p-color-bg-fill-info);
}

.widget-stats.stats--horizontal {
    .widgets-stats__info:not(.widgets-stats__info--row) {
        flex-direction: column;
        gap: var(--p-space-200);
    }

    .widgets-stats__info--row {
        .number {
            font-size: var(--p-font-size-600);
        }
    }
}

/* SHORTCUT WIDGET */

.widget-shortcuts__buttons {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--p-space-300);
    justify-content: space-evenly;

    @media (width < 48em) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* GRAPH WIDGET */
.widget-graph {
}

.widget-graph__wrapper {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: var(--p-gap-half);

    height: 100%;
}

.widget-graph__summary {
    font-size: var(--p-font-size-300);
    line-height: 1.25;
}

.widget-graph__graph {
    position: relative;
    width: 100%;
    height: 100%;
}

/* AGENDA WIDGET */
.widget-agenda {
    min-inline-size: 360px;
}
}
@layer component {
.agenda {
    display: grid;
    grid-template-columns: 250px 1fr;
    flex-grow: 1;
    gap: var(--p-gap);

    .agenda__sidebar {
        display: flex;
        flex-direction: column;
        gap: var(--p-gap);
    }

    .agenda__calendar {
        flex-grow: 1;
    }

    /* Air Datepicker */

    .air-datepicker {
        font-family: var(--p-font-family-sans);

        &.-inline- { border: 0;}

        .air-datepicker-nav {
            padding: var(--adp-padding) 0;
        }

        .air-datepicker--content {
            padding: var(--adp-padding) 0;
        }

        .air-datepicker-nav--title {
            font-weight: var(--p-font-weight-semibold);
        }
    }

    /* Event Calendar */

    .ec {
        height: 100%;
    }

    .ec-title {
        font-weight: var(--p-font-weight-bold);
    }

    .ec-header, .ec-all-day, .ec-body, .ec-days, .ec-day-head {
        border: 0;
    }

    .ec-day {
        border: 1px solid var(--p-color-border-secondary);

        &:first-of-type {
            border-inline-start: 0;
        }

        &:last-of-type {
            border-inline-end: 0;
        }

        &:hover {
            cursor: pointer;
            background-color: hsl(from var(--p-color-border-secondary) h s l / .75);
        }
    }

    .ec-button {
        background-color: var(--p-color-bg-fill-secondary);
        border: 0;

        &.ec-active {
            color: var(--p-color-text-on-fill);
            background-color: var(--p-color-bg-fill);
        }
    }

    @media (width < 64em) {
        grid-template-columns: 1fr;

        .air-datepicker {
            width: 100%;
        }
    }
}

.agenda-modal {
    overflow-y: auto;

    .dialog__content {
        scrollbar-width: thin;
        scrollbar-gutter: stable;
        overflow-y: scroll;
        padding-right: 8px;
    }
}

.agenda-widget {
    .ec {
        position: relative;
        block-size: 255px;
    }

    .ec-toolbar, .ec-header {
        display: none;
    }

    .ec-body {
        border: 0;
    }

    .ec-day.ec-today {
        background-color: transparent;
    }

    .ec-time {
        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-medium);
    }

    .ec-time-grid .ec-time, .ec-time-grid .ec-line {
        width: 20px;
    }

    .ec-event {
        container-type: size;
        padding: 0;

        .ec-event-body {
            user-select: none;
            padding-inline: var(--p-space-200);

            @container (height < 40px) {
                flex-direction: row;
                gap: var(--p-space-200);
            }
        }
    }

}

.agenda,
.agenda-widget {
    .ec-now-indicator {
        z-index: var(--p-z-index-10);
    }

    .ec-event-title {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ec:not(.ec-month-view) {
        .ec-event {
            container-type: size;
            padding: 0;
        }
    }

    .ec-event {
        .ec-event-body {
            user-select: none;
            padding-inline: var(--p-space-100);

            @container (height < 40px) {
                flex-direction: row;
                gap: var(--p-space-200);
            }
        }

        &:where(.schedule-1,.schedule-2,.schedule-3,.schedule-4) {
            background-color: hsl(from var(--_bg) h s l / var(--_opacity, 1));
            border: 3px solid var(--_bg);
        }

        &.schedule-1 {
            --_bg: var(--p-color-red);
        }

        &.schedule-2 {
            --_bg: var(--p-color-blue-dark);
        }

        &.schedule-3 {
            --_bg: var(--p-color-green-dark);
        }

        &.schedule-4 {
            --_bg: var(--p-color-orange);
        }

        &.schedule-5 {
            --_bg: var(--p-color-yellow-dark);
        }

        &.status-1 {
            --_opacity: 0.5;
        }

        &.status-3 {
            --_opacity: 0.5;
            --_bg: var(--p-color-gray-dark);
        }
    }

}
}
@layer component {
.app-notification {
    user-select: none;
    overflow: clip;
    background-color: hsl(from var(--p-color-bg-fill-warning) h s l / 0.15);
    border-radius: var(--p-border-radius-300);

    summary {
        cursor: pointer;

        padding: var(--p-space-100) var(--p-space-300);

        font-weight: var(--p-font-weight-bold);
        color: var(--p-color-text-on-fill-disabled);

        appearance: none;
        background-color: hsl(from var(--p-color-bg-fill-warning) h s l / 0.45);
    }

    .app-notification__body {
        display: grid;
        gap: var(--p-space-250);
        padding: var(--p-space-300);
    }
}
}
@layer reset, vendor, base, page, components;

/* Application Reset */

/* Vendors */

/* Application Base and Utilities */

/* Pages */

/* Common Components */




/*# sourceMappingURL=main-742a65d540491d256c89.min.css.map*/