.application-body.application-team-spaces {
  --app-colour: var(--app-colour-team-spaces, #00C300);
  --sidebar-background-colour: color-mix(in srgb, var(--this-workspace-colour, var(--app-colour)) 10%, white);
}
@container screen style(--screen-small: false) {
.application-body.application-team-spaces.sidebar-left-open aside.sidebar.left {
  inset-inline-start: var(--sidebar-margin-left);
}
}
@container screen style(--screen-small: false) {
.application-body.application-team-spaces.sidebar-left-open:has(aside.sidebar) .document-body {
  inset-inline-start: var(--document-body-left-distance-sidebar-open);
}
}
@container screen style(--screen-small: false) {
.application-body.application-team-spaces.sidebar-large #documents-area-team-spaces {
  padding-top: var(--sidebar-padding-top);
  padding-bottom: var(--sidebar-padding-bottom);
}
}
.application-body.application-team-spaces.sidebar-normal #documents-area-team-spaces .pat-table thead {
  display: none;
}
.application-body.application-team-spaces aside.sidebar.left {
  height: 100%;
}
.application-body.application-team-spaces .sidebar .sidebar-content > form:not(.pat-toolbar) {
  display: contents;
}
.application-body.application-team-spaces .pat-toolbar:not(.modal-toolbar) .toolbar-title {
  transition: zoom var(--base-animation-duration, 0.2s) ease;
}
.application-body.application-team-spaces.sidebar-normal .pat-toolbar:not(.modal-toolbar) .toolbar-title {
  zoom: 0.001;
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces .pat-toolbar:not(.modal-toolbar) .toolbar-title {
  zoom: 0.001;
}
}
.application-body.application-team-spaces #team-spaces-overview-title {
  display: none;
}
.application-body.application-team-spaces .pat-toolbar #team-spaces-overview-toolbar-navigation:not(:has(> .pat-button-cluster)) > #team-spaces-overview-title {
  display: block;
  zoom: 1;
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-overview-toolbar-navigation .pat-button-cluster {
  display: none;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces .pat-toolbar #team-spaces-overview-title {
  display: block;
  zoom: 1;
}
}
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.navigation {
  align-items: center;
  min-width: 0;
  padding-inline-end: var(--kik-win-controls-slot, 0px);
}
.application-body.application-team-spaces #team-spaces-toolbar-title {
  flex: 0 1 auto;
  min-width: 0;
}
.application-body.application-team-spaces #team-spaces-tabs {
  min-width: 0;
}
.application-body.application-team-spaces #team-spaces-tabs > a.activities {
  --pat-button-cluster-pill-colour: var(--app-colour-activities);
}
.application-body.application-team-spaces #team-spaces-tabs > a.documents {
  --pat-button-cluster-pill-colour: var(--app-colour-documents);
}
.application-body.application-team-spaces #team-spaces-tabs > a.events {
  --pat-button-cluster-pill-colour: var(--app-colour-events);
}
.application-body.application-team-spaces #team-spaces-tabs > a.tasks {
  --pat-button-cluster-pill-colour: var(--app-colour-todo);
}
.application-body.application-team-spaces #team-spaces-tabs > a.video-call {
  --pat-button-cluster-pill-colour: var(--app-colour-meetings);
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar {
  --pat-toolbar-grid-template-areas: "middle middle" "first last";
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.navigation {
  justify-self: stretch;
  justify-content: start;
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.micro-navigation {
  justify-self: start;
  display: flex;
  justify-content: start;
  gap: var(--pat-toolbar-gap, 10px);
  min-width: 0;
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.micro-navigation > * {
  min-width: 0;
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.micro-navigation > .icon.back {
  flex: 0 0 auto;
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.quick-functions {
  justify-self: end;
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar {
  --pat-toolbar-grid-template-areas: "middle middle" "first last";
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.navigation {
  justify-self: stretch;
  justify-content: start;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.micro-navigation {
  justify-self: start;
  min-width: 0;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.quick-functions {
  justify-self: end;
}
}
.application-body.application-team-spaces #team-spaces-toolbar-title {
  --kik-switcher-morph: var(--base-animation-duration, 0.3s) cubic-bezier(0.4, 0, 0.2, 1);
  --kik-switcher-chip: calc(var(--pat-select-box-height, 35px) - 10px);
  --kik-switcher-disc-inset: calc((var(--pat-select-box-height, 35px) - var(--kik-switcher-chip)) / 2);
  transition: padding var(--kik-switcher-morph), width var(--kik-switcher-morph);
}
.application-body.application-team-spaces #team-spaces-toolbar-title::after {
  transition: opacity var(--kik-switcher-morph);
}
.application-body.application-team-spaces #team-spaces-toolbar-title .space-avatar {
  transition: margin var(--kik-switcher-morph);
}
.application-body.application-team-spaces #team-spaces-toolbar-title .switcher-title {
  display: inline-grid;
  grid-template-columns: 1fr;
  vertical-align: top;
  max-width: 100%;
  transition:
                grid-template-columns var(--kik-switcher-morph),
                opacity var(--kik-switcher-morph);
}
.application-body.application-team-spaces #team-spaces-toolbar-title .switcher-title > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (hover: none) {
.application-body.application-team-spaces #team-spaces-toolbar-title {
  flex: none;
  --kik-switcher-chip: var(--pat-toolbar-button-height, 35px);
  --kik-switcher-disc-inset: 0px;
  height: var(--kik-switcher-chip);
  line-height: var(--kik-switcher-chip);
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  outline: none;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
}
}
@media (hover: none) {
.application-body.application-team-spaces #team-spaces-toolbar-title::after {
  display: none;
}
}
@media (hover: none) {
.application-body.application-team-spaces #team-spaces-toolbar-title .space-avatar {
  margin: 0;
  width: var(--kik-switcher-chip);
  height: var(--kik-switcher-chip);
  min-width: var(--kik-switcher-chip);
  border: 0;
  background: var(--pat-button-cluster-background);
  -webkit-backdrop-filter: var(--pat-button-cluster-backdrop-filter);
  backdrop-filter: var(--pat-button-cluster-backdrop-filter);
  box-shadow: var(--pat-button-cluster-box-shadow);
}
}
@media (hover: none) {
.application-body.application-team-spaces #team-spaces-toolbar-title .switcher-title {
  grid-template-columns: 0fr;
  opacity: 0;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar-title {
  flex: none;
  --kik-switcher-chip: var(--pat-toolbar-button-height, 35px);
  --kik-switcher-disc-inset: 0px;
  height: var(--kik-switcher-chip);
  line-height: var(--kik-switcher-chip);
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  outline: none;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar-title::after {
  display: none;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar-title .space-avatar {
  margin: 0;
  width: var(--kik-switcher-chip);
  height: var(--kik-switcher-chip);
  min-width: var(--kik-switcher-chip);
  border: 0;
  background: var(--pat-button-cluster-background);
  -webkit-backdrop-filter: var(--pat-button-cluster-backdrop-filter);
  backdrop-filter: var(--pat-button-cluster-backdrop-filter);
  box-shadow: var(--pat-button-cluster-box-shadow);
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces #team-spaces-toolbar-title .switcher-title {
  grid-template-columns: 0fr;
  opacity: 0;
}
}
.application-body.application-team-spaces #team-spaces-toolbar-title {
  padding-left: var(--kik-switcher-disc-inset);
  text-overflow: clip;
}
.application-body.application-team-spaces #team-spaces-toolbar-title .switcher-title {
  max-width: calc(100% - var(--kik-switcher-chip) - 4px);
}
.application-body.application-team-spaces #team-spaces-toolbar-title .space-avatar {
  box-sizing: border-box;
  display: inline-flex;
  vertical-align: top;
  margin-block-start: var(--kik-switcher-disc-inset);
  margin-inline-end: 4px;
  align-items: center;
  justify-content: center;
  width: var(--kik-switcher-chip);
  height: var(--kik-switcher-chip);
  min-width: var(--kik-switcher-chip);
  aspect-ratio: 1 / 1;
  border: 1px solid var(--gns-space-colour, var(--colour-accent, #ea6c1a));
  border-radius: 50%;
  background: color-mix(in srgb, var(--gns-space-colour, var(--colour-accent, #ea6c1a)) 10%, white);
  color: var(--gns-space-colour, var(--colour-accent, #ea6c1a));
  font-family: inherit;
  font-weight: 700;
  font-size: calc(var(--kik-switcher-chip) * 0.58);
  line-height: 1;
  text-box: trim-both cap alphabetic;
  text-indent: 0;
  text-transform: uppercase;
  overflow: visible;
}
.application-body.application-team-spaces #workspace-activities .activity-stream {
  width: 100%;
  box-sizing: border-box;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events {
  --kik-event-card-width: 300px;
  column-width: var(--kik-event-card-width);
  column-gap: 1em;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events .event-card {
  margin-bottom: 1em;
  break-inside: avoid;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events > .sidebar-separation-title,
.application-body.application-team-spaces.sidebar-large #upcoming-events > .pat-message {
  column-span: all;
}
@supports (display: grid-lanes) {
.application-body.application-team-spaces.sidebar-large #upcoming-events {
  display: grid-lanes;
  grid-template-columns: repeat(auto-fill, minmax(var(--kik-event-card-width), 1fr));
  gap: 1em;
  align-items: start;
  column-width: auto;
}
}
@supports (display: grid-lanes) {
.application-body.application-team-spaces.sidebar-large #upcoming-events .event-card {
  margin-bottom: 0;
}
}
@supports (display: grid-lanes) {
.application-body.application-team-spaces.sidebar-large #upcoming-events > .sidebar-separation-title,
.application-body.application-team-spaces.sidebar-large #upcoming-events > .pat-message {
  grid-column: 1 / -1;
}
}
.application-body.application-team-spaces aside.sidebar.left .pat-toolbar .toggle-sidebar-size {
  display: inline-block;
}
.application-body.application-team-spaces.sidebar-normal aside.sidebar.left .pat-toolbar .icon.settings {
  display: none;
}
.application-body.application-team-spaces.sidebar-normal #toolbar-functions-area-team-spaces-toolbar {
  --pat-toolbar-icon-frost-background: transparent;
  --pat-toolbar-icon-background-colour: transparent;
  --pat-toolbar-icon-backdrop-filter: none;
  --pat-toolbar-button-background-colour: transparent;
  --pat-toolbar-button-backdrop-filter: none;
  --pat-toolbar-button-box-shadow: none;
  --pat-button-background-colour: transparent;
  --pat-button-box-shadow: none;
  --pat-select-box-background-colour: transparent;
  --pat-select-box-box-shadow: none;
  --pat-back-button-background-colour: transparent;
  --pat-back-button-border-colour: transparent;
  --pat-back-button-backdrop-filter: none;
  --pat-back-button-drop-shadow: none;
  --pat-toolbar-element-separation: 0;
  --pat-toolbar-gap: 0;
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces #team-spaces-toolbar {
  --pat-button-cluster-compact: true;
  --pat-toolbar-grid-template-areas: "middle middle" "first last";
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.navigation {
  justify-self: stretch;
  justify-content: start;
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.micro-navigation {
  justify-self: start;
  display: flex;
  justify-content: start;
  gap: var(--pat-toolbar-gap, 10px);
  min-width: 0;
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.micro-navigation > .icon.back {
  flex: 0 0 auto;
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.quick-functions {
  justify-self: end;
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces #toolbar-functions-area-team-spaces-toolbar {
  --pat-toolbar-icon-frost-background: transparent;
  --pat-toolbar-icon-background-colour: transparent;
  --pat-toolbar-icon-backdrop-filter: none;
  --pat-toolbar-button-background-colour: transparent;
  --pat-toolbar-button-backdrop-filter: none;
  --pat-toolbar-button-box-shadow: none;
  --pat-button-background-colour: transparent;
  --pat-button-box-shadow: none;
  --pat-select-box-background-colour: transparent;
  --pat-select-box-box-shadow: none;
  --pat-back-button-background-colour: transparent;
  --pat-back-button-border-colour: transparent;
  --pat-back-button-backdrop-filter: none;
  --pat-back-button-drop-shadow: none;
  --pat-toolbar-element-separation: 0;
  --pat-toolbar-gap: 0;
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces.sidebar-large #team-spaces-toolbar .toolbar-section.navigation {
  padding-inline-end: var(--kik-win-trailing-slot, 0px);
}
}
@container sidebar (width < 64rem) {
.application-body.application-team-spaces.sidebar-large #team-spaces-toolbar .toolbar-section.quick-functions {
  padding-inline-end: 0;
}
}
.application-body.application-team-spaces #team-spaces-toolbar .toolbar-section.navigation > .toggle-sidebar-size {
  display: none;
  flex: none;
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.navigation > .toggle-sidebar-size {
  display: inline-block;
}
.application-body.application-team-spaces.sidebar-normal #toolbar-functions-area-team-spaces-toolbar .toggle-sidebar-size {
  display: none;
}
.application-body.application-team-spaces #kik-meeting-mount {
  --kik-meeting-air: 10px;
  position: absolute;
  top: max(var(--sidebar-margin-top, 0px), var(--kik-meeting-air));
  right: max(var(--sidebar-margin-left, 0px), var(--kik-meeting-air));
  bottom: max(var(--sidebar-margin-bottom, 0px), var(--kik-meeting-air));
  left: max(var(--sidebar-margin-left, 0px), var(--kik-meeting-air));
}
body[data-global-nav="compact"] .application-body.application-team-spaces #kik-meeting-mount {
  inset: var(--kik-meeting-air);
}
body[data-platform-mode="pro"] .application-body.application-team-spaces #kik-meeting-mount {
  inset: 0;
}
.application-body.application-team-spaces.sidebar-large #kik-meeting-mount {
  display: none;
}
body[data-platform-mode="hub"]:has(.kik-call-frame.is-anchored) .application-body.application-team-spaces.state-on:has(#kik-meeting-mount) > .kik-win-side {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  translate: -100% 0;
  transition:
            opacity var(--base-animation-duration, 0.3s) ease,
            translate var(--base-animation-duration, 0.3s) ease,
            visibility 0s linear var(--base-animation-duration, 0.3s);
}
.application-body.application-team-spaces > .kik-win-side {
  transition:
            transform var(--pat-toolbar-auto-hide-speed, 0.5s) ease,
            left var(--base-animation-duration, 0.3s),
            opacity var(--base-animation-duration, 0.3s) ease,
            translate var(--base-animation-duration, 0.3s) ease,
            visibility 0s;
}
.application-body.application-team-spaces.sidebar-normal #toolbar-functions-area-team-spaces-toolbar .pat-select {
  padding-inline-start: 8px;
  padding-inline-end: 24px;
}
.application-body.application-team-spaces.sidebar-normal #toolbar-functions-area-team-spaces-toolbar .pat-select .select-glyph {
  margin-inline-end: 2px;
}
.application-body.application-team-spaces .kik-chat-host {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  background: transparent;
}
.application-body.application-team-spaces .kik-chat-host > #kikaron-native-chat {
  flex: 1 0 auto;
}
.application-body.application-team-spaces .kik-chat-host .kik-chat-composer {
  flex: none;
  align-self: stretch;
  margin: 0;
  bottom: 0;
}
.application-body.application-team-spaces .kik-chat-host #kik-chat-header {
  display: none;
}
.application-body.application-team-spaces .sidebar #kik-chat-timeline {
  margin-left: -5px;
  padding-left: 5px;
}
.application-body.application-team-spaces #team-spaces-sidebar-content:has(.kik-chat-host) {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--sidebar-padding-bottom, 20px);
}
.application-body.application-team-spaces #team-spaces-sidebar-content:has(.kik-chat-host) > #documents-area-team-spaces {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
html.kik-windowed body:not([data-platform-mode="pro"]) .application-body.application-team-spaces .kik-chat-host {
  display: none;
}
html:not(.kik-windowed) .application-body.application-team-spaces .kik-chat-open-room,
body[data-platform-mode="pro"] .application-body.application-team-spaces .kik-chat-open-room {
  display: none;
}
.application-body.application-team-spaces .tile-appsteam-spaces .tile-members {
  --kik-tile-member-size: 2em;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.8rem;
}
.application-body.application-team-spaces .tile-appsteam-spaces .tile-members > .pat-avatar,
.application-body.application-team-spaces .tile-appsteam-spaces .tile-members > .tile-members-more {
  position: relative;
  z-index: var(--kik-tile-member-stack, 0);
  flex: none;
  box-sizing: border-box;
  width: var(--kik-tile-member-size);
  height: var(--kik-tile-member-size);
  min-width: var(--kik-tile-member-size);
  margin: 0;
  margin-inline-start: calc(var(--kik-tile-member-size) / -3);
  border: 2px solid white;
  border-radius: 50%;
}
.application-body.application-team-spaces .tile-appsteam-spaces .tile-members > .pat-avatar:first-child,
.application-body.application-team-spaces .tile-appsteam-spaces .tile-members > .tile-members-more:first-child {
  margin-inline-start: 0;
}
.application-body.application-team-spaces .tile-appsteam-spaces .tile-members > .tile-members-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.75em;
  font-weight: bold;
  font-variant-numeric: tabular-nums;
  --kik-tile-member-size: calc(2em / 0.75);
  padding-inline-start: calc(var(--kik-tile-member-size) / 3);
}
.application-body.application-team-spaces #team-spaces-toolbar .group-by-select .select-label {
  display: none;
}
.application-body.application-team-spaces #team-spaces-toolbar .group-by-select .select-glyph {
  margin-inline-end: 0;
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"]) {
  --ts-group-mark: var(--kik-svg-list);
  font-size: 0;
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])::before {
  content: "";
  width: 18px;
  height: var(--pat-select-box-height, 35px);
  background-color: currentColor;
  -webkit-mask: var(--ts-group-mark) center / 18px 18px no-repeat;
  mask: var(--ts-group-mark) center / 18px 18px no-repeat;
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])[data-value="milestone"] {
  --ts-group-mark: var(--kik-svg-flag);
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])[data-value="assignee"] {
  --ts-group-mark: var(--kik-svg-user);
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])[data-value="initiator"] {
  --ts-group-mark: var(--kik-svg-user-add);
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])[data-value="status"] {
  --ts-group-mark: var(--kik-svg-ok-circle);
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])[data-value="priority"] {
  --ts-group-mark: var(--kik-svg-attention);
}
.application-body.application-team-spaces #team-spaces-toolbar label.pat-select:has(> select[name="group_by"])[data-value="due_date"] {
  --ts-group-mark: var(--kik-svg-calendar);
}
.application-body.application-team-spaces.sidebar-normal #button-team-space-back {
  display: none;
}
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar:has(#team-spaces-tabs a.current:is(.activities, .video-call)) #toolbar-functions-area-team-spaces-toolbar {
  display: none;
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed)::after,
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed) input[type="search"],
.application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed) .kik-search-clear {
  top: auto;
  bottom: var(--pat-toolbar-inset-block, var(--pat-toolbar-padding));
}
}
body[data-platform-mode="pro"] .application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.navigation {
  padding-inline-start: var(--kik-win-side-slot, 0px);
}
body[data-platform-mode="pro"] .application-body.application-team-spaces.sidebar-normal #team-spaces-toolbar .toolbar-section.micro-navigation:has(> *) {
  margin-inline-start: 0;
}
.application-body.application-team-spaces tr.kms-files-probe:not(.kms-files-found) {
  display: none;
}
.application-body.application-team-spaces .ts-attachments {
  display: flex;
  flex-direction: column;
  gap: var(--grid-gutter, 15px);
}
.application-body.application-team-spaces .ts-attachments .kms-files-loading {
  padding-block: var(--grid-gutter, 15px);
}