.frontend-agenda-wrapper .frontend-agenda {
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
  display: flex;
  gap: var(--spacing-xl, 16px);
  padding: var(--spacing-xl, 16px);
  background-color: var(--bg-primary, #fff)
}

.frontend-agenda-wrapper .frontend-agenda__left {
  padding: var(--spacing-xl, 16px);
  border-right: solid 1px var(--border-secondary, #eaecf0);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 24px)
}

.frontend-agenda-wrapper .frontend-agenda__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--spacing-4xl, 32px);
  padding: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda__menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 8px);
  margin: initial
}

.frontend-agenda-wrapper .frontend-agenda__menu > hr {
  margin: var(--spacing-md, 8px) 0
}

.frontend-agenda-wrapper .frontend-agenda__menu-item {
  background: 0 0;
  padding: 0;
  margin: 0;
  position: relative
}

.frontend-agenda-wrapper .frontend-agenda__menu-item > a {
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
  border-radius: var(--radius-sm, 6px);
  color: var(--text-secondary, #344054);
  font-family: var(--text-md-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-semibold-font-size, 16px);
  line-height: var(--text-md-semibold-line-height, 24px);
  font-weight: var(--text-md-semibold-font-weight, 600);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg, 12px);
  min-height: initial;
  white-space: nowrap
}

.frontend-agenda-wrapper .frontend-agenda__menu-item > a:hover {
  color: var(--colors-text-text-secondaryhover, #182230);
  background: var(--colors-background-bg-primaryhover, #f9fafb)
}

.frontend-agenda-wrapper .frontend-agenda__menu-item > a > svg {
  width: 24px;
  height: 24px;
  font-size: 24px
}

.frontend-agenda-wrapper .frontend-agenda__menu-item > a > svg path {
  stroke: #667085
}

.frontend-agenda-wrapper .frontend-agenda__notification {
  --notification-background-color: var(--component-colors-components-buttons-primary-button-primary-border, #7f56d9);
  --notification-color: var(--component-colors-components-buttons-primary-button-primary-fg, #ffffff);
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: 100%;
  position: absolute;
  bottom: 4px;
  left: 22px;
  border: 2px solid #fff;
  box-sizing: content-box;
  background-color: var(--notification-background-color);
  width: 16px;
  height: 16px;
  color: var(--notification-color);
  font-family: var(--text-xxs-medium-font-family, "Inter"), sans-serif;
  font-size: var(--text-xxs-medium-font-size, 10px);
  line-height: var(--text-xxs-medium-line-height, 12px);
  font-weight: var(--text-xxs-medium-font-weight, 500)
}

.frontend-agenda-wrapper .frontend-agenda__notification svg {
  width: 60%;
  height: 60%
}

.frontend-agenda-wrapper .frontend-agenda__notification path {
  stroke: var(--notification-color)
}

.frontend-agenda-wrapper .frontend-agenda__notification--success {
  --notification-background-color: var(--colors-background-bg-success-solid, #079455)
}

.frontend-agenda-wrapper .frontend-agenda__notification--error {
  --notification-background-color: var(--colors-background-bg-error-solid, #d92d20)
}

.frontend-agenda-wrapper .frontend-agenda__notification--warning {
  --notification-background-color: var(--colors-background-bg-warning-solid, #dc6803)
}

.frontend-agenda-wrapper .frontend-agenda__title {
  display: block;
  color: var(--colors-text-text-primary-900, #101828);
  font-family: var(--display-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--display-sm-semibold-font-size, 30px);
  line-height: var(--display-sm-semibold-line-height, 38px);
  font-weight: var(--display-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda__side-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda__side-buttons > .universal-form-field:has(button) {
  display: flex;
  flex-direction: row
}

.frontend-agenda-profile-card {
  font-family: var(--text-lg-semibold-font-family, "Inter-SemiBold"), sans-serif
}

.frontend-agenda-profile-card__acc-name {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-profile-card__acc-group {
  color: var(--colors-text-text-brand-secondary-700, #6941c6);
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400)
}

.frontend-agenda-profile-card__acc-email {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  margin-top: var(--spacing-md, 8px)
}

.frontend-agenda-profile-card__avatar {
  margin-bottom: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-avatar {
  --avatar-size: 40px;
  --avatar-placeholder-icon-size: 24px;
  --avatar-box-shadow: none;
  --avatar-box-border: none;
  --avatar-border-color: var(--component-colors-components-avatars-avatar-contrast-border, rgba(0, 0, 0, 0.08));
  --avatar-border-width: .75px;
  --avatar-border-radius: var(--radius-full, 9999px)
}

.frontend-agenda-wrapper .frontend-agenda-avatar__image {
  display: inline-block;
  border: var(--avatar-box-border);
  box-shadow: var(--avatar-box-shadow);
  border-radius: var(--avatar-border-radius)
}

.frontend-agenda-wrapper .frontend-agenda-avatar__image img {
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: var(--avatar-border-radius);
  border-style: solid;
  border-color: var(--avatar-border-color);
  border-width: var(--avatar-border-width)
}

.frontend-agenda-wrapper .frontend-agenda-avatar__placeholder {
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: var(--avatar-border-radius);
  border-style: solid;
  border-color: var(--avatar-border-color);
  border-width: var(--avatar-border-width);
  display: flex;
  background: var(--component-colors-components-avatars-avatar-bg, #f2f4f7);
  justify-content: center;
  align-items: center
}

.frontend-agenda-wrapper .frontend-agenda-avatar__placeholder svg {
  width: var(--avatar-placeholder-icon-size);
  height: var(--avatar-placeholder-icon-size)
}

.frontend-agenda-wrapper .frontend-agenda-avatar__placeholder svg path {
  stroke: #667085
}

.frontend-agenda-wrapper .frontend-agenda-avatar--small {
  --avatar-size: 24px;
  --avatar-placeholder-icon-size: 16px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--smaller {
  --avatar-size: 32px;
  --avatar-placeholder-icon-size: 20px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--medium {
  --avatar-size: 40px;
  --avatar-placeholder-icon-size: 24px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--bigger {
  --avatar-size: 48px;
  --avatar-placeholder-icon-size: 28px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--big {
  --avatar-size: 56px;
  --avatar-placeholder-icon-size: 32px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--huge {
  --avatar-size: 64px;
  --avatar-placeholder-icon-size: 32px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--profile-small {
  --avatar-size: 72px;
  --avatar-placeholder-icon-size: 36px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--profile-medium {
  --avatar-size: 96px;
  --avatar-placeholder-icon-size: 48px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--profile-big {
  --avatar-size: 160px;
  --avatar-placeholder-icon-size: 80px
}

.frontend-agenda-wrapper .frontend-agenda-avatar--border-simple {
  --avatar-box-border: 4px solid var(--component-colors-components-avatars-avatar-focus-border, rgba(152, 162, 179, 0.14))
}

.frontend-agenda-wrapper .frontend-agenda-avatar--border-profile-photo {
  --avatar-box-border: 4px solid var(--component-colors-components-avatars-avatar-profile-photo-border, #ffffff);
  --avatar-box-shadow: var(--shadows-shadow-lg-box-shadow, 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08))
}

.frontend-agenda-wrapper .c-badge {
  --badge--color: var(--component-colors-utility-gray-utility-gray-700, #344054);
  --badge--background-color: var(--component-colors-utility-gray-utility-gray-50, #f9fafb);
  --badge--border-color: var(--component-colors-utility-gray-utility-gray-200, #eaecf0);
  --badge--padding: var(--spacing-xxs, 2px) 10px;
  --badge--padding-left: 6px;
  --badge--icon-size: 16px;
  display: inline-flex;
  gap: var(--spacing-sm, 6px);
  align-items: center;
  white-space: nowrap;
  border-style: solid;
  border-width: 1px;
  border-color: var(--badge--border-color);
  padding: var(--badge--padding);
  color: var(--badge--color);
  background-color: var(--badge--background-color);
  border-radius: var(--radius-full, 9999px);
  font-family: var(--text-sm-medium-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500)
}

.frontend-agenda-wrapper .c-badge svg {
  width: 16px;
  height: 16px
}

.frontend-agenda-wrapper .c-badge svg path {
  stroke: var(--badge--color)
}

.frontend-agenda-wrapper .c-badge:has(svg) {
  padding-left: var(--badge--padding-left)
}

.frontend-agenda-wrapper .c-badge--success {
  --badge--color: var(--component-colors-utility-success-utility-success-700, #067647);
  --badge--background-color: var(--component-colors-utility-success-utility-success-50, #ecfdf3);
  --badge--border-color: var(--component-colors-utility-success-utility-success-200, #abefc6)
}

.frontend-agenda-wrapper .c-badge--warning {
  --badge--color: var(--component-colors-utility-warning-utility-warning-700, #b54708);
  --badge--background-color: var(--component-colors-utility-warning-utility-warning-50, #fffaeb);
  --badge--border-color: var(--component-colors-utility-warning-utility-warning-200, #fedf89)
}

.frontend-agenda-wrapper .c-badge--danger {
  --badge--color: var(--component-colors-utility-error-utility-error-700, #b42318);
  --badge--background-color: var(--component-colors-utility-error-utility-error-50, #fef3f2);
  --badge--border-color: var(--component-colors-utility-error-utility-error-200, #fecdca)
}

.frontend-agenda-wrapper .c-badge--info {
  --badge--color: var(--component-colors-utility-blue-utility-blue-700, #175cd3);
  --badge--background-color: var(--component-colors-utility-blue-utility-blue-50, #eff8ff);
  --badge--border-color: var(--component-colors-utility-blue-utility-blue-200, #b2ddff)
}

.frontend-agenda-wrapper .c-badge--primary {
  --badge--color: var(--component-colors-utility-brand-utility-brand-700, #6941c6);
  --badge--background-color: var(--component-colors-utility-brand-utility-brand-50, #f9f5ff);
  --badge--border-color: var(--component-colors-utility-brand-utility-brand-200, #e9d7fe)
}

.frontend-agenda-wrapper .c-badge--white {
  --badge--color: var(--component-colors-utility-gray-utility-gray-700, #344054);
  --badge--background-color: var(--component-colors-utility-gray-utility-gray-50, #f9fafb);
  --badge--border-color: var(--component-colors-utility-gray-utility-gray-200, #eaecf0)
}

.frontend-agenda-wrapper .c-badge--small {
  --badge--padding: var(--spacing-xxs, 2px) var(--spacing-sm, 6px);
  --badge--padding-left: 3px;
  font-size: var(--text-xxs-medium-font-size, 10px);
  line-height: var(--text-xxs-medium-line-height, 12px);
  font-weight: var(--text-xxs-medium-font-weight, 500)
}

.frontend-agenda-wrapper .c-badge--smaller {
  --badge--padding: var(--spacing-xxs, 2px) var(--spacing-md, 8px);
  --badge--padding-left: 4px;
  font-size: var(--text-xs-medium-font-size, 12px);
  line-height: var(--text-xs-medium-line-height, 18px);
  font-weight: var(--text-xs-medium-font-weight, 500)
}

.frontend-agenda-wrapper .c-badge--medium {
  --badge--padding: var(--spacing-xxs, 2px) 10px;
  --badge--padding-left: 6px;
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500)
}

.frontend-agenda-wrapper .c-badge--large {
  --badge--padding: var(--spacing-xs, 4px) var(--spacing-lg, 12px);
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500)
}

.frontend-agenda-wrapper .btn, .frontend-agenda-wrapper .c-button, .frontend-agenda-wrapper a.c-button {
  --c-button--color: var(--component-colors-components-buttons-primary-button-primary-fg, #ffffff);
  --c-button--background-color: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9);
  --c-button--hover-color: var(--component-colors-components-buttons-primary-button-primary-fghover, #ffffff);
  --c-button--hover-background-color: var(--component-colors-components-buttons-primary-button-primary-bghover, #6941c6);
  --c-button--disabled-color: var(--colors-foreground-fg-disabled, #98a2b3);
  --c-button--disabled-background-color: var(--colors-background-bg-disabled, #f2f4f7);
  --c-button-box-shadow: var(--focus-rings-ring-brand-shadow-xs-box-shadow, 0px 0px 0px 4px rgba(158, 119, 237, 0.24), 0px 1px 2px 0px rgba(16, 24, 40, 0.05));
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 550;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0;
  background: var(--c-button--background-color);
  color: var(--c-button--color);
  border-radius: var(--radius-md, 8px);
  box-shadow: var(--shadows-shadow-xs-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, .05));
  border-width: 1px;
  border-style: solid;
  border-color: var(--c-button--border-color);
  padding: 10px 18px;
  position: relative;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  gap: var(--spacing-xs, 4px);
  height: auto;
  justify-content: center;
  text-shadow: none !important;
  text-transform: inherit;
  transition-duration: .3s;
  transition-property: background, color, background-color, box-shadow;
  width: auto;
  min-height: 32px;
  text-decoration: none !important;
  overflow: hidden;
  font-family: var(--text-md-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-semibold-font-size, 16px);
  line-height: var(--text-md-semibold-line-height, 24px);
  font-weight: var(--text-md-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .btn:hover, .frontend-agenda-wrapper .c-button:hover, .frontend-agenda-wrapper a.c-button:hover {
  color: var(--c-button--hover-color) !important
}

.frontend-agenda-wrapper .btn a, .frontend-agenda-wrapper .c-button a, .frontend-agenda-wrapper a.c-button a {
  color: var(--c-button--color) !important
}

.frontend-agenda-wrapper .btn a:hover, .frontend-agenda-wrapper .c-button a:hover, .frontend-agenda-wrapper a.c-button a:hover {
  color: var(--c-button--color) !important;
  text-decoration: none !important
}

.frontend-agenda-wrapper .btn--icon, .frontend-agenda-wrapper .btn--rounded, .frontend-agenda-wrapper .c-button--icon, .frontend-agenda-wrapper .c-button--rounded, .frontend-agenda-wrapper a.c-button--icon, .frontend-agenda-wrapper a.c-button--rounded {
  width: 32px;
  height: 32px
}

.frontend-agenda-wrapper .btn--rounded, .frontend-agenda-wrapper .c-button--rounded, .frontend-agenda-wrapper a.c-button--rounded {
  border-radius: 100%
}

.frontend-agenda-wrapper .btn--icon.c-button--smaller, .frontend-agenda-wrapper .btn--rounded.c-button--smaller, .frontend-agenda-wrapper .c-button--icon.c-button--smaller, .frontend-agenda-wrapper .c-button--rounded.c-button--smaller, .frontend-agenda-wrapper a.c-button--icon.c-button--smaller, .frontend-agenda-wrapper a.c-button--rounded.c-button--smaller {
  width: 26px;
  height: 26px
}

.frontend-agenda-wrapper .btn--icon.c-button--small, .frontend-agenda-wrapper .btn--rounded.c-button--small, .frontend-agenda-wrapper .c-button--icon.c-button--small, .frontend-agenda-wrapper .c-button--rounded.c-button--small, .frontend-agenda-wrapper a.c-button--icon.c-button--small, .frontend-agenda-wrapper a.c-button--rounded.c-button--small {
  width: 18px;
  height: 18px
}

.frontend-agenda-wrapper .btn svg *, .frontend-agenda-wrapper .c-button svg *, .frontend-agenda-wrapper a.c-button svg * {
  transition-duration: .3s;
  transition-property: stroke;
  stroke: var(--c-button--color)
}

.frontend-agenda-wrapper .btn img, .frontend-agenda-wrapper .c-button img, .frontend-agenda-wrapper a.c-button img {
  max-height: 90%
}

.frontend-agenda-wrapper .btn:focus, .frontend-agenda-wrapper .btn:focus-visible, .frontend-agenda-wrapper .btn:focus-within, .frontend-agenda-wrapper .c-button:focus, .frontend-agenda-wrapper .c-button:focus-visible, .frontend-agenda-wrapper .c-button:focus-within, .frontend-agenda-wrapper a.c-button:focus, .frontend-agenda-wrapper a.c-button:focus-visible, .frontend-agenda-wrapper a.c-button:focus-within {
  box-shadow: var(--c-button-box-shadow);
  outline: 0
}

.frontend-agenda-wrapper .btn:hover, .frontend-agenda-wrapper .c-button:hover, .frontend-agenda-wrapper a.c-button:hover {
  --c-button--color: var(--c-button--hover-color);
  --c-button--background-color: var(--c-button--hover-background-color);
  --c-button--border-color: var(--c-button--hover-border-color);
  color: var(--c-button--hover-color);
  background-color: var(--c-button--hover-background-color);
  border-color: var(--c-button--hover-border-color);
  text-decoration: none
}

.frontend-agenda-wrapper .btn.disabled, .frontend-agenda-wrapper .btn:disabled, .frontend-agenda-wrapper .c-button.disabled, .frontend-agenda-wrapper .c-button:disabled, .frontend-agenda-wrapper a.c-button.disabled, .frontend-agenda-wrapper a.c-button:disabled {
  pointer-events: none;
  cursor: default;
  color: var(--c-button--disabled-color);
  background-color: var(--c-button--disabled-background-color)
}

.frontend-agenda-wrapper .btn.disabled svg *, .frontend-agenda-wrapper .btn:disabled svg *, .frontend-agenda-wrapper .c-button.disabled svg *, .frontend-agenda-wrapper .c-button:disabled svg *, .frontend-agenda-wrapper a.c-button.disabled svg *, .frontend-agenda-wrapper a.c-button:disabled svg * {
  stroke: var(--c-button--disabled-color)
}

.frontend-agenda-wrapper .datagrid-wrapper .btn {
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
  display: inline-flex;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .datagrid-wrapper .btn.icon-only {
  padding: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper .datagrid-wrapper .btn svg {
  width: 20px;
  height: 20px
}

.frontend-agenda-wrapper .btn--text, .frontend-agenda-wrapper .c-button--text, .frontend-agenda-wrapper a.c-button--text {
  --c-button--background-color: #ffffffff;
  --c-button---color: var(--c-button--background-color);
  background-color: transparent;
  padding: 0;
  border: none
}

.frontend-agenda-wrapper .btn--primary, .frontend-agenda-wrapper .btn.primary, .frontend-agenda-wrapper .c-button--primary, .frontend-agenda-wrapper .c-button.primary, .frontend-agenda-wrapper a.c-button--primary, .frontend-agenda-wrapper a.c-button.primary {
  --c-button--color: var(--component-colors-components-buttons-primary-button-primary-fg, #ffffff);
  --c-button--background-color: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9);
  --c-button--border-color: var(--component-colors-components-buttons-primary-button-primary-border, #7f56d9);
  --c-button--hover-color: var(--component-colors-components-buttons-primary-button-primary-fghover, #ffffff);
  --c-button--hover-background-color: var(--component-colors-components-buttons-primary-button-primary-bghover, #6941c6);
  --c-button--hover-border-color: var(--component-colors-components-buttons-primary-button-primary-borderhover, #6941c6);
  --c-button--disabled-color: var(--colors-foreground-fg-disabled, #98a2b3);
  --c-button--disabled-background-color: var(--colors-background-bg-disabled, #f2f4f7);
  --c-button--disabled-border-color: var(--colors-border-border-disabledsubtle, #eaecf0)
}

.frontend-agenda-wrapper .btn--default, .frontend-agenda-wrapper .btn--secondary, .frontend-agenda-wrapper .c-button--default, .frontend-agenda-wrapper .c-button--secondary, .frontend-agenda-wrapper a.c-button--default, .frontend-agenda-wrapper a.c-button--secondary {
  --c-button--color: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054);
  --c-button--background-color: var(--component-colors-components-buttons-secondary-button-secondary-bg, #ffffff);
  --c-button--border-color: var(--component-colors-components-buttons-secondary-button-secondary-border, #d0d5dd);
  --c-button--hover-color: var(--component-colors-components-buttons-secondary-button-secondary-fghover, #182230);
  --c-button--hover-background-color: var(--component-colors-components-buttons-secondary-button-secondary-bghover, #f9fafb);
  --c-button--hover-border-color: var(--component-colors-components-buttons-secondary-button-secondary-borderhover, #d0d5dd)
}

.frontend-agenda-wrapper .btn--default img, .frontend-agenda-wrapper .btn--secondary img, .frontend-agenda-wrapper .c-button--default img, .frontend-agenda-wrapper .c-button--secondary img, .frontend-agenda-wrapper a.c-button--default img, .frontend-agenda-wrapper a.c-button--secondary img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--tertiary, .frontend-agenda-wrapper .c-button--tertiary, .frontend-agenda-wrapper a.c-button--tertiary {
  --c-button--color: #505562ff;
  --c-button--background-color: #ebecefff;
  --c-button--hover-color: #505562ff;
  --c-button--hover-background-color: #d8dadfff
}

.frontend-agenda-wrapper .btn--gray-light2, .frontend-agenda-wrapper .btn--tertiary2, .frontend-agenda-wrapper .c-button--gray-light2, .frontend-agenda-wrapper .c-button--tertiary2, .frontend-agenda-wrapper a.c-button--gray-light2, .frontend-agenda-wrapper a.c-button--tertiary2 {
  --c-button--color: #505562ff;
  --c-button--background-color: #d8dadfff;
  --c-button--hover-color: #505562ff;
  --c-button--hover-background-color: #b6b9c3ff
}

.frontend-agenda-wrapper .btn--green, .frontend-agenda-wrapper .btn--success, .frontend-agenda-wrapper .btn-success, .frontend-agenda-wrapper .btn.btn-success, .frontend-agenda-wrapper .btn.bulozit, .frontend-agenda-wrapper .btn.fbzeleny, .frontend-agenda-wrapper .btn.green, .frontend-agenda-wrapper .btn.success, .frontend-agenda-wrapper .c-button--green, .frontend-agenda-wrapper .c-button--success, .frontend-agenda-wrapper .c-button-success, .frontend-agenda-wrapper .c-button.btn-success, .frontend-agenda-wrapper .c-button.bulozit, .frontend-agenda-wrapper .c-button.fbzeleny, .frontend-agenda-wrapper .c-button.green, .frontend-agenda-wrapper .c-button.success, .frontend-agenda-wrapper a.c-button--green, .frontend-agenda-wrapper a.c-button--success, .frontend-agenda-wrapper a.c-button-success, .frontend-agenda-wrapper a.c-button.btn-success, .frontend-agenda-wrapper a.c-button.bulozit, .frontend-agenda-wrapper a.c-button.fbzeleny, .frontend-agenda-wrapper a.c-button.green, .frontend-agenda-wrapper a.c-button.success {
  --c-button--color: #ffffffff;
  --c-button--background-color: #2a9d49ff;
  --c-button--border-color: #2a9d49ff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #258940ff;
  --c-button--hover-border-color: #258940ff
}

.frontend-agenda-wrapper .btn--green img, .frontend-agenda-wrapper .btn--success img, .frontend-agenda-wrapper .btn-success img, .frontend-agenda-wrapper .btn.btn-success img, .frontend-agenda-wrapper .btn.bulozit img, .frontend-agenda-wrapper .btn.fbzeleny img, .frontend-agenda-wrapper .btn.green img, .frontend-agenda-wrapper .btn.success img, .frontend-agenda-wrapper .c-button--green img, .frontend-agenda-wrapper .c-button--success img, .frontend-agenda-wrapper .c-button-success img, .frontend-agenda-wrapper .c-button.btn-success img, .frontend-agenda-wrapper .c-button.bulozit img, .frontend-agenda-wrapper .c-button.fbzeleny img, .frontend-agenda-wrapper .c-button.green img, .frontend-agenda-wrapper .c-button.success img, .frontend-agenda-wrapper a.c-button--green img, .frontend-agenda-wrapper a.c-button--success img, .frontend-agenda-wrapper a.c-button-success img, .frontend-agenda-wrapper a.c-button.btn-success img, .frontend-agenda-wrapper a.c-button.bulozit img, .frontend-agenda-wrapper a.c-button.fbzeleny img, .frontend-agenda-wrapper a.c-button.green img, .frontend-agenda-wrapper a.c-button.success img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--orange, .frontend-agenda-wrapper .c-button--orange, .frontend-agenda-wrapper a.c-button--orange {
  --c-button--color: #ffffffff;
  --c-button--background-color: #f55e38ff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #ed4e26ff
}

.frontend-agenda-wrapper .btn--orange img, .frontend-agenda-wrapper .c-button--orange img, .frontend-agenda-wrapper a.c-button--orange img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--danger, .frontend-agenda-wrapper .btn--red, .frontend-agenda-wrapper .btn-danger, .frontend-agenda-wrapper .btn.btn-danger, .frontend-agenda-wrapper .btn.fbcerveny, .frontend-agenda-wrapper .btn.red, .frontend-agenda-wrapper .c-button--danger, .frontend-agenda-wrapper .c-button--red, .frontend-agenda-wrapper .c-button-danger, .frontend-agenda-wrapper .c-button.btn-danger, .frontend-agenda-wrapper .c-button.fbcerveny, .frontend-agenda-wrapper .c-button.red, .frontend-agenda-wrapper a.c-button--danger, .frontend-agenda-wrapper a.c-button--red, .frontend-agenda-wrapper a.c-button-danger, .frontend-agenda-wrapper a.c-button.btn-danger, .frontend-agenda-wrapper a.c-button.fbcerveny, .frontend-agenda-wrapper a.c-button.red {
  --c-button--color: var(--colors-foreground-fg-white, #ffffff);
  --c-button--background-color: var(--component-colors-components-buttons-primary-error-button-primary-error-bg, #d92d20);
  --c-button--border-color: var(--component-colors-components-buttons-primary-error-button-primary-error-border, #d92d20);
  --c-button--hover-color: var(--colors-foreground-fg-white, #ffffff);
  --c-button--hover-background-color: var(--component-colors-components-buttons-primary-error-button-primary-error-bghover, #b42318);
  --c-button--hover-border-color: var(--component-colors-components-buttons-primary-error-button-primary-error-borderhover, #b42318)
}

.frontend-agenda-wrapper .btn--danger img, .frontend-agenda-wrapper .btn--red img, .frontend-agenda-wrapper .btn-danger img, .frontend-agenda-wrapper .btn.btn-danger img, .frontend-agenda-wrapper .btn.fbcerveny img, .frontend-agenda-wrapper .btn.red img, .frontend-agenda-wrapper .c-button--danger img, .frontend-agenda-wrapper .c-button--red img, .frontend-agenda-wrapper .c-button-danger img, .frontend-agenda-wrapper .c-button.btn-danger img, .frontend-agenda-wrapper .c-button.fbcerveny img, .frontend-agenda-wrapper .c-button.red img, .frontend-agenda-wrapper a.c-button--danger img, .frontend-agenda-wrapper a.c-button--red img, .frontend-agenda-wrapper a.c-button-danger img, .frontend-agenda-wrapper a.c-button.btn-danger img, .frontend-agenda-wrapper a.c-button.fbcerveny img, .frontend-agenda-wrapper a.c-button.red img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--blue, .frontend-agenda-wrapper .btn.blue, .frontend-agenda-wrapper .c-button--blue, .frontend-agenda-wrapper .c-button.blue, .frontend-agenda-wrapper a.c-button--blue, .frontend-agenda-wrapper a.c-button.blue {
  --c-button--color: #ffffffff;
  --c-button--background-color: #0061e5ff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #0a5ac7ff
}

.frontend-agenda-wrapper .btn--blue img, .frontend-agenda-wrapper .btn.blue img, .frontend-agenda-wrapper .c-button--blue img, .frontend-agenda-wrapper .c-button.blue img, .frontend-agenda-wrapper a.c-button--blue img, .frontend-agenda-wrapper a.c-button.blue img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--default, .frontend-agenda-wrapper .btn.default, .frontend-agenda-wrapper .btn.fbmodry, .frontend-agenda-wrapper .c-button--default, .frontend-agenda-wrapper .c-button.default, .frontend-agenda-wrapper .c-button.fbmodry, .frontend-agenda-wrapper a.c-button--default, .frontend-agenda-wrapper a.c-button.default, .frontend-agenda-wrapper a.c-button.fbmodry {
  --c-button--color: #ffffffff;
  --c-button--background-color: #6c7284ff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #373a43ff
}

.frontend-agenda-wrapper .btn--default img, .frontend-agenda-wrapper .btn.default img, .frontend-agenda-wrapper .btn.fbmodry img, .frontend-agenda-wrapper .c-button--default img, .frontend-agenda-wrapper .c-button.default img, .frontend-agenda-wrapper .c-button.fbmodry img, .frontend-agenda-wrapper a.c-button--default img, .frontend-agenda-wrapper a.c-button.default img, .frontend-agenda-wrapper a.c-button.fbmodry img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn .btn-info, .frontend-agenda-wrapper .btn--teal, .frontend-agenda-wrapper .btn.teal, .frontend-agenda-wrapper .c-button .btn-info, .frontend-agenda-wrapper .c-button--teal, .frontend-agenda-wrapper .c-button.teal, .frontend-agenda-wrapper a.c-button .btn-info, .frontend-agenda-wrapper a.c-button--teal, .frontend-agenda-wrapper a.c-button.teal {
  --c-button--color: #ffffffff;
  --c-button--background-color: #168d9cff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #147d8aff
}

.frontend-agenda-wrapper .btn .btn-info img, .frontend-agenda-wrapper .btn--teal img, .frontend-agenda-wrapper .btn.teal img, .frontend-agenda-wrapper .c-button .btn-info img, .frontend-agenda-wrapper .c-button--teal img, .frontend-agenda-wrapper .c-button.teal img, .frontend-agenda-wrapper a.c-button .btn-info img, .frontend-agenda-wrapper a.c-button--teal img, .frontend-agenda-wrapper a.c-button.teal img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--white, .frontend-agenda-wrapper .c-button--white, .frontend-agenda-wrapper a.c-button--white {
  --c-button--color: #101114ff;
  --c-button--background-color: #ffffffff;
  --c-button--hover-color: #101114ff;
  --c-button--hover-background-color: #f7f7f8ff
}

.frontend-agenda-wrapper .btn--white:hover img, .frontend-agenda-wrapper .c-button--white:hover img, .frontend-agenda-wrapper a.c-button--white:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--black, .frontend-agenda-wrapper .btn.btn-inverse, .frontend-agenda-wrapper .btn.btn.black, .frontend-agenda-wrapper .c-button--black, .frontend-agenda-wrapper .c-button.btn-inverse, .frontend-agenda-wrapper .c-button.btn.black, .frontend-agenda-wrapper a.c-button--black, .frontend-agenda-wrapper a.c-button.btn-inverse, .frontend-agenda-wrapper a.c-button.btn.black {
  --c-button--color: #ffffffff;
  --c-button--background-color: #101114ff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #22242aff
}

.frontend-agenda-wrapper .btn--warning, .frontend-agenda-wrapper .btn--yellow, .frontend-agenda-wrapper .btn-warning, .frontend-agenda-wrapper .btn.btn-warning, .frontend-agenda-wrapper .btn.yellow, .frontend-agenda-wrapper .c-button--warning, .frontend-agenda-wrapper .c-button--yellow, .frontend-agenda-wrapper .c-button-warning, .frontend-agenda-wrapper .c-button.btn-warning, .frontend-agenda-wrapper .c-button.yellow, .frontend-agenda-wrapper a.c-button--warning, .frontend-agenda-wrapper a.c-button--yellow, .frontend-agenda-wrapper a.c-button-warning, .frontend-agenda-wrapper a.c-button.btn-warning, .frontend-agenda-wrapper a.c-button.yellow {
  --c-button--color: #ffffffff;
  --c-button--background-color: #da890bff;
  --c-button--hover-color: #ffffffff;
  --c-button--hover-background-color: #c27a0aff
}

.frontend-agenda-wrapper .btn--warning img, .frontend-agenda-wrapper .btn--yellow img, .frontend-agenda-wrapper .btn-warning img, .frontend-agenda-wrapper .btn.btn-warning img, .frontend-agenda-wrapper .btn.yellow img, .frontend-agenda-wrapper .c-button--warning img, .frontend-agenda-wrapper .c-button--yellow img, .frontend-agenda-wrapper .c-button-warning img, .frontend-agenda-wrapper .c-button.btn-warning img, .frontend-agenda-wrapper .c-button.yellow img, .frontend-agenda-wrapper a.c-button--warning img, .frontend-agenda-wrapper a.c-button--yellow img, .frontend-agenda-wrapper a.c-button-warning img, .frontend-agenda-wrapper a.c-button.btn-warning img, .frontend-agenda-wrapper a.c-button.yellow img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}

.frontend-agenda-wrapper .btn--block, .frontend-agenda-wrapper .btn--login, .frontend-agenda-wrapper .c-button--block, .frontend-agenda-wrapper .c-button--login, .frontend-agenda-wrapper a.c-button--block, .frontend-agenda-wrapper a.c-button--login {
  width: 100%
}

.frontend-agenda-wrapper .btn--big, .frontend-agenda-wrapper .c-button--big, .frontend-agenda-wrapper a.c-button--big {
  gap: var(--spacing-xl, 16px);
  padding: var(--spacing-xl, 16px) 22px;
  font-family: var(--text-lg-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .btn--small, .frontend-agenda-wrapper .c-button--small, .frontend-agenda-wrapper a.c-button--small {
  padding: var(--spacing-md, 8px) 14px;
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .btn--small svg, .frontend-agenda-wrapper .c-button--small svg, .frontend-agenda-wrapper a.c-button--small svg {
  width: 20px;
  height: 20px
}

.frontend-agenda-wrapper .btn--smaller, .frontend-agenda-wrapper .c-button--smaller, .frontend-agenda-wrapper a.c-button--smaller {
  padding: 10px var(--spacing-xl, 16px);
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .btn--input, .frontend-agenda-wrapper .btn--next-to-input, .frontend-agenda-wrapper .c-button--input, .frontend-agenda-wrapper .c-button--next-to-input, .frontend-agenda-wrapper a.c-button--input, .frontend-agenda-wrapper a.c-button--next-to-input {
  white-space: nowrap;
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper .btn--next-to-input.c-button--white, .frontend-agenda-wrapper .c-button--next-to-input.c-button--white, .frontend-agenda-wrapper a.c-button--next-to-input.c-button--white {
  --c-button--color: #101114ff;
  background-color: #ffffffff;
  border: 1px solid #d8dadfff
}

.frontend-agenda-wrapper .btn--next-to-input.c-button--white:hover, .frontend-agenda-wrapper .c-button--next-to-input.c-button--white:hover, .frontend-agenda-wrapper a.c-button--next-to-input.c-button--white:hover {
  background-color: #373a43ff;
  border-color: #373a43ff;
  --c-button--color: #ffffffff
}

.frontend-agenda-wrapper .btn--next-to-input.c-button--white svg *, .frontend-agenda-wrapper .c-button--next-to-input.c-button--white svg *, .frontend-agenda-wrapper a.c-button--next-to-input.c-button--white svg * {
  stroke: #101114ff
}

.frontend-agenda-wrapper .btn--loading, .frontend-agenda-wrapper .c-button--loading, .frontend-agenda-wrapper a.c-button--loading {
  position: relative;
  --c-button--color: transparent !important
}

.frontend-agenda-wrapper .btn--loading *, .frontend-agenda-wrapper .c-button--loading *, .frontend-agenda-wrapper a.c-button--loading * {
  visibility: hidden !important
}

.frontend-agenda-wrapper .btn--loading:before, .frontend-agenda-wrapper .c-button--loading:before, .frontend-agenda-wrapper a.c-button--loading:before {
  content: '';
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.frontend-agenda-wrapper .btn--loading:after, .frontend-agenda-wrapper .c-button--loading:after, .frontend-agenda-wrapper a.c-button--loading:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  border: 2px solid;
  border-top-color: transparent;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: -8px 0 0 -8px;
  transition: opacity .3s;
  color: #fff;
  -webkit-animation: .8s linear infinite animation-rotate;
  animation: .8s linear infinite animation-rotate;
  z-index: 2
}

.frontend-agenda-wrapper .btn--loading.c-button--white, .frontend-agenda-wrapper .c-button--loading.c-button--white, .frontend-agenda-wrapper a.c-button--loading.c-button--white {
  background-color: #373a43ff;
  border-color: #373a43ff
}

.frontend-agenda-wrapper .btn--outline, .frontend-agenda-wrapper .btn.outline, .frontend-agenda-wrapper .c-button--outline, .frontend-agenda-wrapper .c-button.outline, .frontend-agenda-wrapper a.c-button--outline, .frontend-agenda-wrapper a.c-button.outline {
  --c-button--color: var(--c-button--background-color);
  border: 1px solid var(--c-button--background-color);
  background-color: transparent
}

.frontend-agenda-wrapper .btn--outline:hover, .frontend-agenda-wrapper .btn.outline:hover, .frontend-agenda-wrapper .c-button--outline:hover, .frontend-agenda-wrapper .c-button.outline:hover, .frontend-agenda-wrapper a.c-button--outline:hover, .frontend-agenda-wrapper a.c-button.outline:hover {
  background-color: var(--c-button--background-color)
}

.frontend-agenda-wrapper .jqtree-unfold-all > a {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 550;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0;
  border-radius: 4px;
  color: #505562ff;
  background-color: #ebecefff;
  display: flex;
  padding: 4px 8px;
  transition-property: background-color;
  transition-duration: .3s;
  text-decoration: none
}

.frontend-agenda-wrapper .jqtree-unfold-all > a:hover {
  text-decoration: none;
  background-color: #d8dadfff
}

.frontend-agenda-wrapper .jstree-icons-cont a.ikonka {
  display: flex;
  border-radius: 4px;
  background: #d8dadfff;
  padding: 4px;
  height: auto;
  width: auto;
  transition-duration: .3s;
  transition-property: background
}

.frontend-agenda-wrapper .jstree-icons-cont a.ikonka:hover {
  background: #b6b9c3ff
}

.frontend-agenda-wrapper .jstree-icons-cont a.ikonka img {
  max-width: 16px
}

.frontend-agenda-wrapper .buttons {
  display: flex;
  gap: 4px;
  align-items: center
}

@-webkit-keyframes animation-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes animation-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.frontend-agenda-wrapper .c-button-group {
  --button-goup-border-radius: var(--radius-md, 8px);
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  overflow: hidden
}

.frontend-agenda-wrapper .c-button-group label:first-of-type {
  border-top-left-radius: var(--button-goup-border-radius);
  border-bottom-left-radius: var(--button-goup-border-radius)
}

.frontend-agenda-wrapper .c-button-group label:last-of-type {
  border-top-right-radius: var(--button-goup-border-radius);
  border-bottom-right-radius: var(--button-goup-border-radius)
}

.frontend-agenda-wrapper .c-button-group .c-button {
  border-radius: 0
}

.frontend-agenda-wrapper .c-button-group--radio input[type=radio] {
  display: none
}

.frontend-agenda-wrapper .c-button-group--hover .c-button:not(:hover), .frontend-agenda-wrapper .c-button-group--radio input[type=radio]:not(:checked) + .c-button {
  --c-button--color: var(--colors-text-text-secondary-700, #344054);
  --c-button--background-color: var(--colors-background-bg-primary, #ffffff);
  --c-button--border-color: var(--colors-border-border-primary, #d0d5dd);
  --c-button--hover-color: var(--colors-text-text-secondary-700, #344054);
  --c-button--hover-background-color: var(--component-colors-components-buttons-secondary-button-secondary-bghover, #f9fafb);
  --c-button--hover-border-color: var(--component-colors-components-buttons-secondary-button-secondary-borderhover, #d0d5dd)
}

.frontend-agenda-wrapper .c-button-group--vertical {
  flex-direction: column
}

.frontend-agenda-wrapper .c-button-group--vertical .c-button {
  justify-content: flex-start
}

.frontend-agenda-wrapper .c-button-group label:not(:last-child) {
  border-right-width: 0
}

.frontend-agenda-wrapper .c-button-text {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px
}

.frontend-agenda-wrapper .c-button-text i {
  text-decoration: none !important
}

.frontend-agenda-wrapper .c-button-text:hover {
  color: #d51055ff
}

.frontend-agenda-wrapper .icon-mobile-phone {
  font-size: 130%
}

.frontend-agenda-wrapper .icon-laptop, .frontend-agenda-wrapper .icon-tablet {
  font-size: 120%
}

.frontend-agenda-wrapper .c-button-dropdown {
  position: relative
}

.frontend-agenda-wrapper .c-button-dropdown .c-button-group {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(calc(100% + 5px));
  transform: translateY(calc(100% + 5px));
  min-width: 200px;
  display: none;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
  border-radius: 4px;
  z-index: 10
}

.frontend-agenda-wrapper .c-button-dropdown input {
  display: none
}

.frontend-agenda-wrapper .c-button-dropdown input:checked + .c-button-group {
  display: flex
}

.frontend-agenda-wrapper table.datagrid {
  width: 100%;
  border-spacing: 0;
  margin: 0 0 20px;
  background-color: #fff;
  border-collapse: separate
}

.frontend-agenda-wrapper table.datagrid tbody tr.requested-row td {
  background: rgba(150, 150, 255, .2);
  -webkit-animation: .3s .5s 7 alternate datagrid-requested-row;
  animation: .3s .5s 7 alternate datagrid-requested-row
}

.frontend-agenda-wrapper table.datagrid > tr.row {
  color: #505562ff
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td {
  border-style: solid;
  border-color: var(--colors-border-border-secondary, #eaecf0);
  border-width: 0 0 1px;
  color: inherit;
  height: 40px;
  padding: var(--spacing-sm, 6px) var(--spacing-lg, 12px);
  position: relative;
  transition: background-color .2s;
  vertical-align: middle
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.cell-max-height {
  overflow: hidden;
  padding: 0;
  cursor: pointer
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.cell-max-height > .cell-inner-wrap {
  padding: 4px 8px;
  background-color: inherit;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.cell-max-height:hover {
  overflow: initial
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.cell-max-height:hover > .cell-inner-wrap {
  z-index: 2
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.cell-max-height:hover:after {
  height: 0
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.cell-max-height:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top, #fff 4px, rgba(255, 255, 255, 0) 14px)
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.celllinked {
  padding: 0
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td:first-child {
  border-left-width: 1px
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td:last-child {
  border-right-width: 1px
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.mass-actions {
  background-color: #f7f7f8ff !important
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.uncelllinked:nth-child(n), .frontend-agenda-wrapper table.datagrid > tbody > tr > td.uncelllinked:nth-child(n):hover {
  background-color: #f2e6da
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.no-underlined-links a {
  text-decoration: none !important
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td.no-underlined-links a:hover {
  text-decoration: underline !important
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td a.celllink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  text-decoration: none !important;
  box-sizing: border-box;
  color: inherit;
  padding: 4px 8px
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td .cell-link-icon {
  display: block;
  position: absolute;
  right: 4px;
  font-size: 14px;
  line-height: 14px;
  min-height: 14px;
  top: 8px;
  text-decoration: none !important;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td:hover .cell-link-icon {
  opacity: 1;
  visibility: visible
}

.frontend-agenda-wrapper table.datagrid > tbody > tr > td i[class^=icon] {
  font-size: 14px;
  margin-right: 4px
}

.frontend-agenda-wrapper table.datagrid > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--radius-md, 8px)
}

.frontend-agenda-wrapper table.datagrid > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--radius-md, 8px)
}

.frontend-agenda-wrapper table.datagrid > tbody tr.selected td {
  background-color: #f7f7f8ff
}

.frontend-agenda-wrapper table.datagrid > tbody tr.selected td .dropdown-control {
  background-color: #ebecefff
}

.frontend-agenda-wrapper table.datagrid > tbody tr.selected:hover td {
  background-color: #f7f7f8ff
}

.frontend-agenda-wrapper table.datagrid > tbody td.sortable-handle {
  cursor: move;
  font-size: 14px;
  width: 24px;
  text-align: center
}

.frontend-agenda-wrapper table.datagrid > tbody td.sortable-handle:hover {
  background-color: rgba(0, 0, 0, .3);
  color: #fff
}

.frontend-agenda-wrapper table.datagrid > tbody td.no-rows {
  text-align: left;
  padding: 15px 25px;
  color: #666
}

.frontend-agenda-wrapper table.datagrid > tbody td.no-rows:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  margin-right: 20px;
  display: inline-block;
  float: left;
  padding-top: 12px;
  padding-bottom: 6px
}

.frontend-agenda-wrapper table.datagrid > tbody td.no-rows .no-items {
  padding-top: 12px;
  padding-bottom: 6px;
  font-size: 15px;
  display: inline-block
}

.frontend-agenda-wrapper table.datagrid > tbody td.no-rows a {
  color: #666
}

.frontend-agenda-wrapper table.datagrid > tbody td.no-rows a:hover {
  color: red
}

.frontend-agenda-wrapper table.datagrid > tbody td.no-rows:hover {
  background-color: inherit
}

.frontend-agenda-wrapper table.datagrid > tbody > tr:hover > td {
  background: #f7f7f8ff
}

.frontend-agenda-wrapper table.datagrid .dropdown-position {
  position: relative;
  display: inline-block
}

.frontend-agenda-wrapper table.datagrid .dropdown-position a.btn {
  color: #000;
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
  height: 100%;
  border-width: 0;
  background-color: initial
}

.frontend-agenda-wrapper table.datagrid .dropdown-position a.btn:hover {
  color: #000 !important
}

.frontend-agenda-wrapper table.datagrid .right-part {
  float: right;
  display: flex;
  gap: var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper table.datagrid .controls-bar {
  display: flex;
  vertical-align: top;
  gap: var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper table.datagrid .controls-bar .btn {
  --c-button--color: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054);
  --c-button--background-color: var(--component-colors-components-buttons-secondary-button-secondary-bg, #ffffff);
  --c-button--border-color: var(--component-colors-components-buttons-secondary-button-secondary-border, #d0d5dd);
  --c-button--hover-color: var(--component-colors-components-buttons-secondary-button-secondary-fghover, #182230);
  --c-button--hover-background-color: var(--component-colors-components-buttons-secondary-button-secondary-bghover, #f9fafb);
  --c-button--hover-border-color: var(--component-colors-components-buttons-secondary-button-secondary-borderhover, #d0d5dd)
}

.frontend-agenda-wrapper table.datagrid .controls-bar .btn.primary {
  --c-button--color: var(--component-colors-components-buttons-primary-button-primary-fg, #ffffff);
  --c-button--background-color: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9);
  --c-button--border-color: var(--component-colors-components-buttons-primary-button-primary-border, #7f56d9);
  --c-button--hover-color: var(--component-colors-components-buttons-primary-button-primary-fghover, #ffffff);
  --c-button--hover-background-color: var(--component-colors-components-buttons-primary-button-primary-bghover, #6941c6);
  --c-button--hover-border-color: var(--component-colors-components-buttons-primary-button-primary-borderhover, #6941c6)
}

.frontend-agenda-wrapper table.datagrid .fulltext-container {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: top
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .ui-autocomplete {
  font-size: 12px;
  width: 170px;
  border-radius: 0;
  border-color: #6cf;
  background: #fff;
  min-width: 170px
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .ui-autocomplete a {
  text-decoration: none !important;
  border-radius: 0;
  color: #666;
  transition: background-color .3s, color .3s
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .ui-autocomplete a.ui-state-hover {
  background: #77d2ff;
  color: #000;
  border-color: #77d2ff
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .btn[type=submit] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
  background: var(--component-colors-components-buttons-secondary-button-secondary-bg, #fff)
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .btn[type=submit] svg path {
  stroke: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054)
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .btn:not([type=submit]) {
  margin-left: var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper table.datagrid .fulltext-container .btn-toolbar {
  display: flex;
  gap: 0
}

.frontend-agenda-wrapper table.datagrid .fulltext-loading {
  display: none;
  width: 16px;
  height: 16px;
  background: url(imgs/ajax-loader-small.gif) left top no-repeat;
  position: absolute;
  top: 4px;
  left: 120px
}

.frontend-agenda-wrapper table.datagrid .fulltext-loading.active {
  display: inline-block
}

.frontend-agenda-wrapper table.datagrid .fulltext-input {
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-color: var(--colors-border-border-primary, #d0d5dd);
  border-width: 1px;
  color: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054);
  padding: var(--spacing-sm, 6px) var(--spacing-lg, 12px);
  font-family: var(--text-md-regular-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  min-width: 0;
  position: relative;
  transition-duration: .3s;
  transition-property: min-width
}

.frontend-agenda-wrapper table.datagrid .fulltext-input:focus, .frontend-agenda-wrapper table.datagrid .fulltext-input:focus-visible, .frontend-agenda-wrapper table.datagrid .fulltext-input:focus-within {
  min-width: 250px;
  outline: 0
}

.frontend-agenda-wrapper table.datagrid .columns-toggle {
  float: right;
  margin-left: 10px
}

.frontend-agenda-wrapper table.datagrid .bottom-pagination {
  float: right
}

.frontend-agenda-wrapper table.datagrid tr + tr > td.pagination:not(:blank) {
  border-top: solid 1px var(--colors-border-border-secondary, #eaecf0)
}

.frontend-agenda-wrapper table.datagrid td.pagination {
  padding: 0;
  border: initial
}

.frontend-agenda-wrapper table.datagrid td.pagination .total-rows {
  color: var(--colors-foreground-fg-secondary-700, #344054);
  font-family: var(--text-sm-medium-font-family, "Inter-Medium"), sans-serif;
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500);
  padding: var(--spacing-xl, 16px) var(--spacing-3xl, 24px)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container {
  padding: var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
  display: flex;
  align-items: center
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a {
  display: flex;
  text-decoration: none !important;
  color: var(--colors-text-text-tertiary-600, #475467);
  text-align: center;
  transition: .3s;
  height: 40px;
  min-width: 40px;
  border-radius: var(--spacing-md, 8px);
  padding: var(--spacing-md, 8px);
  align-items: center;
  justify-content: center;
  --page-button--color: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054);
  --page-button--background-color: var(--component-colors-components-buttons-secondary-button-secondary-bg, #ffffff);
  --page-button--border-color: var(--component-colors-components-buttons-secondary-button-secondary-border, #d0d5dd);
  --page-button--hover-color: var(--component-colors-components-buttons-secondary-button-secondary-fghover, #182230);
  --page-button--hover-background-color: var(--component-colors-components-buttons-secondary-button-secondary-bghover, #f9fafb);
  --page-button--hover-border-color: var(--component-colors-components-buttons-secondary-button-secondary-borderhover, #d0d5dd)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.pagination-jump, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.pagination-jump {
  padding-right: 2px;
  padding-left: 2px
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-next, .frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-prev, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-next, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-prev {
  display: flex;
  gap: var(--spacing-xs, 4px);
  align-items: center;
  justify-content: center;
  color: var(--page-button--color);
  background-color: var(--page-button--background-color);
  border-color: var(--page-button--border-color);
  border-style: solid;
  border-width: 1px;
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600);
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-next:hover, .frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-prev:hover, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-next:hover, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-prev:hover {
  color: var(--page-button--hover-color);
  background-color: var(--page-button--hover-background-color);
  border-color: var(--page-button--hover-border-color)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-next svg, .frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-prev svg, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-next svg, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-prev svg {
  height: 20px;
  width: 20px
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-prev, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-prev {
  margin-right: var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-next, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-next {
  margin-left: var(--spacing-lg, 12px)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-next i, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-next i {
  margin-left: 3px;
  vertical-align: baseline
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.page-next:hover, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.page-next:hover {
  background: var(--colors-background-bg-primaryhover, #f9fafb)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.active, .frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.active:hover, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.active, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.active:hover {
  background: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9);
  color: #fff
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a.btn:hover, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a.btn:hover {
  background-color: #ddd
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page a:hover, .frontend-agenda-wrapper table.datagrid td.pagination .pagination-container a:hover {
  background: var(--colors-background-bg-primaryhover, #f9fafb)
}

.frontend-agenda-wrapper table.datagrid td.pagination .items-per-page .prompt {
  margin-right: var(--spacing-lg, 12px);
  color: var(--colors-foreground-fg-secondary-700, #344054);
  font-family: var(--text-sm-medium-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500)
}

.frontend-agenda-wrapper table.datagrid td.filters-banner {
  padding: var(--spacing-xl, 16px) var(--spacing-7xl, 48px) var(--spacing-xl, 16px) var(--spacing-xl, 16px);
  background: var(--colors-background-bg-secondary, #f9fafb);
  border-radius: var(--radius-md, 8px)
}

.frontend-agenda-wrapper table.datagrid td.filters-banner .filter-panel-reset {
  margin-bottom: 0
}

.frontend-agenda-wrapper table.datagrid td.loadnext {
  text-align: center;
  padding: var(--spacing-4xl, 32px) 0;
  border-color: var(--colors-border-border-secondary, #eaecf0);
  border-style: solid;
  border-width: 0
}

.frontend-agenda-wrapper table.datagrid td.loadnext a {
  display: inline-flex;
  text-decoration: none !important;
  padding: 10px 12px;
  transition: .3s;
  background: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9);
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-color: var(--component-colors-components-buttons-primary-button-primary-border, #7f56d9);
  color: var(--component-colors-components-buttons-primary-button-primary-fg, #fff);
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper table.datagrid td.loadnext a:before {
  content: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 4.16663V15.8333M4.66663 9.99996H16.3333" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  margin-right: var(--spacinf-sm, 8px);
  display: inline-block;
  height: 20px
}

.frontend-agenda-wrapper table.datagrid td.loadnext a:hover {
  background: var(--component-colors-components-buttons-primary-button-primary-bghover, #6941c6);
  border-color: var(--component-colors-components-buttons-primary-button-primary-bghover, #6941c6)
}

.frontend-agenda-wrapper table.datagrid td.loadnext a.active:before {
  content: "\f110";
  -webkit-animation: 1s linear infinite datagrid-rotating-spinner;
  animation: 1s linear infinite datagrid-rotating-spinner
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-control {
  padding: 18px 0 20px
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-control .control {
  padding: 8px 16px;
  background-color: #f7f7f8ff;
  border: 1px solid #ebecefff;
  border-radius: 4px
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-control .control.sortable-buttons-down {
  padding-left: 10px
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-control .control.fixed {
  position: fixed;
  z-index: 10;
  bottom: 0;
  top: auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25)
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-control .prompt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  font-size: 12px
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-control form {
  display: inline-block;
  vertical-align: middle
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-quicks {
  padding: 16px 0;
  font-size: 11px
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-quicks .prompt {
  font-weight: 700
}

.frontend-agenda-wrapper table.datagrid td.mass-actions-quicks a {
  margin-left: 10px
}

.frontend-agenda-wrapper table.datagrid tr.sum-row td {
  background: #f7f7f8ff;
  border-top: 3px solid #fff;
  color: #666;
  font-size: 10px;
  padding: 8px 4px
}

.frontend-agenda-wrapper table.datagrid tr.sum-row td:first-child {
  border-left: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.frontend-agenda-wrapper table.datagrid tr.sum-row td:last-child {
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.frontend-agenda-wrapper table.datagrid tr.sum-row td.sum-row-count {
  text-align: center;
  font-weight: 700;
  color: #000
}

.frontend-agenda-wrapper table.datagrid tr.sum-row td .sum-row-no-wrap {
  white-space: nowrap
}

.frontend-agenda-wrapper table.datagrid tr.sum-row td .sum-row-val .count {
  margin-right: 3px
}

.frontend-agenda-wrapper table.datagrid .top-control-row td {
  border: initial;
  padding-top: initial;
  padding-bottom: var(--spacing-3xl, 32px)
}

.frontend-agenda-wrapper table.datagrid .top-control-row select {
  height: 24px
}

.frontend-agenda-wrapper table.datagrid .top-control-row select:not(:first-child) {
  margin-left: 8px
}

.frontend-agenda-wrapper table.datagrid .header-added-content {
  display: inline-block;
  margin-left: 10px;
  margin-right: 15px;
  vertical-align: middle
}

.frontend-agenda-wrapper table.datagrid td.sortable-instructions {
  padding: 15px 0
}

.frontend-agenda-wrapper table.datagrid .column-headers th {
  vertical-align: middle;
  border-style: solid;
  border-color: var(--colors-border-border-secondary, #eaecf0);
  border-top-width: 1px;
  background: var(--colors-background-bg-secondary, #f9fafb);
  color: var(--colors-text-text-tertiary-600, #475467);
  padding: var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
  font-family: var(--text-xs-medium-font-family, "Inter"), sans-serif;
  font-size: var(--text-xs-medium-font-size, 12px);
  line-height: var(--text-xs-medium-line-height, 18px);
  font-weight: var(--text-xs-medium-font-weight, 500)
}

.frontend-agenda-wrapper table.datagrid .column-headers th:first-child {
  border-top-left-radius: var(--radius-md, 8px);
  border-left-width: 1px
}

.frontend-agenda-wrapper table.datagrid .column-headers th:last-child {
  border-top-right-radius: var(--radius-md, 8px);
  border-right-width: 1px
}

.frontend-agenda-wrapper table.datagrid .column-headers th.sorting-column {
  background-color: #ebecefff
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper {
  vertical-align: middle;
  display: flex
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper .header-wrapper-span {
  flex-grow: 1
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper a, .frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper span.header-wrapper-span {
  text-decoration: none !important
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper i {
  margin-left: 8px
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper .header-filter-toggle svg {
  height: 20px;
  width: 20px
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper .sortable-link {
  flex-grow: 1;
  display: flex;
  gap: var(--spacing-xs, 4px);
  align-items: center
}

.frontend-agenda-wrapper table.datagrid .column-headers th .header-wrapper .sortable-link svg {
  height: 16px;
  width: 16px;
  stroke: var(--colors-text-text-tertiary-600, #475467)
}

.frontend-agenda-wrapper table.datagrid .column-headers th .columns-toggle i, .frontend-agenda-wrapper table.datagrid .column-headers th.actions i {
  margin-left: 0
}

.frontend-agenda-wrapper table.datagrid .column-headers .actions {
  padding-right: 10px
}

.frontend-agenda-wrapper table.datagrid .column-headers .mass-actions {
  padding: 5px 0;
  text-align: center;
  width: 22px
}

.frontend-agenda-wrapper table.datagrid .settings-close {
  position: absolute;
  z-index: 3;
  right: var(--spacing-sm, 8px);
  top: var(--spacing-sm, 8px);
  display: flex;
  align-items: center;
  text-decoration: none !important
}

.frontend-agenda-wrapper table.datagrid .settings-close svg {
  width: 36px;
  height: 36px;
  padding: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper table.datagrid .settings-close svg path {
  stroke: #98a2b3
}

.frontend-agenda-wrapper table.datagrid td.settings {
  padding-top: 0;
  padding-bottom: var(--spacing-4xl, 32px)
}

.frontend-agenda-wrapper table.datagrid td.settings .prompt {
  color: #101114ff;
  display: flex;
  align-items: center
}

.frontend-agenda-wrapper table.datagrid td.settings .col-picker {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0;
  color: #505562ff;
  display: inline-flex;
  align-items: center;
  min-width: 135px;
  margin-right: 10px;
  padding: 2px 0
}

.frontend-agenda-wrapper table.datagrid td.settings .col-picker input:checked + label {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0;
  color: #101114ff
}

.frontend-agenda-wrapper table.datagrid td.settings .buttons {
  padding-top: 12px;
  vertical-align: baseline;
  width: 100%;
  gap: 0
}

.frontend-agenda-wrapper table.datagrid td.settings .buttons form {
  margin-top: 0 !important
}

.frontend-agenda-wrapper table.datagrid td.settings .buttons .btn, .frontend-agenda-wrapper table.datagrid td.settings .buttons a {
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-width: 1px;
  padding: 6px 14px;
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600);
  align-items: center;
  display: inline-flex;
  justify-content: center;
  text-decoration: none
}

.frontend-agenda-wrapper table.datagrid td.settings .buttons .btn {
  background: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9);
  border-color: var(--component-colors-components-buttons-primary-button-primary-border, #7f56d9);
  color: var(--component-colors-components-buttons-primary-button-primary-fg, #fff)
}

.frontend-agenda-wrapper table.datagrid td.settings .buttons a {
  background: var(--component-colors-components-buttons-secondary-button-secondary-bg, #fff);
  border-color: var(--component-colors-components-buttons-secondary-button-secondary-border, #d0d5dd);
  color: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part {
  font-family: var(--text-sm-regular-font-family, "Inter"), sans-serif;
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--spacing-xl, 16px);
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ebecefff;
  transition: background-color .3s;
  padding-top: var(--spacing-2xl, 20px);
  padding-bottom: var(--spacing-2xl, 20px)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part:first-child {
  padding-top: 0
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part select {
  margin-right: var(--spacing-xl, 16px);
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-color: var(--colors-border-border-primary, #d0d5dd);
  border-width: 1px;
  padding: 6px 14px;
  color: var(--colors-text-text-placeholder, #667085);
  font-family: var(--text-sm-regular-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part .prompt {
  max-width: 80%;
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-md-semibold-font-size, 16px);
  line-height: var(--text-md-semibold-line-height, 24px);
  font-weight: var(--text-md-semibold-font-weight, 600)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part .subprompt {
  min-width: 80%;
  padding-left: calc(28px + var(--spacing-xl, 16px));
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part form {
  padding-left: calc(28px + var(--spacing-xl, 16px));
  margin-top: var(--spacing-xl, 16px);
  width: 100%
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part form .prompt {
  font-size: 11px;
  margin-bottom: 4px;
  max-width: 80%
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part form .buttons {
  padding-top: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part form .prompt + .buttons {
  padding-top: 0
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part form > button {
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-width: 1px;
  padding: 6px 14px;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part .settings-icon svg {
  width: 28px;
  height: 28px
}

.frontend-agenda-wrapper table.datagrid td.settings .settings-part .settings-icon svg path {
  stroke: var(--component-colors-components-icons-icons-icon-fg-brand, #7f56d9)
}

.frontend-agenda-wrapper table.datagrid td.filters {
  position: relative;
  padding-top: 0;
  padding-bottom: var(--spacing-4xl, 32px)
}

.frontend-agenda-wrapper table.datagrid td.filters .settings-close {
  height: auto
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control {
  vertical-align: top;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 12px;
  max-width: 250px;
  transition: background-color .3s
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .forms-popuppicker, .frontend-agenda-wrapper table.datagrid td.filters .filter-control input {
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-color: var(--colors-border-border-primary, #d0d5dd);
  border-width: 1px;
  padding: var(--spacing-sm, 6px) var(--spacing-lg, 12px);
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400)
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control input[type=date], .frontend-agenda-wrapper table.datagrid td.filters .filter-control input[type=email], .frontend-agenda-wrapper table.datagrid td.filters .filter-control input[type=text] {
  min-width: 100px !important
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .inputs-wrapper {
  display: grid;
  grid-template-columns:auto auto 1fr;
  row-gap: var(--spacing-xl, 16px);
  align-items: center
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .inputs-wrapper > br {
  display: none
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .inputs-wrapper input {
  border-right-width: 0;
  border-top-right-radius: initial;
  border-bottom-right-radius: initial
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .inputs-wrapper .date-input-label {
  text-transform: capitalize;
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .inputs-wrapper .ikonka {
  border-radius: var(--radius-md, 8px);
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-style: solid;
  border-color: var(--component-colors-components-buttons-secondary-button-secondary-border, #d0d5dd);
  border-width: 1px;
  background: var(--component-colors-components-buttons-secondary-button-secondary-bg, #fff);
  padding: var(--spacing-md, 8px);
  width: 38px;
  display: flex
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .inputs-wrapper .ikonka img {
  width: 20px;
  height: 20px
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-control .buttons {
  padding-top: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-name {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-md-semibold-font-size, 16px);
  line-height: var(--text-md-semibold-line-height, 24px);
  font-weight: var(--text-md-semibold-font-weight, 600);
  margin-bottom: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper table.datagrid td.filters .filter-form {
  max-width: 230px
}

.frontend-agenda-wrapper table.datagrid td.filters .buttons {
  text-align: center;
  padding-top: 8px
}

.frontend-agenda-wrapper table.datagrid td.filters .filters-hint {
  font-size: 11px;
  float: right;
  color: #505562ff;
  padding-top: 10px
}

.frontend-agenda-wrapper table.datagrid td.filters .filters-keep-open {
  padding-top: 10px
}

.frontend-agenda-wrapper table.datagrid td.filters .keep-open-form label {
  display: flex;
  align-items: center;
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper table.datagrid td.filters .ft-date-presets {
  margin-bottom: 8px
}

.frontend-agenda-wrapper table.datagrid td.filters .ft-date-presets a {
  color: #101114ff;
  font-size: 11px
}

.frontend-agenda-wrapper table.datagrid .dropdown {
  position: absolute;
  right: 0;
  display: block;
  top: 26px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #d8dadfff;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .08);
  padding: 0;
  visibility: hidden;
  opacity: 0;
  color: #000;
  z-index: 100;
  min-width: 130px;
  max-width: 300px;
  -webkit-transform: translateY(-4px) scale(.9);
  transform: translateY(-4px) scale(.9);
  transition: opacity .2s, visibility .2s, transform .2s, -webkit-transform .2s;
  -webkit-transform-origin: right top 0;
  transform-origin: right top 0;
  text-align: left
}

.frontend-agenda-wrapper table.datagrid .dropdown img.icon {
  margin-right: 5px;
  vertical-align: middle
}

.frontend-agenda-wrapper table.datagrid .dropdown i[class^=icon] {
  font-size: 14px
}

.frontend-agenda-wrapper table.datagrid .dropdown.with-icons a.without-icon {
  padding-left: 37px
}

.frontend-agenda-wrapper table.datagrid .dropdown a {
  display: block;
  padding: 4px 12px;
  white-space: nowrap;
  text-decoration: none !important;
  transition: .2s;
  font-size: 11px
}

.frontend-agenda-wrapper table.datagrid .dropdown a i {
  display: inline-block;
  width: 19px
}

.frontend-agenda-wrapper table.datagrid .dropdown a.without-icon {
  line-height: 15px
}

.frontend-agenda-wrapper table.datagrid .dropdown a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.frontend-agenda-wrapper table.datagrid .dropdown a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.frontend-agenda-wrapper table.datagrid .dropdown a:hover {
  color: #fff;
  background-color: #505562ff
}

.frontend-agenda-wrapper table.datagrid .dropdown.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.frontend-agenda-wrapper table.datagrid .dropdown.inverted {
  -webkit-transform: translate(4px) scale(.9);
  transform: translate(4px) scale(.9);
  -webkit-transform-origin: right bottom 0;
  transform-origin: right bottom 0;
  top: auto;
  bottom: 30px
}

.frontend-agenda-wrapper table.datagrid .dropdown.inverted.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.frontend-agenda-wrapper table.datagrid input.mass-action, .frontend-agenda-wrapper table.datagrid input.mass-actions-toggle {
  margin: 0
}

.frontend-agenda-wrapper table.datagrid .actions {
  text-align: right
}

.frontend-agenda-wrapper table.datagrid .actions.generic-actions {
  display: flex;
  gap: var(--spacing-lg, 12px);
  float: left
}

.frontend-agenda-wrapper table.datagrid .actions i[class^=icon] {
  min-width: 16px;
  text-align: center;
  margin-right: 4px
}

.frontend-agenda-wrapper table.datagrid .actions .hidden-icon {
  display: inline-block;
  height: 24px;
  box-sizing: border-box;
  line-height: 16px;
  margin-bottom: 0;
  padding: 3px 7px;
  text-align: center;
  color: #ccc;
  background: #f3f3f3;
  border: 1px solid #ccc;
  vertical-align: middle
}

.frontend-agenda-wrapper table.datagrid .actions .hidden-icon .icon, .frontend-agenda-wrapper table.datagrid .actions .hidden-icon i[class^=icon] {
  display: inline-block;
  width: 16px;
  margin-right: 4px
}

.frontend-agenda-wrapper table.datagrid .actions .hidden-icon img.icon {
  opacity: .2
}

.frontend-agenda-wrapper table.datagrid .actions .hidden-icon:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.frontend-agenda-wrapper table.datagrid .actions .dropdown-control i[class^=icon], .frontend-agenda-wrapper table.datagrid .actions .hidden-icon.icon-only .icon, .frontend-agenda-wrapper table.datagrid .actions .icon-only i[class^=icon] {
  margin-right: 0
}

.frontend-agenda-wrapper table.datagrid .top-added-content {
  padding: 8px 0 8px 10px
}

.frontend-agenda-wrapper table.datagrid .lower-added-content {
  padding: 8px 0
}

.frontend-agenda-wrapper table.datagrid .bottom-added-content {
  padding: 8px 0 8px 10px
}

.frontend-agenda-wrapper table.datagrid.datagrid-borderless-body .column-headers {
  display: none
}

.frontend-agenda-wrapper table.datagrid.datagrid-borderless-body tr > td.custom-rendered-body {
  border: none;
  padding: 0
}

.frontend-agenda-wrapper table.datagrid.datagrid-borderless-body tr:hover > td.custom-rendered-body {
  background-color: initial
}

.frontend-agenda-wrapper table.datagrid.datagrid-borderless-body .no-rows {
  border: none !important;
  padding: 0 !important
}

.frontend-agenda-wrapper .datagrid-overlay {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
  background-color: rgba(0, 0, 0, .3);
  background-position: center;
  background-size: 120px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  transition: opacity .4s, visibility .4s
}

.frontend-agenda-wrapper .datagrid-overlay.hidden {
  visibility: hidden;
  opacity: 0
}

.frontend-agenda-wrapper .datagrid-wrapper {
  --c-button--color: var(--component-colors-components-buttons-secondary-button-secondary-fg, #344054);
  --c-button--background-color: var(--component-colors-components-buttons-secondary-button-secondary-bg, #ffffff);
  --c-button--border-color: var(--component-colors-components-buttons-secondary-button-secondary-border, #d0d5dd);
  --c-button--hover-color: var(--component-colors-components-buttons-secondary-button-secondary-fghover, #182230);
  --c-button--hover-background-color: var(--component-colors-components-buttons-secondary-button-secondary-bghover, #f9fafb);
  --c-button--hover-border-color: var(--component-colors-components-buttons-secondary-button-secondary-borderhover, #d0d5dd);
  --c-button--disabled-color: var(--colors-foreground-fg-disabled, #98a2b3);
  --c-button--disabled-background-color: var(--colors-background-bg-primary, #ffffff);
  --c-button--disabled-border-color: var(--colors-border-border-disabledsubtle, #eaecf0);
  position: relative
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup {
  background: #fff;
  padding: 20px;
  position: absolute;
  border: 1px solid #d8dadfff;
  border-radius: 4px;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .08);
  opacity: 1;
  visibility: visible;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: none;
  transform: none;
  transition: .3s;
  min-width: 200px;
  font-size: 11px
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup input {
  width: 100%;
  max-width: none
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup a.close {
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none !important;
  color: #22242aff;
  display: block;
  cursor: pointer
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup a.close:hover {
  color: #101114ff
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(.9);
  transform: scale(.9)
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup .filter-name {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0;
  margin-bottom: 12px
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup .filter-form {
  max-width: 230px
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup .filter-control {
  max-width: 250px
}

.frontend-agenda-wrapper .datagrid-wrapper .filter-popup .buttons {
  text-align: center;
  padding-top: 8px
}

.frontend-agenda-wrapper .datagrid-wrapper .enum-filter a, .frontend-agenda-wrapper .datagrid-wrapper .enum-filter span {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0;
  color: #505562ff;
  display: flex;
  padding: 4px 0 4px 20px;
  position: relative
}

.frontend-agenda-wrapper .datagrid-wrapper .enum-filter a:before, .frontend-agenda-wrapper .datagrid-wrapper .enum-filter span:before {
  border-radius: 100%;
  border: 1px solid #8c91a1;
  content: '';
  height: 12px;
  left: 0;
  position: absolute;
  top: 55%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 12px
}

.frontend-agenda-wrapper .datagrid-wrapper .enum-filter span.on {
  font-weight: 550;
  color: #101114ff
}

.frontend-agenda-wrapper .datagrid-wrapper .enum-filter span.on:before {
  border-color: #d2074e
}

.frontend-agenda-wrapper .datagrid-wrapper .enum-filter span.on:after {
  background: #d2074e;
  border-radius: 100%;
  content: '';
  height: 6px;
  left: 3px;
  position: absolute;
  top: 55%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 6px
}

.frontend-agenda-wrapper .datagrid-wrapper .active-filter i.icon-filter {
  background-color: green;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  display: inline-block;
  width: 16px;
  height: 14px;
  padding-top: 2px;
  border-radius: 3px;
  text-align: center
}

.frontend-agenda-wrapper .datagrid-wrapper tr.hidden-menu td > div {
  position: relative;
  padding: var(--spacing-xl, 16px) var(--spacing-7xl, 48px) var(--spacing-xl, 16px) var(--spacing-xl, 16px);
  background: var(--colors-background-bg-secondary, #f9fafb);
  border-radius: var(--radius-md, 8px)
}

.frontend-agenda-wrapper .datagrid-wrapper tr.hidden-menu td {
  display: none;
  border: none
}

.frontend-agenda-wrapper .datagrid-wrapper tr.hidden-menu.visible td {
  display: table-cell
}

.frontend-agenda-wrapper .datagrid-wrapper .form-title {
  font-size: 115%;
  font-weight: 700;
  padding: 0 0 6px;
  margin-bottom: 10px
}

.frontend-agenda-wrapper .datagrid-wrapper .form-actions {
  clear: both;
  padding-top: 15px;
  min-width: 190px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between
}

.frontend-agenda-wrapper .datagrid-wrapper .form-actions button:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px
}

.frontend-agenda-wrapper .datagrid-wrapper .form-actions .no-button {
  float: left
}

.frontend-agenda-wrapper .datagrid-wrapper .form-actions .yes-button {
  min-width: 100px;
  float: right
}

.frontend-agenda-wrapper .datagrid-wrapper .message {
  padding: 8px 24px 8px 12px;
  background: rgba(230, 230, 230, .95);
  border: 1px solid rgba(0, 0, 0, .3);
  color: #000;
  border-radius: 5px;
  position: absolute;
  max-width: 470px;
  min-width: 140px;
  text-align: left;
  display: block;
  z-index: 110;
  box-shadow: rgba(0, 0, 0, .3) 0 0 5px;
  transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .3s;
  opacity: 1;
  -webkit-transform-origin: center 100%;
  transform-origin: center 100%
}

.frontend-agenda-wrapper .datagrid-wrapper .message:not(.confirm-dialog) {
  padding: 12px 30px 12px 50px;
  font-size: 14px;
  min-height: 30px
}

.frontend-agenda-wrapper .datagrid-wrapper .message:not(.confirm-dialog):before {
  display: block;
  position: absolute;
  left: 14px;
  top: 18px;
  width: 24px;
  height: 24px;
  font-family: FontAwesome;
  font-size: 24px
}

.frontend-agenda-wrapper .datagrid-wrapper .message.positive {
  -webkit-animation: .3s .5s 6 alternate datagrid-message-ok;
  animation: .3s .5s 6 alternate datagrid-message-ok;
  min-height: 20px
}

.frontend-agenda-wrapper .datagrid-wrapper .message.positive:before {
  left: 16px;
  content: "\f058";
  top: 10px;
  color: #999
}

.frontend-agenda-wrapper .datagrid-wrapper .message.negative {
  background-color: rgba(120, 0, 0, .92);
  color: #fff;
  -webkit-animation: .3s .5s 6 alternate datagrid-message-negative;
  animation: .3s .5s 6 alternate datagrid-message-negative
}

.frontend-agenda-wrapper .datagrid-wrapper .message.negative .arrow span {
  -webkit-animation: .3s .5s 6 alternate datagrid-message-negative;
  animation: .3s .5s 6 alternate datagrid-message-negative;
  background: rgba(120, 0, 0, .92)
}

.frontend-agenda-wrapper .datagrid-wrapper .message.negative .close {
  color: #fff
}

.frontend-agenda-wrapper .datagrid-wrapper .message.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-5px) scale(.9);
  transform: translateY(-5px) scale(.9)
}

.frontend-agenda-wrapper .datagrid-wrapper .message .close {
  position: absolute;
  right: 4px;
  top: 4px;
  text-decoration: none !important;
  color: #666;
  outline: 0
}

.frontend-agenda-wrapper .datagrid-wrapper .message .close:hover {
  text-decoration: none;
  color: red
}

.frontend-agenda-wrapper .datagrid-wrapper .message .close:active, .frontend-agenda-wrapper .datagrid-wrapper .message .close:focus {
  outline: 0
}

.frontend-agenda-wrapper .datagrid-wrapper .message .arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 8px;
  overflow: hidden;
  left: calc(50% - 5px);
  bottom: -8px
}

.frontend-agenda-wrapper .datagrid-wrapper .message .arrow span {
  display: block;
  width: 13px;
  height: 13px;
  border: 1px solid rgba(0, 0, 0, .3);
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
  background: rgba(230, 230, 230, .95)
}

.frontend-agenda-wrapper .datagrid-wrapper .message .form-actions {
  margin-right: -12px
}

.frontend-agenda-wrapper .datagrid-wrapper .message.positive .arrow span {
  -webkit-animation: .3s .5s 6 alternate datagrid-message-ok;
  animation: .3s .5s 6 alternate datagrid-message-ok
}

.frontend-agenda-wrapper .datagrid-wrapper .message.message-bottom {
  -webkit-transform-origin: center top;
  transform-origin: center top
}

.frontend-agenda-wrapper .datagrid-wrapper .message.message-bottom.hidden {
  -webkit-transform: translateY(5px) scale(.9);
  transform: translateY(5px) scale(.9)
}

.frontend-agenda-wrapper .datagrid-wrapper .message.message-bottom .arrow {
  top: -8px;
  bottom: auto
}

.frontend-agenda-wrapper .datagrid-wrapper .message.message-bottom .arrow span {
  -webkit-animation: .3s .5s 6 alternate datagrid-message-negative;
  animation: .3s .5s 6 alternate datagrid-message-negative;
  -webkit-transform: rotate(45deg) translate(3px, 3px);
  transform: rotate(45deg) translate(3px, 3px)
}

.frontend-agenda-wrapper .datagrid-wrapper .message.message-bottom.negative .arrow span {
  -webkit-animation: .3s .5s 6 alternate datagrid-message-negative;
  animation: .3s .5s 6 alternate datagrid-message-negative;
  background: rgba(100, 0, 0, .92)
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message {
  background: #fff;
  min-width: 200px;
  position: absolute;
  padding: 12px 18px;
  z-index: 110;
  line-height: 160%;
  left: 50%;
  top: 50%;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, .3) 0 0 6px;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  border: 1px solid rgba(0, 0, 0, .4)
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message:not(.form-popup) {
  max-width: 450px;
  padding: 16px 30px 16px 20px;
  font-size: 14px
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message.form-popup {
  max-width: 85%
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message .close {
  position: absolute;
  right: 6px;
  top: 4px;
  text-decoration: none !important;
  color: #000
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message .close:hover {
  text-decoration: none;
  color: red
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message .close:active, .frontend-agenda-wrapper .datagrid-wrapper .centered-message .close:focus {
  outline: 0
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(.9);
  transform: scale(.9)
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message.negative {
  border: 3px solid #d90000;
  box-shadow: rgba(255, 0, 0, .3) 0 2px 5px
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message table.full .c {
  width: 135px
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message .draggable-handle {
  cursor: move
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message-overlay {
  background: center center no-repeat rgba(100, 100, 100, .5);
  position: absolute;
  z-index: 105;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  transition: opacity .2s, visibility .2s
}

.frontend-agenda-wrapper .datagrid-wrapper .centered-message-overlay.hidden {
  visibility: hidden;
  opacity: 0
}

.frontend-agenda-wrapper .datagrid-wrapper a.btn {
  margin-right: 0
}

.frontend-agenda-wrapper .datagrid-wrapper select {
  background-color: #ebecefff;
  border-color: #d8dadfff
}

.frontend-agenda-wrapper .datagrid-wrapper .btn-toolbar {
  white-space: nowrap;
  display: flex;
  gap: 4px;
  justify-content: flex-end
}

.frontend-agenda-wrapper .datagrid-wrapper .btn-toolbar .btn {
  margin-right: 0
}

.frontend-agenda-wrapper .datagrid-wrapper .popuppicker-popup {
  min-width: 260px;
  width: auto !important
}

.frontend-agenda-wrapper .datagrid-wrapper .popuppicker-popup .formsCheckboxTable {
  padding-top: 10px
}

.frontend-agenda-wrapper .datagrid-wrapper .popuppicker-popup .formsCheckboxTd, .frontend-agenda-wrapper .datagrid-wrapper .popuppicker-popup .formsCheckboxTdLabel {
  padding-top: 4px;
  padding-bottom: 4px !important
}

.frontend-agenda-wrapper .datagrid-wrapper .popuppicker-popup a.forms-popuppicker-close {
  background-size: 16px !important;
  background-color: transparent !important;
  top: 4px;
  right: 3px
}

.frontend-agenda-wrapper .datagrid-wrapper .popuppicker-popup a.forms-popuppicker-close:hover {
  background-position: right top !important
}

@-webkit-keyframes datagrid-message-ok {
  from {
    background-color: rgba(230, 230, 230, .95)
  }
  to {
    background-color: #fff
  }
}

@keyframes datagrid-message-ok {
  from {
    background-color: rgba(230, 230, 230, .95)
  }
  to {
    background-color: #fff
  }
}

@-webkit-keyframes datagrid-message-negative {
  from {
    background-color: rgba(120, 0, 0, .92)
  }
  to {
    background-color: rgba(255, 0, 0, .92)
  }
}

@keyframes datagrid-message-negative {
  from {
    background-color: rgba(120, 0, 0, .92)
  }
  to {
    background-color: rgba(255, 0, 0, .92)
  }
}

@-webkit-keyframes datagrid-rotating-spinner {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes datagrid-rotating-spinner {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes datagrid-requested-row {
  from {
    background: rgba(150, 150, 255, .9);
    border-top: 1px solid #55f;
    border-bottom: 1px solid #55f
  }
  to {
    background: rgba(150, 150, 255, .2);
    border-top: 1px solid rgba(100, 100, 255, .1);
    border-bottom: 1px solid rgba(100, 100, 255, .1)
  }
}

@keyframes datagrid-requested-row {
  from {
    background: rgba(150, 150, 255, .9);
    border-top: 1px solid #55f;
    border-bottom: 1px solid #55f
  }
  to {
    background: rgba(150, 150, 255, .2);
    border-top: 1px solid rgba(100, 100, 255, .1);
    border-bottom: 1px solid rgba(100, 100, 255, .1)
  }
}

.frontend-agenda-wrapper table.datagrid tbody td.cell a {
  color: inherit
}

.frontend-agenda-wrapper table.datagrid tbody td.copy-to-clipboard {
  cursor: pointer
}

.frontend-agenda-wrapper table.datagrid tbody td.copy-to-clipboard .copy-to-clipboard-icon {
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 8px;
  display: flex;
  align-content: center;
  flex-wrap: wrap
}

.frontend-agenda-wrapper table.datagrid tbody td.copy-to-clipboard .copy-to-clipboard-icon > i {
  opacity: 0;
  transition-duration: .3s
}

.frontend-agenda-wrapper table.datagrid tbody td.copy-to-clipboard:hover .copy-to-clipboard-icon > i {
  opacity: 1
}

.frontend-agenda-wrapper .form_table_hlavicka td {
  background-image: none;
  background-color: #ebecefff
}

.frontend-agenda-wrapper .form_tr:nth-child(odd) {
  background-color: #f7f7f8ff
}

.frontend-agenda-wrapper .form_table_on td {
  background-image: none;
  background-color: #f7f7f8ff
}

.frontend-agenda-wrapper .form_table_doplnek {
  padding-top: 1px;
  background: #ebecefff;
  border-radius: 4px;
  width: 30px
}

.frontend-agenda-wrapper .form_table_doplnek img {
  max-width: 15px
}

.frontend-agenda-wrapper .form_table_filtr {
  padding-top: 1px;
  background: #ebecefff;
  display: flex;
  align-items: center;
  border-radius: 4px;
  width: 200px;
  gap: 4px
}

.frontend-agenda-wrapper .form_table_filtr input {
  border-color: #d8dadfff;
  width: 100%;
  border-radius: 4px
}

.frontend-agenda-wrapper .form_table_filtr img {
  max-width: 15px
}

.frontend-agenda-wrapper .form_table_filtr a {
  font-size: 11px
}

.frontend-agenda-wrapper .frontend-agenda-front-card {
  min-width: 330px
}

.frontend-agenda-wrapper .frontend-agenda-front-card__body {
  padding: var(--spacing-4xl, 32px)
}

.frontend-agenda-wrapper .frontend-agenda-front-card__footer {
  padding: var(--spacing-4xl, 32px);
  background: var(--colors-background-bg-tertiary, #f2f4f7)
}

.frontend-agenda-wrapper .frontend-agenda-crossroad-item {
  display: flex;
  gap: var(--spacing-2xl, 20px);
  background: var(--colors-background-bg-secondary, #f9fafb);
  border-radius: var(--radius-xl, 12px);
  padding: var(--container-padding-mobile, 16px);
  align-items: center
}

.frontend-agenda-wrapper .frontend-agenda-crossroad-item__title {
  color: var(--colors-text-text-primary-900, #101828);
  font-family: var(--text-md-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-semibold-font-size, 16px);
  line-height: var(--text-md-semibold-line-height, 24px);
  font-weight: var(--text-md-semibold-font-weight, 600);
  flex-grow: 1;
  white-space: nowrap
}

.frontend-agenda-wrapper .frontend-agenda-crossroad-item__icon > svg {
  width: 32px;
  height: 32px;
  font-size: 32px
}

.frontend-agenda-wrapper .frontend-agenda-crossroad-item__icon > svg path {
  stroke: var(--component-colors-components-icons-icons-icon-fg-brand, #7f56d9)
}

.frontend-agenda-wrapper .frontend-agenda-crossroad-item__arrow > svg {
  width: 24px;
  height: 24px;
  font-size: 24px
}

.frontend-agenda-wrapper .frontend-agenda-crossroad-item__arrow > svg path {
  stroke: var(--colors-foreground-fg-secondary-700, #344054)
}

.frontend-agenda-wrapper .frontend-agenda__grid {
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda__grid-item {
  text-decoration: none
}

.frontend-agenda-wrapper .frontend-agenda-widgets {
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-widget {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 16px);
  padding: var(--spacing-2xl, 20px) var(--spacing-xl, 16px);
  background: var(--colors-background-bg-secondary, #f9fafb);
  border-radius: var(--radius-md, 8px);
  width: 100%
}

.frontend-agenda-wrapper .frontend-agenda-widget__title {
  color: var(--colors-text-text-primary-900, #101828);
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-widget__content {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-family: var(--text-sm-regular-font-family, "Inter-Regular"), sans-serif;
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400);
  display: flex;
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-widget__link {
  display: flex;
  gap: var(--spacing-sm, 6px);
  color: var(--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg, #6941c6);
  font-family: var(--text-sm-semibold-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600);
  text-decoration: none
}

.frontend-agenda-wrapper .frontend-agenda-widget__link:hover {
  color: var(--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg, #6941c6)
}

.frontend-agenda-wrapper .frontend-agenda-widget__link > svg {
  font-size: 20px;
  width: 20px;
  height: 20px
}

.frontend-agenda-wrapper .frontend-agenda-widget__link > svg path {
  stroke: var(--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg, #6941c6)
}

.frontend-agenda-wrapper .frontend-agenda-widget__icon > svg {
  width: 24px;
  height: 24px;
  font-size: 24px
}

.frontend-agenda-wrapper .frontend-agenda-widget__icon > svg path {
  stroke: var(--component-colors-components-buttons-primary-button-primary-bg, #7f56d9)
}

.frontend-agenda-wrapper .input-group {
  position: relative;
  width: 100%
}

.frontend-agenda-wrapper .c-input, .frontend-agenda-wrapper .input, .frontend-agenda-wrapper .select2-search__field {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0;
  background-color: var(--colors-background-bg-primary, #fff);
  border: 1px solid var(--colors-border-border-primary, #d0d5dd);
  color: var(--colors-text-text-primary-900, #101828);
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
  border-radius: var(--radius-md, 8px);
  font-family: var(--text-md-regular-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400);
  width: 100%;
  transition-duration: .3s
}

.frontend-agenda-wrapper .c-input--login, .frontend-agenda-wrapper .input--login, .frontend-agenda-wrapper .select2-search__field--login {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0;
  width: 100%;
  padding: 8px 12px;
  background-color: rgba(255, 255, 255, .8);
  border: 1px solid #fff;
  color: #101114ff;
  height: 40px
}

.frontend-agenda-wrapper .c-input--password, .frontend-agenda-wrapper .input--password, .frontend-agenda-wrapper .select2-search__field--password {
  padding-right: 40px
}

.frontend-agenda-wrapper .c-input:focus, .frontend-agenda-wrapper .input:focus, .frontend-agenda-wrapper .select2-search__field:focus {
  box-shadow: var(--focus-rings-ring-brand-shadow-xs-box-shadow, 0 0 0 4px rgba(158, 119, 237, .24), 0 1px 2px 0 rgba(16, 24, 40, .05))
}

.frontend-agenda-wrapper .forms-popuppicker, .frontend-agenda-wrapper select {
  background-color: var(--colors-background-bg-primary, #fff);
  border: 1px solid var(--colors-border-border-primary, #d0d5dd);
  color: var(--colors-text-text-primary-900, #101828);
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
  border-radius: var(--radius-md, 8px)
}

.frontend-agenda-wrapper .c-input__icon-wrap {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  margin: auto;
  padding: 8px;
  position: absolute;
  right: 8px;
  top: 0
}

.frontend-agenda-wrapper textarea, .frontend-agenda-wrapper textarea.input {
  height: auto;
  width: 100%
}

.frontend-agenda-wrapper input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent !important;
  border: 0 !important;
  margin-right: 6.4px;
  width: 16px;
  height: 16px
}

.frontend-agenda-wrapper input[type=checkbox]:before {
  content: '';
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  margin-right: 10px;
  opacity: 1;
  transition-duration: .3s;
  transition-property: background-color, background-image, border-color;
  border-radius: var(--radius-xs, 4px);
  border-style: solid;
  border-color: var(--colors-border-border-primary, #d0d5dd);
  width: 16px;
  height: 16px
}

.frontend-agenda-wrapper input[type=checkbox]:checked:before {
  background-color: var(--colors-background-bg-brand-solid, #7f56d9) !important;
  border-color: var(--colors-background-bg-brand-solid, #7f56d9);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m13.5 4.5-7 7L3 8'/%3E%3C/svg%3E");
  background-size: 13px
}

.frontend-agenda-wrapper input[type=radio] {
  margin-right: 8px;
  position: relative;
  width: 16px;
  height: 16px
}

.frontend-agenda-wrapper input[type=radio]:focus, .frontend-agenda-wrapper input[type=radio]:focus-visible, .frontend-agenda-wrapper input[type=radio]:focus-within {
  outline-color: rgba(244, 87, 46, .5);
  outline-offset: .9px;
  outline-width: 3px
}

.frontend-agenda-wrapper input[type=radio]:before {
  content: '';
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  position: absolute;
  transition-property: border-color;
  transition-duration: .3s;
  background-color: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-full, 9999px);
  border-style: solid;
  border-color: var(--colors-border-border-primary, #d0d5dd);
  border-width: 1px;
  width: 100%;
  height: 100%
}

.frontend-agenda-wrapper input[type=radio]:after {
  background: var(--colors-foreground-fg-white, #fff);
  border-radius: var(--radius-full, 9999px);
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition-duration: .3s;
  transition-property: transform, -webkit-transform;
  width: 37.5%;
  height: 37.5%
}

.frontend-agenda-wrapper input[type=radio]:checked:before {
  border-color: var(--colors-background-bg-brand-solid, #7f56d9);
  background-color: var(--colors-background-bg-brand-solid, #7f56d9)
}

.frontend-agenda-wrapper input[type=radio]:checked:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.frontend-agenda-wrapper table.full td input[type=radio] {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

.frontend-agenda-wrapper .new-picker {
  display: inline-block;
  color: var(--colors-text-text-primary-900, #101828);
  font-family: var(--text-md-regular-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400)
}

.frontend-agenda-wrapper .new-picker input {
  display: none
}

.frontend-agenda-wrapper .new-picker .box {
  cursor: pointer;
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-color: var(--colors-border-border-primary, #d0d5dd);
  border-width: 1px;
  padding: 10px 14px;
  display: flex;
  gap: var(--spacing-xl, 16px);
  align-items: center
}

.frontend-agenda-wrapper .new-picker .box:hover {
  background: var(--colors-background-bg-disabledsubtle, #f9fafb)
}

.frontend-agenda-wrapper .new-picker .box .prompt {
  color: var(--colors-text-text-disabled, #667085)
}

.frontend-agenda-wrapper .new-picker .box .prompt .subtitle {
  font-size: .8em;
  line-height: 14px
}

.frontend-agenda-wrapper .new-picker .box .prompt-icon svg path {
  stroke: var(--colors-text-text-disabled, #667085)
}

.frontend-agenda-wrapper .new-picker .box .aux-icons svg {
  width: 16px;
  height: 16px
}

.frontend-agenda-wrapper .new-picker .box .aux-icons svg path {
  stroke: #98a2b3
}

.frontend-agenda-wrapper .new-picker.has-selected .image, .frontend-agenda-wrapper .new-picker.has-selected .loading-icon, .frontend-agenda-wrapper .new-picker.has-selected .prompt, .frontend-agenda-wrapper .new-picker.has-selected .prompt-icon, .frontend-agenda-wrapper .new-picker.no-selected .aux-icons, .frontend-agenda-wrapper .new-picker.no-selected .image, .frontend-agenda-wrapper .new-picker.no-selected .loading-icon, .frontend-agenda-wrapper .new-picker.no-selected .text-data {
  display: none
}

.frontend-agenda-wrapper .frontend-agenda-product-table {
  font-family: var(--text-xl-regular-font-family, "Inter"), sans-serif
}

.frontend-agenda-wrapper .frontend-agenda-product-table__row td {
  vertical-align: middle;
  border: initial
}

.frontend-agenda-wrapper .frontend-agenda-product-table__total-row td {
  text-align: right;
  border: initial
}

.frontend-agenda-wrapper .frontend-agenda-product-table__total-row--lighten {
  color: var(--colors-text-text-tertiary-600, #475467)
}

.frontend-agenda-wrapper .frontend-agenda-product-table__total-label {
  width: 100%
}

.frontend-agenda-wrapper .frontend-agenda-product-table__total-price {
  white-space: nowrap
}

.frontend-agenda-wrapper .frontend-agenda-product-table__total-price--bold {
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-product-table__title {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper .frontend-agenda-product-table__count {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper .frontend-agenda-product-table__price {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600);
  text-align: right
}

.frontend-agenda-wrapper .frontend-agenda-product-table__image img {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
  object-fit: contain
}

.frontend-agenda-wrapper :root {
  --universal-form--gap: 16px;
  --universal-form--inline-gap: var(--spacing-xl, 16px);
  --universal-form-field--gap: 8px;
  --universal-form-label--width: 160px
}

.frontend-agenda-wrapper #modern-content-form, .frontend-agenda-wrapper .modern-content-form, .frontend-agenda-wrapper .universal-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 16px);
  border-radius: var(--radius-md, 8px);
  max-width: 700px
}

.frontend-agenda-wrapper .universal-form .universal-form {
  padding: initial
}

.frontend-agenda-wrapper .universal-form-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 6px)
}

.frontend-agenda-wrapper .universal-form-field[data-content-type=html] .universal-form-control {
  padding: 4px 0
}

.frontend-agenda-wrapper .universal-form-label {
  color: var(--colors-text-text-secondary-700, #344054);
  font-family: var(--text-sm-medium-font-family, "Inter"), sans-serif;
  font-size: var(--text-sm-medium-font-size, 14px);
  line-height: var(--text-sm-medium-line-height, 20px);
  font-weight: var(--text-sm-medium-font-weight, 500);
  flex-shrink: 0
}

.frontend-agenda-wrapper .universal-form-control {
  flex: 1 1 auto;
  position: relative
}

.frontend-agenda-wrapper .universal-form-control:has(>input[type=hidden]) {
  display: none
}

.frontend-agenda-wrapper .universal-form-description {
  font-family: Switzer-Variable;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0;
  padding-top: 4px;
  color: #505562ff
}

.frontend-agenda-wrapper .universal-form-separator {
  background-color: #ddd;
  height: 1px
}

.frontend-agenda-wrapper .universal-form-field--invalid {
  background: rgba(255, 0, 0, .1);
  border-left: 3px solid red
}

.frontend-agenda-wrapper .universal-form-repeater--invalid {
  border-left: 3px solid red;
  background: rgba(255, 0, 0, .08)
}

.frontend-agenda-wrapper .universal-form-field--invalid .input {
  outline: red solid 2px
}

.frontend-agenda-wrapper .universal-form-vertical .universal-form-field {
  display: block
}

.frontend-agenda-wrapper .universal-form-vertical .universal-form-label {
  margin-right: 0;
  display: block
}

.frontend-agenda-wrapper .universal-form-warning {
  margin: 1em 0;
  color: #d90000
}

.frontend-agenda-wrapper .universal-form-warning:before {
  font-family: FontAwesome;
  content: '\f071';
  display: inline-block;
  margin-right: .5em;
  font-size: 16px;
  vertical-align: middle
}

.frontend-agenda-wrapper .universal-form-expander {
  cursor: pointer;
  display: flex;
  gap: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0;
  color: #101114ff;
  margin: 0
}

.frontend-agenda-wrapper .universal-form-expander--bigger {
  font-size: 125%;
  font-weight: 700
}

.frontend-agenda-wrapper .universal-form-expander--bigger .universal-form-expander-arrow {
  vertical-align: baseline
}

.frontend-agenda-wrapper .universal-form-expander:hover {
  text-decoration: underline
}

.frontend-agenda-wrapper .universal-form-expander-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #000;
  vertical-align: top;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  position: relative;
  top: 3px
}

.frontend-agenda-wrapper .universal-form-expander--expanded {
  margin-bottom: 1em
}

.frontend-agenda-wrapper .universal-form-expander--expanded .universal-form-expander-arrow {
  -webkit-transform: translateY(2px) rotate(90deg);
  transform: translateY(2px) rotate(90deg)
}

.frontend-agenda-wrapper .universal-form-expandable--bg {
  background: #f7f7f8ff;
  padding: 8px
}

.frontend-agenda-wrapper .universal-form-expandable--bg .select2-selection, .frontend-agenda-wrapper .universal-form-expandable--bg input, .frontend-agenda-wrapper .universal-form-expandable--bg input[type=checkbox]:before, .frontend-agenda-wrapper .universal-form-expandable--bg input[type=radio]:before, .frontend-agenda-wrapper .universal-form-expandable--bg select, .frontend-agenda-wrapper .universal-form-expandable--bg textarea {
  background-color: #fff
}

.frontend-agenda-wrapper .universal-form-expandable:not(.universal-form-expandable--expanded) {
  display: none
}

.frontend-agenda-wrapper .universal-form-panel {
  padding: 8px 12px;
  margin: 2em 0
}

.frontend-agenda-wrapper .universal-form-panel.universal-form-panel--with-bg {
  background-color: var(--bg, #f0f0f0)
}

.frontend-agenda-wrapper .universal-form-panel.universal-form-panel--with-border {
  border: solid 2px var(--border, #aaa)
}

.frontend-agenda-wrapper .universal-form-panel.universal-form-panel--invisible {
  padding: 0
}

.frontend-agenda-wrapper .universal-form-tabs {
  margin-top: 2em;
  margin-bottom: 2em
}

.frontend-agenda-wrapper .universal-form-tabbar {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: .5em
}

.frontend-agenda-wrapper .universal-form-tab--hidden {
  display: none
}

.frontend-agenda-wrapper .universal-form-repeater-heading {
  margin-bottom: 1.5em
}

.frontend-agenda-wrapper .universal-form-repeater-empty {
  margin-top: 1em;
  margin-bottom: 1em;
  font-style: italic;
  color: #777
}

.frontend-agenda-wrapper .universal-form-repeater:not(.universal-form-repeater--empty) .universal-form-repeater-empty {
  display: none
}

.frontend-agenda-wrapper .universal-form-repeater-row {
  display: flex
}

.frontend-agenda-wrapper .universal-form-repeater-row--hiding {
  overflow: hidden;
  transition: height .4s;
  height: 0
}

.frontend-agenda-wrapper .universal-form-repeater-row--hidden {
  display: none
}

.frontend-agenda-wrapper .universal-form-repeater-remover {
  flex: 0 0 auto;
  margin-right: 20px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px
}

.frontend-agenda-wrapper .universal-form-repeater-remover::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  bottom: 0;
  border-left: 1px solid #ddd;
  pointer-events: none;
  transition: border-left-color .2s
}

.frontend-agenda-wrapper .repeater-sortable-handle {
  cursor: ns-resize
}

.frontend-agenda-wrapper .universal-form-repeater-row:hover .universal-form-repeater-remover::before {
  border-left-color: #777
}

.frontend-agenda-wrapper .universal-form-repeater-adder {
  position: relative
}

.frontend-agenda-wrapper .universal-form-repeater-body {
  flex: 1 1 auto;
  padding-bottom: 1em;
  display: flex;
  flex-direction: column;
  gap: var(--universal-form--gap)
}

.frontend-agenda-wrapper .universal-form-repeater--spacing .universal-form-repeater-body {
  padding-bottom: 3em
}

.frontend-agenda-wrapper .universal-form-repeater--lines .universal-form-repeater-body {
  padding-bottom: 1em
}

.frontend-agenda-wrapper .universal-form-repeater--lines .universal-form-repeater-row:not(:first-child) .universal-form-repeater-body {
  padding-top: 2em;
  border-top: 1px solid #ccc
}

.frontend-agenda-wrapper .universal-form-repeater-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  border: none;
  background: #ddd;
  line-height: 1px;
  color: #999;
  cursor: pointer;
  transition: .2s
}

.frontend-agenda-wrapper .universal-form-repeater-button i {
  transition: .2s;
  display: inline-block;
  font-size: 18px
}

.frontend-agenda-wrapper .universal-form-repeater-button--red:hover {
  color: #fff;
  background-color: red
}

.frontend-agenda-wrapper .universal-form-repeater-button--red:hover i {
  color: #fff
}

.frontend-agenda-wrapper .universal-form-repeater-button--green {
  color: #fff;
  background-color: #060
}

.frontend-agenda-wrapper .universal-form-repeater-button--green i {
  -webkit-transform: translateY(1px);
  transform: translateY(1px)
}

.frontend-agenda-wrapper .universal-form-repeater-button--green:hover {
  color: #fff;
  background-color: #090
}

.frontend-agenda-wrapper .universal-form-repeater-button-label {
  position: absolute;
  left: 35px;
  padding-left: 7px;
  height: 32px;
  top: 0;
  padding-top: 11px;
  line-height: 12px;
  color: #060;
  font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  box-sizing: border-box;
  white-space: nowrap
}

.frontend-agenda-wrapper .universal-form-repeater-max {
  color: #aaa;
  font-size: 13px
}

.frontend-agenda-wrapper .universal-form-repeater-max::before {
  display: inline-block;
  content: '\f00C';
  font-family: FontAwesome;
  margin-right: 15px;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  padding-top: 5px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #ddd
}

.frontend-agenda-wrapper .universal-form-repeater.universal-form-repeater--max .universal-form-repeater-adder, .frontend-agenda-wrapper .universal-form-repeater:not(.universal-form-repeater--max) .universal-form-repeater-max {
  display: none
}

.frontend-agenda-wrapper .universal-form-repeater-handle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  border: none;
  background: #ddd;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  margin-top: 5px;
  transition: .2s;
  cursor: ns-resize
}

.frontend-agenda-wrapper .universal-form-repeater-sortable-placeholder {
  height: 50px;
  background: rgba(255, 0, 0, .1);
  border: 5px solid #d90000
}

.frontend-agenda-wrapper .universal-form-localisable-box {
  display: flex;
  align-items: flex-start;
  margin-bottom: .5em
}

.frontend-agenda-wrapper .universal-form-localisable-box .universal-form-field {
  padding-top: 0;
  padding-bottom: 0
}

.frontend-agenda-wrapper .universal-form-localisable-flag {
  flex: 0 1 auto;
  margin-right: 10px
}

.frontend-agenda-wrapper .universal-form-localisable-field {
  flex: 1 1 auto
}

.frontend-agenda-wrapper .universal-form-title h4 {
  color: var(--colors-text-text-secondary-700, #344054);
  font-family: var(--text-lg-semibold-font-family, "Inter-SemiBold"), sans-serif;
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .universal-form-copy-button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  height: 100%;
  padding: 4px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  opacity: 0;
  transition-duration: .3s
}

.frontend-agenda-wrapper .universal-form-copy-button .icon-ok {
  color: #ec125EFF
}

.frontend-agenda-wrapper .universal-form-control:has(>textarea) .universal-form-copy-button {
  align-items: flex-start;
  padding-top: 8px
}

.frontend-agenda-wrapper .universal-form-control:has(.universal-form-copy-button) {
  flex: none
}

.frontend-agenda-wrapper .universal-form-control:has(>input:focus) .universal-form-copy-button, .frontend-agenda-wrapper .universal-form-control:has(>textarea:focus) .universal-form-copy-button {
  opacity: 1
}

.frontend-agenda-wrapper .universal-form-control .universal-form-copy-button:has(.icon-ok), .frontend-agenda-wrapper .universal-form-control .universal-form-copy-button:hover {
  opacity: 1
}

.frontend-agenda-wrapper .universal-form-container:first-of-type {
  margin-top: 0 !important
}

.frontend-agenda-wrapper .universal-form-repeater--max > .universal-form-repeater-adder {
  display: none
}

.frontend-agenda-wrapper .universal-form-field .universal-form-field > .universal-form-label {
  font-size: 80%;
  padding: 0 !important
}

.frontend-agenda-wrapper .universal-form-inline {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .universal-form-inline .universal-form-control, .frontend-agenda-wrapper .universal-form-inline .universal-form-field {
  padding: 0 !important
}

.frontend-agenda-wrapper .universal-form-inline .universal-form-field:has(input) {
  width: 100%
}

.frontend-agenda-wrapper .universal-form-inline .universal-form-field:hover {
  background: 0 0
}

.frontend-agenda-wrapper .universal-form-inline .universal-form-label {
  width: auto
}

.frontend-agenda-wrapper .universal-form-control-bar .universal-form-field:has(.universal-form-warning-space:empty) {
  display: none
}

.frontend-agenda-wrapper .universal-form--no-labels .universal-form-label {
  display: none !important
}

.frontend-agenda-wrapper .modern-content-form .zalozky {
  position: initial
}

.frontend-agenda-wrapper .select2-container--default {
  color: var(--colors-text-text-primary-900, #101828);
  font-family: var(--text-md-regular-font-family, "Inter"), sans-serif;
  font-size: var(--text-md-regular-font-size, 16px);
  line-height: var(--text-md-regular-line-height, 24px);
  font-weight: var(--text-md-regular-font-weight, 400)
}

.frontend-agenda-wrapper .select2-container--default .select2-selection {
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px) !important;
  border-style: solid !important;
  border-color: var(--colors-border-border-primary, #d0d5dd) !important;
  border-width: 1px !important
}

.frontend-agenda-wrapper .select2-container--default .select2-selection__choice {
  background-color: #fff !important;
  border: 1px solid #ebecefff !important
}

.frontend-agenda-wrapper .select2-container--default .select2-selection__rendered {
  line-height: normal !important;
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px) !important
}

.frontend-agenda-wrapper .select2-container--default .select2-selection__rendered .select2-search {
  padding: 0;
  margin: 0
}

.frontend-agenda-wrapper .select2-container--default ul li {
  background: 0 0
}

.frontend-agenda-wrapper .select2-results__option {
  min-height: 21px;
  font-size: 11px
}

.frontend-agenda-wrapper .select2-selection__arrow {
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important
}

.frontend-agenda-wrapper .select2-dropdown {
  border-color: #ebecefff
}

.frontend-agenda-wrapper .select2-search__field {
  outline: 0
}

.frontend-agenda-wrapper .select2-selection__rendered.ui-sortable .select2-selection__choice {
  cursor: move
}

.frontend-agenda-wrapper .universal-form-prefix-postfix-container {
  display: flex;
  gap: 8px;
  justify-items: flex-start;
  align-items: center
}

.frontend-agenda-wrapper .universal-form-presets {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
  font-size: 11px
}

.frontend-agenda-wrapper .universal-form-presets a {
  text-decoration: underline;
  font-size: 11px
}

.frontend-agenda-wrapper .universal-form-presets--top {
  margin-top: 0;
  margin-bottom: 8px
}

.frontend-agenda-wrapper .m-form-checkbox__label {
  display: flex;
  align-items: center
}

.frontend-agenda-wrapper .odhalovac {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='none'%3E%3Cpath fill='%23595959' d='M4.5 4.5 0 0h9L4.5 4.5Z'/%3E%3C/svg%3E") 0 no-repeat;
  clear: both;
  cursor: pointer;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 12px
}

.frontend-agenda-wrapper .odhalovac.odhalovac-on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='none'%3E%3Cpath fill='%23595959' d='M4.5.5 9 5H0L4.5.5Z'/%3E%3C/svg%3E")
}

.frontend-agenda-wrapper .formsCheckboxTable td {
  padding-bottom: 0 !important;
  border: none
}

.frontend-agenda-wrapper .formsCheckboxTd {
  padding: 0
}

.frontend-agenda-wrapper .formsCheckboxTdLabel {
  width: 100%;
  padding: 0
}

.frontend-agenda-wrapper .formsCheckboxTd input, .frontend-agenda-wrapper .formsCheckboxTdLabel label {
  vertical-align: middle
}

.frontend-agenda-wrapper .universal-form-language-container {
  margin-bottom: 16px
}

.frontend-agenda-wrapper .universal-form-language-container .universal-form-control {
  padding: 4px 0
}

.frontend-agenda-wrapper .universal-form-dropdown {
  padding: 20px;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 50px;
  color: #000 !important;
  border-radius: 5px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.frontend-agenda-wrapper .universal-form-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  z-index: 1100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  transition: opacity .3s
}

.frontend-agenda-wrapper .universal-form-modal.hidden {
  opacity: 0;
  display: none
}

.frontend-agenda-wrapper .universal-form-modal-inner {
  background-color: #ffffffff;
  border-radius: 5px;
  border-style: none;
  box-shadow: 0 16px 40px rgba(73, 64, 49, .16);
  position: relative;
  z-index: 1101;
  max-height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 20px;
  gap: 10px;
  min-width: 400px
}

.frontend-agenda-wrapper .universal-form-modal-title {
  font-size: 18px
}

.frontend-agenda-wrapper .universal-form-modal-close {
  border: none;
  background: 0 0;
  cursor: pointer;
  transition: .2s;
  font-size: 16px;
  margin: 0;
  padding: 0
}

.frontend-agenda-wrapper .universal-form-modal-close:hover {
  color: #e74c3c
}

.frontend-agenda-wrapper .universal-form-modal-header {
  display: flex;
  justify-content: space-between
}

.frontend-agenda-wrapper .universal-form-modal-body {
  overflow: auto;
  flex-grow: 1
}

.frontend-agenda-wrapper .universal-form-modal-footer {
  display: flex;
  gap: 5px
}

.frontend-agenda-wrapper .universal-form-modal-footer--center {
  justify-content: center
}

.frontend-agenda-wrapper .universal-form-modal-footer--space-between {
  justify-content: space-between
}

.frontend-agenda-wrapper .universal-form-modal iframe {
  border: none;
  width: 100%;
  max-height: 100%
}

.frontend-agenda-wrapper .universal-form-switch {
  --universal-form-switch--height: 20px;
  --universal-form-switch--height-inner: 16px;
  --universal-form-switch--width: 36px;
  --universal-form-switch--width-inner: 16px
}

.frontend-agenda-wrapper .universal-form-switch input {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important
}

.frontend-agenda-wrapper .universal-form-switch label {
  -webkit-tap-highlight-color: transparent;
  background: #b6b9c3ff;
  border-radius: 24px;
  box-sizing: border-box;
  color: var(--cookies-switch-color, #fff);
  cursor: pointer;
  display: block;
  font-size: 10px;
  font-weight: 700;
  height: var(--universal-form-switch--height);
  letter-spacing: normal;
  line-height: 12px;
  position: relative;
  text-transform: uppercase;
  transition: background .3s;
  width: var(--universal-form-switch--width);
  z-index: 0
}

.frontend-agenda-wrapper .universal-form-switch label:after, .frontend-agenda-wrapper .universal-form-switch label:before {
  transition: left .3s;
  z-index: 0
}

.frontend-agenda-wrapper .universal-form-switch label::before {
  -webkit-animation: .6s ease-in-out forwards switchOff;
  animation: .6s ease-in-out forwards switchOff;
  background-color: var(--cookies-switch-color, #fff);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-size: var(--universal-form-switch--height-inner), 0, 0;
  mask-size: var(--universal-form-switch--height-inner), 0, 0;
  border-radius: 10px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 2px;
  transition: left .3s;
  height: var(--universal-form-switch--height-inner);
  width: var(--universal-form-switch--width-inner)
}

.frontend-agenda-wrapper .universal-form-switch .universal-form-switch__text-0 {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: .3s
}

.frontend-agenda-wrapper .universal-form-switch .universal-form-switch__text-1 {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  opacity: 0;
  visibility: hidden;
  transition: .3s
}

.frontend-agenda-wrapper .universal-form-switch input:checked + label {
  background: var(--colors-background-bg-brand-solid, #7f56d9)
}

.frontend-agenda-wrapper .universal-form-switch input:checked + label:before {
  -webkit-animation-name: switchOn;
  animation-name: switchOn;
  left: calc(100% - 18px);
  -webkit-mask-size: 0, 0, var(--universal-form-switch--height-inner);
  mask-size: 0, 0, var(--universal-form-switch--height-inner)
}

.frontend-agenda-wrapper .universal-form-switch input:checked ~ label .universal-form-switch__text-0 {
  opacity: 0;
  visibility: hidden
}

.frontend-agenda-wrapper .universal-form-switch input:checked ~ label .universal-form-switch__text-1 {
  opacity: 1;
  visibility: visible
}

.frontend-agenda-wrapper .universal-form-dark, .frontend-agenda-wrapper .vyrazny {
  background: #f7f7f8ff;
  border-radius: 4px
}

.frontend-agenda-wrapper .universal-form-dark .select2-selection, .frontend-agenda-wrapper .universal-form-dark input:not(input[type=button]):not(input[type=submit]), .frontend-agenda-wrapper .universal-form-dark input[type=checkbox]:before, .frontend-agenda-wrapper .universal-form-dark input[type=radio]:before, .frontend-agenda-wrapper .universal-form-dark select, .frontend-agenda-wrapper .universal-form-dark textarea, .frontend-agenda-wrapper .vyrazny .select2-selection, .frontend-agenda-wrapper .vyrazny input:not(input[type=button]):not(input[type=submit]), .frontend-agenda-wrapper .vyrazny input[type=checkbox]:before, .frontend-agenda-wrapper .vyrazny input[type=radio]:before, .frontend-agenda-wrapper .vyrazny select, .frontend-agenda-wrapper .vyrazny textarea {
  background-color: #fff
}

.frontend-agenda-wrapper .big-number {
  box-sizing: initial
}

.frontend-agenda-wrapper .universal-form-color-picker {
  display: flex;
  gap: 4px;
  --color-picker--size: 26px
}

.frontend-agenda-wrapper .universal-form-color-picker input {
  display: none
}

.frontend-agenda-wrapper .universal-form-color-picker span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--color-picker--size);
  width: var(--color-picker--size);
  border-radius: 100%;
  border: 3px solid #ebecefff;
  transition: .2s;
  position: relative
}

.frontend-agenda-wrapper .universal-form-color-picker span:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border: 2px solid #ebecefff;
  border-radius: 100%
}

.frontend-agenda-wrapper .universal-form-color-picker label {
  cursor: pointer
}

.frontend-agenda-wrapper .universal-form-color-picker input:checked + span {
  border-color: #ec125eff
}

.frontend-agenda-wrapper .frontend-agenda-user-login, .frontend-agenda-wrapper .frontend-agenda-user-register {
  display: flex;
  gap: var(--spacing-6xl, 48px);
  padding: var(--spacing-6xl, 48px) 0;
  justify-content: center
}

.frontend-agenda-wrapper .frontend-agenda-user-login__form, .frontend-agenda-wrapper .frontend-agenda-user-register__form {
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-2xl, 20px)
}

.frontend-agenda-wrapper .frontend-agenda-user-login__register-button, .frontend-agenda-wrapper .frontend-agenda-user-register__register-button {
  display: flex
}

.frontend-agenda-wrapper .frontend-agenda-user-login .universal-form, .frontend-agenda-wrapper .frontend-agenda-user-register .universal-form {
  min-width: 500px
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget {
  min-width: 330px;
  font-family: var(--display-sm-semibold-font-family, "Inter"), sans-serif
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget__body {
  padding: var(--spacing-4xl, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--container-padding-mobile, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget__footer {
  padding: var(--spacing-4xl, 32px);
  background: var(--colors-background-bg-tertiary, #f2f4f7);
  display: flex;
  flex-direction: column;
  gap: var(--container-padding-mobile, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget__forgotten-password {
  text-align: right
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget__forgotten-password a {
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600);
  color: var(--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg, #6941c6);
  text-decoration: none
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget .universal-form {
  gap: var(--container-padding-mobile, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget .universal-form .universal-form-title h4 {
  color: var(--colors-text-text-primary-900, #101828);
  text-align: left;
  font-size: var(--display-sm-semibold-font-size, 30px);
  line-height: var(--display-sm-semibold-line-height, 38px);
  font-weight: var(--display-sm-semibold-font-weight, 600);
  margin-bottom: 0
}

.frontend-agenda-wrapper .frontend-agenda-user-login-widget .c-button--small {
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-md, 8px) var(--spacing-lg, 12px) var(--spacing-md, 8px) var(--spacing-lg, 12px);
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders {
  display: flex;
  flex-direction: column;
  font-family: var(--text-lg-semibold-font-family, "Inter"), sans-serif
}

.frontend-agenda-wrapper .frontend-agenda-user-orders a {
  text-decoration: none
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__body, .frontend-agenda-wrapper .frontend-agenda-user-orders__footer {
  display: flex;
  justify-content: space-between
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__order {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--colors-border-border-secondary, #eaecf0);
  padding: var(--spacing-xl, 16px) 0 var(--spacing-xl, 16px) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__date {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__number {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__product-summary {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  gap: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__product-count {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__product-price {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__images {
  display: flex;
  gap: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__image {
  border-radius: var(--radius-md, 8px);
  border-style: solid;
  border-color: var(--colors-border-border-secondary, #eaecf0);
  border-width: 1px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}

.frontend-agenda-wrapper .frontend-agenda-user-orders__image-more {
  color: var(--colors-text-text-quarterary-500, #667085);
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box {
  font-family: var(--text-lg-semibold-font-family, "Inter"), sans-serif;
  background: var(--colors-background-bg-primary, #fff);
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-xl, 16px);
  display: flex;
  flex-direction: column;
  gap: 8px
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box__date {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box__code {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box__footer {
  display: flex;
  justify-content: space-between
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box__product-summary {
  display: flex;
  gap: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box__product-count {
  color: var(--colors-text-text-tertiary-600, #475467);
  font-size: var(--text-sm-regular-font-size, 14px);
  line-height: var(--text-sm-regular-line-height, 20px);
  font-weight: var(--text-sm-regular-font-weight, 400)
}

.frontend-agenda-wrapper .frontend-agenda-user-order-box__product-price {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-sm-semibold-font-size, 14px);
  line-height: var(--text-sm-semibold-line-height, 20px);
  font-weight: var(--text-sm-semibold-font-weight, 600)
}

.frontend-agenda-wrapper a:has(>.frontend-agenda-user-order-box) {
  text-decoration: none
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget {
  min-width: 330px;
  font-family: var(--display-sm-semibold-font-family, "Inter"), sans-serif;
  padding: var(--spacing-lg, 12px);
  background-color: var(--colors-background-bg-secondaryalt, #f9fafb)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget--flex {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__profile {
  display: flex;
  gap: var(--spacing-xl, 16px);
  padding: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__profile-box {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__profile-name {
  color: var(--colors-text-text-primary-900, #101828);
  font-size: var(--text-lg-semibold-font-size, 18px);
  line-height: var(--text-lg-semibold-line-height, 28px);
  font-weight: var(--text-lg-semibold-font-weight, 600)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__profile-links {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 8px)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__link-with-icon a {
  display: flex;
  gap: var(--spacing-sm, 6px);
  align-items: center;
  text-decoration: none;
  color: var(--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg, #6941c6)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__link-with-icon a > svg {
  width: 20px;
  height: 20px;
  font-size: 20px
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__link-with-icon a > svg path {
  stroke: var(--component-colors-components-buttons-tertiary-color-button-tertiary-color-fg, #6941c6)
}

.frontend-agenda-wrapper .frontend-agenda-user-profile-widget__orders {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl, 16px)
}

.frontend-agenda-wrapper .m-popup:has(.frontend-agenda-user-login-widget) {
  border-radius: var(--radius-md, 8px)
}

.m-popup:has(.frontend-agenda-user-login-widget), .m-popup:has(.frontend-agenda-user-profile-widget) {
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
  box-shadow: var(--shadows-shadow-lg-box-shadow, 0 4px 6px -2px rgba(16, 24, 40, .03), 0 12px 16px -4px rgba(16, 24, 40, .08));
  border: initial
}

/*# sourceMappingURL=maps/styles.css.map */