:host {
  all: initial;
  display: block;
}

:host {
  --i-theme-overlay-multiplier: 1;
  --i-scrollbar-offset: 0px;
}

/* ========================================
   COLOR VARIABLES
======================================== */
:host {
  --black-light-2: #636069;
  --i-black-light-2: 99, 96, 105;

  --black-light-1: #514e56;
  --i-black-light-1: 81, 78, 86;

  --black: #3d3b40;
  --i-black: 61, 59, 64;

  --black-dark-1: #454349;
  --i-black-dark-1: 69, 67, 73;

  --black-dark-2: #28272a;
  --i-black-dark-2: 40, 39, 42;

  --white-dark-2: #bbb9c0;
  --i-white-dark-2: 187, 185, 192;

  --white-dark-1: #dbdadd;
  --i-white-dark-1: 219, 218, 221;

  --white: #efeef0;
  --i-white: 239, 238, 240;

  --white-light-1: #f7f7f8;
  --i-white-light-1: 247, 247, 248;

  --white-light-2: #fff;
  --i-white-light-2: 255, 255, 255;

  --primary-light-2: #3dc1f3;
  --i-theme-primary-light-2: 61, 193, 243;

  --primary-light-1: #14aae3;
  --i-theme-primary-light-1: 20, 170, 227;

  --primary: #0786be;
  --i-theme-primary: 7, 134, 190;

  --primary-dark-1: #076d9d;
  --i-theme-primary-dark-1: 7, 109, 157;

  --primary-dark-2: #0a5c82;
  --i-theme-primary-dark-2: 10, 92, 130;

  --success: #23c197;
  --i-success: 35, 193, 151;

  --warning: #ffc964;
  --i-warning: 255, 201, 100;

  --error: #ff3838;
  --i-error: 255, 56, 56;

  --disabled: #a4abb6;
  --i-disabled: 164, 171, 182;

  --green: #8eda91;
  --i-green: 142, 218, 145;

  --grey: #7b7b7b;
  --i-grey: 123, 123, 123;

  --orange: #ff8f20;
  --i-orange: 255, 143, 32;

  --light-blue: #33c3fd;
  --i-light-blue: 51, 195, 253;

  --teal: #04c8b0;
  --i-teal: 4, 200, 176;

  --font-color: #28272a;
  --i-font-color: 40, 39, 42;

  --font-color-shade: #3e3d3f;
  --i-font-color-shade: 62, 61, 63;

  --font: "Quicksand", sans-serif;

  /* theme variables  */
  --i-theme-background: 255, 255, 255;
  --i-theme-on-background: 0, 0, 0;
  --i-high-emphasis-opacity: 0.87;
  --i-medium-emphasis-opacity: 0.6;
  --i-border-color: 0, 0, 0;
  --i-border-opacity: 0.12;
  --i-theme-surface: 255, 255, 255;
  --i-theme-on-surface: 0, 0, 0;
  --i-theme-surface-overlay-multiplier: 1;
  --i-icon-size-multiplier: 1;
  --i-theme-on-primary: 255, 255, 255;
  --i-focus-opacity: 0.12;
  --i-theme-overlay-multiplier: 1;
  --i-hover-opacity: 0.04;
  --i-theme-primary-overlay-multiplier: 1;
  --i-theme-drop-shadow: 219, 218, 221;
  --i-font-size-multipier: 1;
  --i-font-size-multiplier: 1;
}

/* Dark Mode */
[data-theme="dark"] {
  --black-light-2: #a3a1a8;
  --i-black-light-2: 163, 161, 168;

  --black-light-1: #b5b3b9;
  --i-black-light-1: 181, 179, 185;

  --black: #c1c0c4;
  --i-black: 193, 192, 196;

  --black-dark-1: #b9b7bd;
  --i-black-dark-1: 185, 183, 189;

  --black-dark-2: #d7d6d8;
  --i-black-dark-2: 215, 214, 216;

  --white-dark-2: #444249;
  --i-white-dark-2: 68, 66, 73;

  --white-dark-1: #242326;
  --i-white-dark-1: 36, 35, 38;

  --white: #101012;
  --i-white: 16, 16, 18;

  --white-light-1: #080808;
  --i-white-light-1: 8, 8, 8;

  --white-light-2: #000;
  --i-white-light-2: 0, 0, 0;

  --primary-light-2: #3dc1f3;
  --i-theme-primary-light-2: 61, 193, 243;

  --primary-light-1: #14aae3;
  --i-theme-primary-light-1: 20, 170, 227;

  --primary: #0786be;
  --i-theme-primary: 7, 134, 190;

  --primary-dark-1: #076d9d;
  --i-theme-primary-dark-1: 7, 109, 157;

  --primary-dark-2: #0a5c82;
  --i-theme-primary-dark-2: 10, 92, 130;

  --success: #23c197;
  --i-success: 35, 193, 151;

  --warning: #ffc964;
  --i-warning: 255, 201, 100;

  --error: #ff3838;
  --i-error: 255, 56, 56;

  --disabled: #a4abb6;
  --i-disabled: 164, 171, 182;

  --green: #5eca62;
  --i-green: 94, 202, 98;

  --grey: #7b7b7b;
  --i-grey: 123, 123, 123;

  --orange: #ff8f20;
  --i-orange: 255, 143, 32;

  --light-blue: #33c3fd;
  --i-light-blue: 51, 195, 253;

  --teal: #04c8b0;
  --i-teal: 4, 200, 176;

  --font-color: #f7f7f8;
  --i-font-color: 247, 247, 248;

  --font-color-shade: #dededf;
  --i-font-color-shade: 222, 222, 223;
}

/* ========================================
   THEMES
======================================== */
.theme_beige {
  --primary: #cba884;
  --i-theme-primary: 203, 168, 132;
  --primary-light-1: #e8c39e;
  --i-theme-primary-light-1: 232, 195, 158;
  --teal: #cba884;
  --i-teal: 203, 168, 132;
}

.theme_blue {
  --primary: #005eb6;
  --i-theme-primary: 0, 94, 182;
  --primary-light-1: #1976d2;
  --i-theme-primary-light-1: 25, 118, 210;
  --teal: #005eb6;
  --i-teal: 0, 94, 182;
}

.theme_green {
  --primary: #007e09;
  --i-theme-primary: 0, 126, 9;
  --primary-light-1: #009929;
  --i-theme-primary-light-1: 0, 153, 41;
  --teal: #007e09;
  --i-teal: 0, 126, 9;
}

.theme_red {
  --primary: #d95457;
  --i-theme-primary: 217, 84, 87;
  --primary-light-1: #f86f6f;
  --i-theme-primary-light-1: 248, 111, 111;
  --teal: #d95457;
  --i-teal: 217, 84, 87;
}

.theme_lblue {
  --primary: #38a0d9;
  --i-theme-primary: 56, 160, 217;
  --primary-light-1: #5cbbf6;
  --i-theme-primary-light-1: 92, 187, 246;
  --teal: #38a0d9;
  --i-teal: 56, 160, 217;
}

.theme_orange {
  --primary: #e1a45b;
  --i-theme-primary: 225, 164, 91;
  --primary-light-1: #ffbf75;
  --i-theme-primary-light-1: 255, 191, 117;
  --teal: #e1a45b;
  --i-teal: 225, 164, 91;
}

/* ========================================
   FONT IMPORT & GLOBAL RESET
======================================== */

*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: border-box;
  font-family: var(--font);
}
* {
  padding: 0;
  margin: 0;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
html {
  font-family: "Owswald", sans-serif;
  line-height: 1.5;
  font-size: calc(var(--i-font-size-multiplier) * 1rem);
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: var(--font);
}
input {
  border-radius: 0;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}
/* ========================================
   BUTTONS
======================================== */
[role="button"],
[type="button"],
[type="reset"],
[type="submit"],
button {
  color: inherit;
  cursor: pointer;
}

/* ========================================
   UTILS
======================================== */
.pill {
  border-radius: 999px;
}
.smooth {
  border-radius: 0.5rem;
}
.elegant {
  border-radius: 0.12rem;
}
/* ========================================
   FLEXIBLE SEARCH CHIPS
======================================== */
.i-flexibility-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid rgba(var(--i-border-color), var(--i-border-opacity));
}

.i-flexibility-chips {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}

.i-flexibility-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.i-flexibility-chip {
  padding: 0.25rem 0.875rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--i-border-color), var(--i-border-opacity));
  background: transparent;
  cursor: pointer;
  font-size: 0.8125rem;
  font-family: var(--font);
  color: inherit;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.i-flexibility-chip:hover {
  background: rgba(var(--i-theme-primary), 0.08);
  border-color: rgb(var(--i-theme-primary));
  color: rgb(var(--i-theme-primary));
}

.i-flexibility-chip--active {
  background: rgb(var(--i-theme-primary));
  border-color: rgb(var(--i-theme-primary));
  color: rgb(var(--i-theme-on-primary));
}

.i-datepicker-btn {
  padding: 0.375rem 1rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-family: var(--font);
  font-weight: 500;
  transition: opacity 0.15s;
}

.i-datepicker-btn:hover {
  opacity: 0.85;
}

.i-datepicker-btn--cancel {
  background: transparent;
  color: inherit;
  border: 1px solid rgba(var(--i-border-color), var(--i-border-opacity));
}

.i-datepicker-btn--apply {
  background: rgb(var(--i-theme-primary));
  color: rgb(var(--i-theme-on-primary));
}

/* ========================================
   RIPPLE EFFECT
======================================== */
.ripple {
  position: relative;
  overflow: hidden;
}

.ripple:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background-color: #1e1e1e14;
  opacity: 0;
  border-radius: 100%;
}

@keyframes ripple {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  20% {
    transform: scale(25);
    opacity: 1;
  }

  to {
    transform: scale(40);
    opacity: 0;
  }
}

.ripple:focus:not(:active):after {
  animation: ripple 1s ease-out;
}

.ripple:active {
  box-shadow: none;
}
/* card  */
.i-card {
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
  position: relative;
  padding: 0;
  text-decoration: none;
  transition-duration: 0.28s;
  transition-property: box-shadow, opacity, background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
.i-card {
  border-color: rgba(var(--i-border-color), var(--i-border-opacity));
  border-style: solid;
  border-width: 0;
}
.i-card {
  border-radius: 4px;
}
.i-card--variant-elevated,
.i-card--variant-flat {
  background: rgb(var(--i-theme-surface));
  color: rgba(var(--i-theme-on-surface), var(--i-high-emphasis-opacity));
}
.i-card--variant-elevated {
  box-shadow: 0px 2px 1px -1px var(--i-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 1px 1px 0px var(--i-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 3px 0px var(--i-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.i-card--flat {
  box-shadow: none;
}
.i-card__text {
  --i-font-size-multiplier: 1;
  line-height: 40px;
  font-size: calc(var(--i-font-size-multiplier) * 1rem);
  font-weight: 400;
}

/* row */
.i-row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  margin: -12px;
}
.i-row--no-gutters {
  margin: 0;
}
/* col */
.i-col {
  width: 100%;
  padding: 12px;
}
.i-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

/* input */
.i-input {
  display: grid;
  flex: 1 1 auto;
  font-size: calc(var(--i-font-size-multiplier) * 1rem);
  font-weight: 400;
  line-height: 1.5;
}
.i-input--density-default {
  --i-input-control-height: 56px;
  --i-input-padding-top: 16px;
}
.i-input--horizontal {
  grid-template-areas:
    "prepend control append"
    "a messages b";
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  grid-template-rows: 1fr auto;
}
.i-input__control {
  display: flex;
  grid-area: control;
}
.i-input__prepend,
.i-input__append {
  display: flex;
  align-items: flex-start;
  padding-top: var(--i-input-padding-top);
}
.i-input__prepend {
  grid-area: prepend;
}
.i-input--horizontal .i-input__prepend {
  margin-inline-end: 16px;
}
.i-input--center-affix .i-input__prepend,
.i-input--center-affix .i-input__append {
  align-items: center;
  padding-top: 0;
}
.i-input__append {
  grid-area: append;
}
.i-input--horizontal .i-input__append {
  margin-inline-start: 16px;
}
/* field */
.i-field {
  display: grid;
  grid-template-areas: "prepend-inner field clear append-inner";
  grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
  font-size: calc(var(--i-font-size-multiplier) * 1rem);
  letter-spacing: 0.009375em;
  max-width: 100%;
  border-radius: 4px;
  contain: layout;
  flex: 1 0;
  grid-area: control;
  position: relative;
  --i-theme-overlay-multiplier: 1;
  --i-field-padding-start: 16px;
  --i-field-padding-end: 16px;
  --i-field-padding-top: 8px;
  --i-field-padding-bottom: 4px;
  --i-field-input-padding-top: calc(
    var(--i-field-padding-top, 8px) + var(--i-input-padding-top, 0px)
  );
  --i-field-input-padding-bottom: var(--i-field-padding-bottom, 4px);
}
.i-field--appended {
  padding-inline-end: 12px;
}
.i-field--variant-outlined,
.i-field--single-line,
.i-field--no-label {
  --i-field-padding-top: 0px;
}
.i-field--flat {
  box-shadow: none;
}
.i-text-field--clickeable{
  cursor: pointer;
}
.i-input--density-default .i-field--variant-outlined,
.i-input--density-default .i-field--single-line,
.i-input--density-default .i-field--no-label {
  --i-field-padding-bottom: 16px;
}
.i-field.i-field--appended {
  --i-field-padding-end: 6px;
}
.i-field__overlay {
  border-radius: inherit;
  pointer-events: none;
}
.i-field__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.i-field__field {
  flex: 1 0;
  grid-area: field;
  position: relative;
  align-items: flex-start;
  display: flex;
}
.i-field__input {
  align-items: center;
  color: inherit;
  -moz-column-gap: 2px;
  column-gap: 2px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.009375em;
  opacity: var(--i-high-emphasis-opacity);
  min-height: max(
    var(--i-input-control-height, 56px),
    1.5rem + var(--i-field-input-padding-top) +
      var(--i-field-input-padding-bottom)
  );
  min-width: 0;
  padding-inline: var(--i-field-padding-start) var(--i-field-padding-end);
  padding-top: var(--i-field-input-padding-top);
  padding-bottom: var(--i-field-input-padding-bottom);
  position: relative;
  width: 100%;
}
.i-input--density-default .i-field__input {
  row-gap: 8px;
}
.i-field__input:focus,
.i-field__input:active {
  outline: none;
}
.i-text-field input {
  color: inherit;
  opacity: 0;
  flex: 1;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
}
.i-field__input input {
  letter-spacing: inherit;
}
.i-text-field input:focus,
.i-text-field input:active {
  outline: none;
}
.i-text-field .i-field--no-label input,
.i-text-field .i-field--active input {
  opacity: 1;
}
.i-field__append-inner {
  grid-area: append-inner;
  padding-inline-start: var(--i-field-padding-after);
}
.i-field__append-inner,
.i-field__clearable,
.i-field__prepend-inner {
  display: flex;
  align-items: flex-start;
  padding-top: var(--i-input-padding-top, 8px);
}
.i-field--center-affix .i-field__append-inner,
.i-field--center-affix .i-field__clearable,
.i-field--center-affix .i-field__prepend-inner {
  align-items: center;
  padding-top: 0;
}
.i-field__prepend-inner > .i-icon,
.i-field__append-inner > .i-icon,
.i-field__clearable > .i-icon {
  opacity: var(--i-medium-emphasis-opacity);
}
.i-field__outline {
  --i-field-border-width: 1px;
  --i-field-border-opacity: 0.38;
  align-items: stretch;
  contain: layout;
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
}
.i-field--variant-outlined .i-field__outline {
  border-radius: inherit;
}
.i-field--variant-outlined .i-field__outline__start,
.i-field--variant-outlined .i-field__outline__notch::before,
.i-field--variant-outlined .i-field__outline__notch::after,
.i-field--variant-outlined .i-field__outline__end {
  border: 0 solid currentColor;
  opacity: var(--i-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.i-field--rounded.i-field--variant-outlined .i-field__outline__start,
[class^="rounded-"].i-field--variant-outlined .i-field__outline__start,
[class*=" rounded-"].i-field--variant-outlined .i-field__outline__start {
  flex-basis: calc(var(--i-input-control-height) / 2 + 2px);
}
.i-field--variant-outlined .i-field__outline__start {
  flex: 0 0 12px;
  border-top-width: var(--i-field-border-width);
  border-bottom-width: var(--i-field-border-width);
  border-inline-start-width: var(--i-field-border-width);
  border-start-start-radius: inherit;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: inherit;
}
.i-field--variant-outlined .i-field__outline__end {
  flex: 1;
  border-top-width: var(--i-field-border-width);
  border-bottom-width: var(--i-field-border-width);
  border-inline-end-width: var(--i-field-border-width);
  border-start-start-radius: 0;
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  border-end-start-radius: 0;
}
.i-field.i-field--focused .i-field__outline,
.i-input.i-input--error .i-field__outline {
  --i-field-border-opacity: 1;
}
.i-field--variant-outlined.i-field--focused .i-field__outline {
  --i-field-border-width: 2px;
}
/* @media (hover: hover) {
  .i-field:hover .i-field__outline {
    --i-field-border-opacity: var(--i-high-emphasis-opacity);
  }
} */
/* icon  */
.i-icon {
  --i-icon-size-multiplier: 1;
  align-items: center;
  display: inline-flex;
  font-feature-settings: "liga";
  height: 1em;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  opacity: var(--i-icon-opacity, 1);
  text-indent: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 1em;
  min-width: 1em;
}
.i-icon--size-default {
  --i-icon-size-multiplier: 1.5;
  font-size: calc(var(--i-icon-size-multiplier) * 1rem);
}
.i-icon--size-default.i-icon--clear-btn {
  transition: all ease-in-out .2s;
  margin-right: 0.5rem;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.i-icon--size-default.i-icon--clear-btn.i-icon--clear-btn__active {
  transition: all ease-in-out .2s;
  opacity: var(--i-medium-emphasis-opacity, 1);
  visibility: visible;
}
.i-icon--size-default.i-icon--clear-btn:hover {
  transition: all ease-in-out .2s;
  color: rgb(var(--i-theme-primary));
  opacity: var(--i-high-emphasis-opacity, 1);
}
/* autocomplete */
.i-autocomplete .i-field .i-text-field__prefix,
.i-autocomplete .i-field .i-text-field__suffix,
.i-autocomplete .i-field .i-field__input,
.i-autocomplete .i-field.i-field {
  cursor: text;
}
.i-autocomplete .i-field input {
  min-width: 64px;
}
.i-autocomplete .i-field .i-field__input > input {
  flex: 1 1;
}
.i-autocomplete .i-field:not(.i-field--focused) input {
  min-width: 0;
}
.i-autocomplete--single:not(.i-autocomplete--selection-slot).i-text-field
  input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline: inherit;
}
.i-text-field.i-text-field--clickeable input{
  cursor: pointer !important;
}
/* button */
.i-btn {
  align-items: center;
  border-radius: 4px;
  display: inline-grid;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.0892857143em;
  line-height: normal;
  max-width: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-property: box-shadow, transform, opacity, background;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  flex-shrink: 0;
}
.i-btn--size-default {
  --i-btn-size: 0.875;
  --i-btn-height: 36px;
  font-size: calc(var(--i-btn-size) * 1rem);
  min-width: 64px;
  padding: 0 16px;
}
.i-btn {
  border-color: rgba(var(--i-border-color), var(--i-border-opacity));
  border-style: solid;
  border-width: 0;
}
.i-btn--variant-elevated,
.i-btn--variant-flat {
  background: rgb(var(--i-theme-surface));
  color: rgba(var(--i-theme-on-surface), var(--i-high-emphasis-opacity));
}
.i-btn--variant-elevated {
  box-shadow: 0px 3px 1px -2px var(--i-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 2px 2px 0px var(--i-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 5px 0px var(--i-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.i-btn--flat {
  box-shadow: none;
}
.i-btn.i-btn--density-default {
  height: calc(var(--i-btn-height) + 0px);
}
.i-btn.i-quicksearch {
  height: 100%;
  min-height: 56px;
  min-width: 250px;
  width: 100%;
  text-transform: none;
}
.i-btn__overlay {
  background-color: rgb(var(--i-theme-primary));
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.i-btn__overlay,
.i-btn__underlay {
  pointer-events: none;
}
.i-btn__overlay,
.i-btn__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.i-btn:hover > .i-btn__overlay {
  opacity: calc(var(--i-hover-opacity) * var(--i-theme-overlay-multiplier));
}
.i-btn:focus-visible > .i-btn__overlay {
  opacity: calc(var(--i-focus-opacity) * var(--i-theme-overlay-multiplier));
}
.i-btn .i-btn__underlay {
  position: absolute;
}
.i-btn__content,
.i-btn__prepend,
.i-btn__append {
  align-items: center;
  display: flex;
  transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.i-btn__content {
  grid-area: content;
  justify-content: center;
  white-space: nowrap;
}
.i-btn--disabled {
  pointer-events: none;
  opacity: 0.26;
}
.i-btn--slim {
  padding: 0 8px;
}
.i-btn.i-btn--density-compact {
  height: calc(var(--i-btn-height) + -12px);
}
.i-btn--disabled.i-btn--variant-elevated,
.i-btn--disabled.i-btn--variant-flat {
  box-shadow: none;
  opacity: 1;
  color: rgba(var(--i-theme-on-surface), 0.26) !important;
  background: rgb(var(--i-theme-surface));
  background-color: rgb(var(--i-theme-surface)) !important;
}
.i-btn--disabled.i-btn--variant-elevated .i-btn__overlay,
.i-btn--disabled.i-btn--variant-flat .i-btn__overlay {
  background-color: rgb(var(--i-theme-surface)) !important;
  opacity: 0.4615384615;
}
/* calendar */
.calendar .months .months__displayed[data-i-a5043261] {
  filter: none;
}

/* guests */
.i-card.i-card--visible {
  position: relative;
  overflow: visible;
  background-color: rgb(var(--i-theme-surface));
  filter: drop-shadow(0 0 0.55rem rgb(var(--i-theme-drop-shadow)));
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-transparent {
  color: currentColor !important;
}
.bg-surface {
  --i-theme-overlay-multiplier: var(--i-theme-surface-overlay-multiplier);
  background-color: rgb(var(--i-theme-surface)) !important;
  color: rgb(var(--i-theme-on-surface)) !important;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.rounded-lg {
  border-radius: 8px !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.pa-4 {
  padding: 16px !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.justify-space-between {
  justify-content: space-between !important;
}
.align-center {
  align-items: center !important;
}
.i-locale--is-ltr {
  direction: ltr;
}
.bg-primary {
  --i-theme-overlay-multiplier: var(--i-theme-primary-overlay-multiplier);
  background-color: rgb(var(--i-theme-primary-light-1)) !important;
  color: rgb(var(--i-theme-on-primary)) !important;
}
.elevation-5 {
  box-shadow: 0px 3px 5px -1px var(--i-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 5px 8px 0px var(--i-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 1px 14px 0px var(--i-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}
.d-flex {
  display: flex !important;
}
.border-sm {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(var(--i-border-color), var(--i-border-opacity)) !important;
}
.rounded-sm {
  border-radius: 2px !important;
}
.panel-dropdown-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 99;
  background: rgb(var(--i-theme-surface, 255, 255, 255));
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
}
.panel-dropdown-content.panel-dropdown-content__active {
  opacity: 1;
  visibility: visible;
}
.i-menu {
  outline: none;
  position: relative;
  pointer-events: auto;
  contain: layout;
  padding: 0;
  overflow: hidden;
}
.i-list {
  overflow: auto;
  padding: 8px 0;
  position: relative;
  outline: none;
}
.i-list {
  border-color: rgba(var(--i-border-color), var(--i-border-opacity));
  border-style: solid;
  border-width: 0;
}
.i-list {
  box-shadow: 0px 0px 0px 0px
      var(--i-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)),
    0px 0px 0px 0px var(--i-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)),
    0px 0px 0px 0px var(--i-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.i-list {
  border-radius: 0;
}
.i-list {
  background: rgba(var(--i-theme-surface));
  color: rgba(var(--i-theme-on-surface), var(--i-high-emphasis-opacity));
}
.i-list {
  --indent-padding: 0px;
}
.i-menu > .i-card,
.i-menu > .i-sheet,
.i-menu > .i-list {
  background: rgb(var(--i-theme-surface));
  border-radius: inherit;
  overflow: auto;
  height: 100%;
  max-height: 300px;
}
.i-list-item {
  --i-font-size-multiplier: 1;
  align-items: center;
  display: grid;
  flex: none;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content 1fr auto;
  outline: none;
  max-width: 100%;
  padding: 4px 16px;
  position: relative;
  text-decoration: none;
}
.i-list-item {
  border-color: rgba(var(--i-border-color), var(--i-border-opacity));
  border-style: solid;
  border-width: 0;
}
.i-list-item {
  border-radius: 0;
}
.i-list-item--variant-plain,
.i-list-item--variant-outlined,
.i-list-item--variant-text,
.i-list-item--variant-tonal {
  background: transparent;
  color: inherit;
}
.i-list-item--link {
  cursor: pointer;
}
.i-list-item--density-default {
  min-height: 40px;
}
.i-list-item--density-default.i-list-item--one-line {
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.i-list-item--density-default:not(.i-list-item--nav).i-list-item--one-line {
  padding-inline: 16px;
}
.i-list-item__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
}
.i-list-item--variant-text .i-list-item__overlay {
  background: currentColor;
}
.i-list-item:hover > .i-list-item__overlay {
  opacity: calc(var(--i-hover-opacity) * var(--i-theme-overlay-multiplier));
}
.i-list-item:focus-visible > .i-list-item__overlay {
  opacity: calc(var(--i-focus-opacity) * var(--i-theme-overlay-multiplier));
}
.i-list-item__underlay {
  position: absolute;
  pointer-events: none;
}
.i-list-item .i-list-item__underlay {
  position: absolute;
}
.i-list-item__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
  pointer-events: auto !important;
}
.i-list-item-title {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: break-word;
}
.i-list-item-title {
  font-size: calc(var(--i-font-size-multiplier) * 1rem);
  font-weight: 400;
  letter-spacing: 0.009375em;
  line-height: 1.5;
  text-transform: none;
}
.i-list-item-subtitle {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  opacity: var(
    --i-list-item-subtitle-opacity,
    var(--i-medium-emphasis-opacity)
  );
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  word-break: initial;
}
.i-list-item-subtitle {
  --i-font-size-multiplier: 0.875;
  font-size: calc(var(--i-font-size-multiplier) * 1rem);
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
  text-transform: none;
}
.i-list-item--one-line .i-list-item-subtitle {
  -webkit-line-clamp: 1;
}
@supports selector(:focus-visible) {
  .i-list-item::after {
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .i-list-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .i-list-item:focus-visible::after {
    opacity: calc(0.15 * var(--i-theme-overlay-multiplier));
  }
}
