.application-body.application-events {
  --app-colour: var(--app-colour-events, #F37021);
}
.application-body.application-events:has(.kik-document.type-event) aside.sidebar .kik-events-invites-trigger {
  display: none;
}
.application-body.application-events:has(.kik-events-invite-history) aside.sidebar .kik-events-invites-trigger,
.application-body.application-events:has(.kik-events-invite-history) aside.sidebar .icon.create,
.application-body.application-events:has(.kik-events-trash) aside.sidebar .kik-events-invites-trigger,
.application-body.application-events:has(.kik-events-trash) aside.sidebar .icon.create {
  display: none;
}
.application-body.application-events .events-upcoming {
  padding: 1rem;
}
.application-body.application-events .events-upcoming-batch {
  display: contents;
}
.application-body.application-events .events-upcoming-more {
  display: block;
  padding: 0.5rem 0;
  opacity: 0.6;
}
.application-body.application-events #events-upcoming .pat-link-list.tile-icons li a:is(.has-card-glyphs, :has(> .events-card-glyphs)) {
  grid-template-columns: calc(var(--bullet-space) * 2) 1fr auto;
  grid-template-areas: "icon title marks";
}
.application-body.application-events #events-upcoming .pat-link-list.tile-icons li a:is(.has-card-glyphs, :has(> .events-card-glyphs)):has(.item-byline) {
  grid-template-areas:
                "icon title marks"
                "icon byline marks";
}
.application-body.application-events #events-upcoming .pat-link-list.tile-icons li a:is(.has-card-glyphs, :has(> .events-card-glyphs)):has(> .item-thumb) {
  grid-template-columns: calc(var(--bullet-space) * 2) 1fr auto;
  grid-template-areas:
                "thumb thumb thumb"
                "icon  title  marks";
}
.application-body.application-events #events-upcoming .pat-link-list.tile-icons li a:is(.has-card-glyphs, :has(> .events-card-glyphs)):has(> .item-thumb):has(.item-byline) {
  grid-template-areas:
                "thumb thumb  thumb"
                "icon  title  marks"
                "icon  byline marks";
}
.application-body.application-events #events-upcoming .pat-link-list.tile-icons li a:has(> .item-thumb) > .item-thumb {
  grid-area: thumb;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--border-radii-medium, 6px);
  margin: 0 0 8px;
  display: block;
}
.application-body.application-events .events-card-glyphs {
  grid-area: marks;
  align-self: center;
  display: flex;
  align-items: center;
  gap: 0.25em;
  line-height: 1;
  margin-inline-end: 1rem;
  color: color-mix(in srgb, currentColor 50%, transparent);
}
.application-body.application-events .events-card-glyphs .events-event-glyph {
  margin: 0;
}
.application-body.application-events .events-detail {
  padding: 1.5rem;
  max-width: 48rem;
}
.application-body.application-events .events-detail-title {
  margin: 0.5rem 0 1rem;
}
.application-body.application-events .events-detail-meta {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.35rem 1rem;
  margin: 0 0 1.5rem;
}
.application-body.application-events .events-detail-meta dt {
  font-weight: 600;
  opacity: 0.7;
}
.application-body.application-events .events-detail-meta dd {
  margin: 0;
}
.application-body.application-events .events-event-glyph {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
}
body[dir=rtl] .application-body.application-events .events-event-glyph {
  margin-right: 0;
  margin-left: 4px;
}
.application-body.application-events .events-glyph-birthday:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-birthday) center / contain no-repeat;
  mask: var(--kik-svg-birthday) center / contain no-repeat;
  animation: heartbeat 1s;
}
.application-body.application-events .events-glyph-jewish-holiday:before {
  content: '\2721';
  font-style: normal;
  font-weight: normal;
}
.application-body.application-events .events-glyph-christian-holiday:before {
  content: '\271D';
  font-style: normal;
  font-weight: normal;
}
.application-body.application-events .events-glyph-islamic-holiday:before {
  content: '\262A\FE0E';
  font-style: normal;
  font-weight: normal;
}
.application-body.application-events .events-glyph-video-conf:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-videocam) center / contain no-repeat;
  mask: var(--kik-svg-videocam) center / contain no-repeat;
}
.application-body.application-events .events-glyph-task-slot:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-draft) center / contain no-repeat;
  mask: var(--kik-svg-draft) center / contain no-repeat;
}
.application-body.application-events .events-glyph-reminders {
  width: 1em;
  height: 1em;
  vertical-align: -0.1em;
  background-color: currentColor;
  -webkit-mask: url(/assets/libraries/kikaron/app-icons/artefacts/reminders.svg) center / contain no-repeat;
  mask: url(/assets/libraries/kikaron/app-icons/artefacts/reminders.svg) center / contain no-repeat;
}
.application-body.application-events .kik-fc-event-coded {
  --kik-fc-code-slot: 47px;
  --kik-fc-code-clear: 76px;
  --kik-fc-code-floor: 102px;
  position: relative;
  padding-inline-end: min(
                clamp(0px, calc(100% - var(--kik-fc-code-clear)), var(--kik-fc-code-slot)),
                max(0px, calc((100% - var(--kik-fc-code-floor)) * 1000)));
}
.application-body.application-events .kik-fc-event-coded-stacked {
  padding-inline-end: 0;
}
.application-body.application-events .kik-fc-event-title-wrap {
  white-space: normal;
  overflow-wrap: anywhere;
}
.application-body.application-events .events-event-code {
  position: absolute;
  top: 1px;
  inset-inline-end: 1px;
  z-index: 1;
  border-radius: 0.25rem;
  max-width: min(
                calc(min(var(--kik-fc-code-slot), 100% - var(--kik-fc-code-clear)) - 7px),
                calc((100% - var(--kik-fc-code-floor)) * 1000));
  overflow: hidden;
  text-overflow: ellipsis;
  background: color-mix(in srgb, var(--fc-event-color, var(--app-colour)) 74%, #000);
  color: #fff;
  padding-block: 0.12em 0.16em;
  padding-inline: min(0.4em, max(0px, calc((100% - var(--kik-fc-code-floor)) * 1000)));
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
}
.application-body.application-events .kik-travel-block {
  --kik-travel-ink: color-mix(in srgb, var(--app-colour) 78%, var(--kik-travel-ink-shade, black) 22%);
  --kik-travel-hatch: color-mix(in srgb, var(--app-colour) var(--kik-travel-hatch-strength, 34%), transparent);
  --kik-travel-ink-strong: color-mix(in srgb, var(--app-colour) 55%, var(--kik-travel-ink-shade, black) 45%);
  position: absolute;
  z-index: 1;
  color: var(--kik-travel-ink);
  background-color: var(--kik-travel-plate, rgba(255, 255, 255, 0.8));
  border-radius: var(--border-radii-small);
  text-shadow: 0 0 2px var(--kik-travel-halo, white), 0 0 2px var(--kik-travel-halo, white), 0 0 2px var(--kik-travel-halo, white),
                         0 0 2px var(--kik-travel-halo, white), 0 0 2px var(--kik-travel-halo, white), 0 0 2px var(--kik-travel-halo, white);
  overflow: visible;
}
.application-body.application-events .kik-travel-block.kik-travel-mode-bicycle {
  background-image: repeating-linear-gradient(45deg,
                    var(--kik-travel-hatch) 0 2px, transparent 2px 7px);
}
.application-body.application-events .kik-travel-block.kik-travel-mode-transit {
  background-image: repeating-linear-gradient(-45deg,
                    var(--kik-travel-hatch) 0 2px, transparent 2px 7px);
}
.application-body.application-events .kik-travel-block.kik-travel-mode-car {
  background-image: repeating-linear-gradient(45deg,
                    var(--kik-travel-hatch) 0 4px, transparent 4px 8px);
}
.application-body.application-events .kik-travel-strip {
  display: flex;
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  height: 100%;
  min-height: 15px;
  max-width: 300px;
  padding: 0 4px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
.application-body.application-events .kik-travel-others {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.92em;
  opacity: 1;
  color: color-mix(in srgb, var(--kik-travel-ink) 90%, white 10%);
}
.application-body.application-events .kik-travel-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
}
.application-body.application-events .kik-travel-chip.is-lead {
  font-weight: 600;
}
.application-body.application-events .kik-travel-chip.is-unknown .kik-travel-time {
  opacity: 0.7;
}
@media (hover: hover) {
.application-body.application-events button.kik-travel-chip:hover {
  color: var(--kik-travel-ink-strong);
}
}
.application-body.application-events .kik-travel-icon:before {
  font-family: fontello;
  font-style: normal;
  font-weight: normal;
}
.application-body.application-events .kik-travel-bicycle .kik-travel-icon:before {
  content: var(--glyph-bicycle);
}
.application-body.application-events .kik-travel-transit .kik-travel-icon:before {
  content: var(--glyph-bus);
}
.application-body.application-events .kik-travel-car .kik-travel-icon:before {
  content: var(--glyph-taxi);
}
@container screen style(--screen-small: false) {
.application-body.application-events .kik-events-invites-panel .context-menu-content {
  zoom: 1;
  max-height: calc(0.85 * (100dvh - 100px));
}
}
.application-body.application-events .kik-events-invite-well {
  --kik-invite-colour: var(--color-accent-hover, #ea6c1a);
  background: color-mix(in srgb, var(--kik-invite-colour) 6%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kik-invite-colour) 35%, transparent);
  --pat-well-padding-top: 10px;
  --pat-well-padding-bottom: 12px;
  --pat-well-padding-left: 12px;
  --pat-well-padding-right: 12px;
  --pat-well-padding: 12px;
}
.application-body.application-events .kik-events-invite-well > .well-title-group {
  margin-bottom: 0;
  padding-bottom: 0;
}
.application-body.application-events .kik-events-invite-well > .panel-content {
  padding-top: 2px;
}
.application-body.application-events .kik-events-invite-well .well-header {
  font-size: 1em;
  line-height: 1.25;
  text-wrap: balance;
  margin: 0;
}
.application-body.application-events .kik-events-invite-well .kik-events-invite-open {
  display: flex;
  flex-direction: column;
  gap: 1px;
  text-decoration: none;
  color: inherit;
}
.application-body.application-events .kik-events-invite-well .kik-events-invite-when,
.application-body.application-events .kik-events-invite-well .kik-events-invite-where,
.application-body.application-events .kik-events-invite-well .kik-events-trash-removed {
  font-size: 0.85em;
  color: var(--colour-byline);
}
.application-body.application-events .kik-events-trash-well {
  --kik-invite-colour: var(--colour-byline, #6b7280);
  background: color-mix(in srgb, var(--kik-invite-colour) 10%, #fff);
}
.application-body.application-events .kik-events-trash-well > .panel-content {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.application-body.application-events .kik-events-trash-well .kik-events-trash-removed {
  margin-top: 8px;
}
.application-body.application-events .kik-events-trash-well > .well-title-group > .pat-toolbar {
  min-width: max-content;
}
.application-body.application-events .kik-events-trash-well .kik-events-trash-restore {
  flex: none;
  max-width: none;
  overflow: visible;
}
.application-body.application-events .kik-events-invite-well .rsvp {
  margin-top: 14px;
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer {
  --kik-invite-answer-colour: var(--colour-published);
  --pat-select-box-background-colour: var(--kik-invite-answer-colour);
  --pat-select-box-background-colour-hover:
                color-mix(in srgb, var(--kik-invite-answer-colour) 88%, black);
  --pat-select-box-arrow-text-colour: white;
  --pat-select-box-arrow-text-colour-hover: white;
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer.option-yes {
  --kik-invite-answer-colour: var(--colour-published);
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer.option-maybe {
  --kik-invite-answer-colour: var(--colour-draft);
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer.option-no {
  --kik-invite-answer-colour: var(--colour-closed);
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer.option-none {
  --kik-invite-answer-colour: color-mix(in srgb, var(--colour-base-text) 45%, transparent);
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer select {
  background-color: transparent;
  color: var(--pat-select-box-arrow-text-colour);
  border: none;
  box-shadow: none;
  white-space: nowrap;
}
.application-body.application-events .pat-toolbar .toolbar-section > .pat-select.kik-events-invite-answer.is-disabled select:disabled {
  background: transparent !important;
  color: var(--pat-select-box-arrow-text-colour);
  box-shadow: none;
  cursor: default;
}
.application-body.application-events .kik-events-invite-past .well-title-group .pat-toolbar {
  min-height: 0;
}
.application-body.application-events .kik-events-invite-well .rsvp .voting-bar .pat-checklist {
  display: flex;
  gap: 4px;
}
.application-body.application-events .kik-events-invite-well .rsvp .voting-bar .pat-checklist > label {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}
.application-body.application-events .kik-events-invite-well .rsvp .voting-bar .pat-checklist label {
  font-size: 0;
  padding-left: 0;
  padding-right: 0;
}
.application-body.application-events .kik-events-invite-well .rsvp .voting-bar .pat-checklist label:before {
  font-size: var(--body-font-size);
  margin: 0;
}
.application-body.application-events #event-toolbar-rsvp-events-central-section {
  max-width: 80%;
  margin-bottom: var(--small-screen-padding);
}
@media (min-width: 681px) {
.application-body.application-events #event-toolbar-rsvp-events-central-section {
  display: none;
}
}
.application-body.application-events .invite-pending {
  --fc-event-color: var(--kik-fc-view-background, #fff) !important;
  --fc-event-contrast-color: silver !important;
  border-style: dashed !important;
  border-width: 1px !important;
  border-color: silver !important;
  color: silver !important;
}