.activity-stream {
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
}
.activity-stream .pat-lazy-load.load-more {
  display: grid;
  height: 100vh;
  margin-top: calc(-1 * 80vh);
  margin-bottom: 80vh;
  grid-template-areas: 'margin' 'throbber';
  grid-template-rows: 80vh 100vh;
  width: 100%;
  position: relative;
}
.activity-stream .pat-lazy-load.load-more:after {
  content: '';
  display: block;
  grid-area: throbber;
  width: 100%;
  background: rgba(0, 0, 0, 0.02);
  border-radius: var(--border-radii);
}
.activity-stream .pat-lazy-load.load-more:before {
  grid-area: throbber;
  position: static;
  align-self: center;
  justify-self: center;
}
.activity-stream .functions,
.activity-stream .comment-footer {
  margin-top: 10px;
  display: flex;
  justify-content: start;
  padding-left: calc(0.5 * var(--border-radii));
  clear:both;
  gap: 10px;
  font-size: var(--body-font-size);
  clear: both;
  line-height: var(--body-line-height);
  zoom: 0.9;
  display: flex;
  justify-content: start;
  clear:both;
  gap: 12px;
}
.activity-stream .functions:last-child,
.activity-stream .comment-footer:last-child {
  margin-bottom: 0;
}
.activity-stream .functions form,
.activity-stream .comment-footer form {
  display: inline-block;
}
.activity-stream .functions a,
.activity-stream .functions .like,
.activity-stream .functions .comments,
.activity-stream .functions .share,
.activity-stream .comment-footer a,
.activity-stream .comment-footer .like,
.activity-stream .comment-footer .comments,
.activity-stream .comment-footer .share {
  color: var(--colour-byline);
  cursor: default;
  background: none;
  border: none;
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  display: inline-flex;
  gap: 3px;
}
.activity-stream .functions a sup,
.activity-stream .functions .like sup,
.activity-stream .functions .comments sup,
.activity-stream .functions .share sup,
.activity-stream .comment-footer a sup,
.activity-stream .comment-footer .like sup,
.activity-stream .comment-footer .comments sup,
.activity-stream .comment-footer .share sup {
  baseline-shift: baseline;
  vertical-align: baseline;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  color: var(--colour-byline);
}
.activity-stream .functions a sup:before,
.activity-stream .functions .like sup:before,
.activity-stream .functions .comments sup:before,
.activity-stream .functions .share sup:before,
.activity-stream .comment-footer a sup:before,
.activity-stream .comment-footer .like sup:before,
.activity-stream .comment-footer .comments sup:before,
.activity-stream .comment-footer .share sup:before {
  content: '(';
}
.activity-stream .functions a sup:after,
.activity-stream .functions .like sup:after,
.activity-stream .functions .comments sup:after,
.activity-stream .functions .share sup:after,
.activity-stream .comment-footer a sup:after,
.activity-stream .comment-footer .like sup:after,
.activity-stream .comment-footer .comments sup:after,
.activity-stream .comment-footer .share sup:after {
  content: ')';
}
.activity-stream .functions a:active,
.activity-stream .functions .like:active,
.activity-stream .functions .comments:active,
.activity-stream .functions .share:active,
.activity-stream .comment-footer a:active,
.activity-stream .comment-footer .like:active,
.activity-stream .comment-footer .comments:active,
.activity-stream .comment-footer .share:active {
  box-shadow: none;
}
@media (hover: hover) {
.activity-stream .functions a:hover,
.activity-stream .functions .like:hover,
.activity-stream .functions .comments:hover,
.activity-stream .functions .share:hover,
.activity-stream .comment-footer a:hover,
.activity-stream .comment-footer .like:hover,
.activity-stream .comment-footer .comments:hover,
.activity-stream .comment-footer .share:hover {
  color: var(--colour-byline-hover, var(--colour-byline));
  text-decoration: none;
}
}
.activity-stream .functions a.active,
.activity-stream .functions .like.active,
.activity-stream .functions .comments.active,
.activity-stream .functions .share.active,
.activity-stream .comment-footer a.active,
.activity-stream .comment-footer .like.active,
.activity-stream .comment-footer .comments.active,
.activity-stream .comment-footer .share.active {
  color: var(--colour-accent);
}
@media (hover: hover) {
.activity-stream .functions a.active:hover,
.activity-stream .functions .like.active:hover,
.activity-stream .functions .comments.active:hover,
.activity-stream .functions .share.active:hover,
.activity-stream .comment-footer a.active:hover,
.activity-stream .comment-footer .like.active:hover,
.activity-stream .comment-footer .comments.active:hover,
.activity-stream .comment-footer .share.active:hover {
  color: var(--colour-accent-hover);
}
}
.activity-stream .functions a:before,
.activity-stream .functions .like:before,
.activity-stream .functions .comments:before,
.activity-stream .functions .share:before,
.activity-stream .comment-footer a:before,
.activity-stream .comment-footer .like:before,
.activity-stream .comment-footer .comments:before,
.activity-stream .comment-footer .share:before {
  display: inline-block;
  line-height: var(--body-line-height);
}
.activity-stream .functions a.tooltip-active-click,
.activity-stream .functions .like.tooltip-active-click,
.activity-stream .functions .comments.tooltip-active-click,
.activity-stream .functions .share.tooltip-active-click,
.activity-stream .comment-footer a.tooltip-active-click,
.activity-stream .comment-footer .like.tooltip-active-click,
.activity-stream .comment-footer .comments.tooltip-active-click,
.activity-stream .comment-footer .share.tooltip-active-click {
  background-color: var(--colour-accent);
  box-shadow: none;
  color: white;
}
.activity-stream .functions .like,
.activity-stream .comment-footer .like {
  display: inline-flex;
  gap: 4px;
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
  color: var(--colour-byline);
}
@media (hover: hover) {
.activity-stream .functions .like:hover,
.activity-stream .comment-footer .like:hover {
  color: var(--colour-byline-hover, var(--colour-byline));
  text-decoration: none;
}
}
.activity-stream .functions .like:before,
.activity-stream .comment-footer .like:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-heart) center / contain no-repeat;
  mask: var(--kik-svg-heart) center / contain no-repeat;
  font-weight: normal;
}
.activity-stream .functions .like.active:before,
.activity-stream .comment-footer .like.active:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-heart-fill) center / contain no-repeat;
  mask: var(--kik-svg-heart-fill) center / contain no-repeat;
}
.activity-stream .stream-container .infinite-scrolling-trigger {
  position: absolute;
  padding-top: 400px;
  margin-top: 0;
  bottom: -510px;
  left: 0;
  right: 0;
  border-bottom: 300px solid transparent;
}
.activity-stream .stream-container .infinite-scrolling-trigger:before {
  bottom: 10px;
  top: auto;
}
.activity-stream .stream-container .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.activity-stream #stream-items.injecting-content-before:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  position: static;
  width: 100%;
  height: 400px;
  line-height: 400px;
  display: block;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.activity-stream #stream-items.injecting-content-before:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@container screen style(--screen-small: false) {
@supports not (display: grid-lanes) {
.activity-stream .item {
  margin-bottom: 1.5em;
}
}
}
@container screen style(--screen-small: false) {
@supports not (display: grid-lanes) {
.sidebar .activity-stream .item {
  margin-bottom: 0;
}
}
}
@container screen style(--screen-small: true) {
@supports not (display: grid-lanes) {
.activity-stream .item {
  margin-bottom: calc(0.5 * var(--small-screen-padding));
}
}
}
@container screen style(--screen-small: true) {
.sidebar-normal .sidebar .activity-stream .item {
  margin-bottom: 0;
}
}
.activity-stream .item {
  animation-fill-mode: forwards;
  animation: fadeIn 1s;
}
.activity-stream .stream-container {
  margin: 0;
  clear: both;
}
.activity-stream .stream-container .tile {
  width: 100%;
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: false) {
.activity-stream .stream-container.col-2,
.activity-stream .stream-container.col-3 {
  width: calc(100% + 2em);
  margin-left: -1em;
  margin-right: -1em;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: false) and style(--screen-large: false) {
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-3 .tile {
  width: 50%;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: false) and style(--screen-large: false) {
.activity-stream .stream-container.col-2 .tile.col-2,
.activity-stream .stream-container.col-3 .tile.col-2 {
  width: 100%;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: false) and style(--screen-large: false) {
.activity-stream .stream-container.col-2 .tile.col-full,
.activity-stream .stream-container.col-3 .tile.col-full {
  width: 100%;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-large: true) {
.activity-stream .stream-container.col-2 .tile.col-2,
.activity-stream .stream-container.col-3 .tile.col-2 {
  width: 66.66665%;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-large: true) {
.activity-stream .stream-container.col-2 .tile.col-full,
.activity-stream .stream-container.col-3 .tile.col-full {
  width: 100%;
}
}
}
.activity-stream .stream-container {
  transition: opacity 1s;
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container.col-2,
.activity-stream .stream-container.col-3 {
  column-gap: 2em;
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-3 .tile {
  width: auto;
  padding: 0;
  break-inside: avoid;
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: false) {
.activity-stream .stream-container.col-2 {
  column-count: 2;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: false) and style(--screen-large: false) {
.activity-stream .stream-container.col-3 {
  column-count: 2;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-large: true) {
.activity-stream .stream-container.col-3 {
  column-count: 3;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-large: true) {
.sidebar-left-open .activity-stream .stream-container.col-3 {
  column-count: 2;
}
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container #load-more-stream-items {
  height: 300px;
  column-span: all;
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container #load-more-stream-items a {
  opacity: 0;
}
}
.activity-stream > .functions {
  position: absolute;
  top: 0;
  right: 0;
}
.application-workspace .activity-stream > .functions,
.application-workspaces .activity-stream > .functions {
  position: static;
}
.activity-stream > .functions .filters {
  width: auto;
  float: right;
  margin: 0;
}
@supports (display: grid-lanes) {
.stream-container {
  opacity: 1 !important;
  height: auto !important;
  width: 100% !important;
}
}
@supports (display: grid-lanes) {
.stream-items {
  display: grid-lanes;
  gap: var(--grid-gutter);
  width: 100% !important;
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-small: true) {
.stream-items {
  grid-template-columns: 1fr;
  gap: calc(0.5 * var(--small-screen-padding));
}
}
}
@supports (display: grid-lanes) {
.stream-items > .pat-message {
  margin: 0;
}
}
@supports (display: grid-lanes) {
.stream-container.col-1 .stream-items {
  display: flex;
  flex-direction: column;
  gap: var(--grid-gutter);
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-small: true) {
.stream-container.col-1 .stream-items {
  gap: calc(0.5 * var(--small-screen-padding));
}
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-medium: true) {
.stream-container.col-2 .stream-items,
.stream-container.col-3 .stream-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-large: true) {
.stream-container.col-3 .stream-items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
}
#application-body-workspaces .activity-stream,
#application-body-documents .activity-stream {
  width: 100%;
  box-sizing: border-box;
  padding-left: var(--quaive-document-padding-left);
  padding-right: var(--quaive-document-padding-right);
}
#application-body-workspaces .activity-stream:has(.stream-container.col-1),
#application-body-documents .activity-stream:has(.stream-container.col-1) {
  max-width: var(--break-small);
  padding-left: var(--app-tile-padding);
  padding-right: var(--app-tile-padding);
}
.kik-matrix-stream:has(> .kms-loading) {
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.kik-matrix-stream:has(> .kms-loading) > .kms-more {
  visibility: hidden;
}
.kms-loading {
  display: grid;
  justify-items: center;
  gap: 0.5rem;
  min-inline-size: 12rem;
  margin: 0;
}
@media (max-width: 680px) {
.kms-loading {
  min-inline-size: 6rem;
}
}
.kms-loading-bar {
  display: block;
  inline-size: 100%;
  block-size: 0.25rem;
  overflow: hidden;
  border-radius: var(--border-radii);
  background-color: var(--pat-x-list-background-colour, rgba(127, 127, 127, 0.25));
  box-shadow: var(--pat-toolbar-button-box-shadow, 0 0 0 1px rgba(0, 0, 0, 0.12));
}
.kms-loading-bar > span {
  display: block;
  inline-size: 33%;
  block-size: 100%;
  border-radius: inherit;
  background-color: var(--brand-colour, currentColor);
  animation: kik-progress-slide 1.4s ease-in-out infinite;
}
.kik-matrix-stream > * {
  overflow-anchor: none;
}
.quaive-stream-feed > .kik-history-banner {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-block-end: var(--small-screen-padding, 15px);
  padding: 1.2rem;
  background-color: var(--pat-well-background-colour);
  color: var(--pat-well-header-text-colour, var(--body-font-colour));
  border-radius: var(--border-radii);
  box-shadow: var(--pat-well-box-shadow);
}
.quaive-stream-feed > .kik-history-banner .kik-history-note {
  font-size: 0.85rem;
}
.quaive-stream-feed > .kik-history-banner .kik-history-note.kik-history-error {
  color: var(--colour-danger, #c0392b);
}
.quaive-stream-feed > .kik-history-banner .kik-history-form {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  align-items: center;
}
.quaive-stream-feed > .kik-history-banner .kik-history-key {
  flex: 1 1 14rem;
  box-sizing: border-box;
  padding: 0.4rem 0.6rem;
  background-color: var(--pat-well-form-field-background-colour);
  color: var(--body-font-colour);
  border: var(--default-border);
  border-radius: var(--border-radii-medium, 0.4rem);
  font: inherit;
}
.application-body {
  container-name: screen;
  --screen-small: false;
  --screen-medium: false;
  --screen-large: false;
}
#app-space .application-body {
  container-name: screen main;
  container-type: inline-size;
  contain: layout;
  overflow: clip;
}
@container main (width <= 680px) {
.application-body {
  --screen-small: true;
  --pat-message-padding: var(--small-screen-padding);
}
}
@media (max-width: 680px) {
.application-body {
  --pat-message-padding: var(--small-screen-padding);
}
}
@container main (481px <= width <= 1025px) {
.application-body {
  --screen-medium: true;
}
}
@container main (width > 1279px) {
.application-body {
  --screen-large: true;
}
}
.application-body,
#application-body {
  --colour-accent: var(--app-colour);
  --pat-checklist-checkbox-background-colour-checked: var(--app-colour, var(--colour-accent));
  --button-background-colour-default: var(--app-colour);
  background: var(--application-body-background-colour);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: none;
  transition: background-color var(--base-animation-duration);
}
.application-body.injecting > *,
#application-body.injecting > * {
  opacity: 0.19;
}
.application-body.injecting.injecting-after *,
.application-body.injecting.injecting-content-after *,
#application-body.injecting.injecting-after *,
#application-body.injecting.injecting-content-after * {
  opacity: inherit;
}
.application-body.injecting:before,
#application-body.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
}
@media (prefers-reduced-motion: reduce) {
.application-body.injecting:before,
#application-body.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
.application-body.injecting::before,
#application-body.injecting::before {
  position: fixed;
}
.application-body:has(.long-read.help-text),
.application-body:has(.interactive-whiteboard),
.application-body:has(.quaive-document.type-rich),
.application-body:has(.quaive-document.type-markdown),
.application-body:has(.kik-document.type-rich),
.application-body:has(.kik-document.type-markdown),
.application-body:has(.events-calendar-pane),
#application-body:has(.long-read.help-text),
#application-body:has(.interactive-whiteboard),
#application-body:has(.quaive-document.type-rich),
#application-body:has(.quaive-document.type-markdown),
#application-body:has(.kik-document.type-rich),
#application-body:has(.kik-document.type-markdown),
#application-body:has(.events-calendar-pane) {
  background-color: var(--quaive-document-background);
}
.application-body > .pat-lazy-load,
#application-body > .pat-lazy-load {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}
:root {
  --advanced-search-animation-speed: 0.4s;
  --container-padding: 15px;
  --colour-search-box: black;
  --colour-search-box-text: black;
  --field-choice-width: 30%;
  --parameters-width: calc(70% - 3em);
  --remove-clone-right: 15px;
  --remove-clone-top: 56px;
  --advanced-search-rule-height: 35px;
}
.advanced-search {
  overflow-y: visible;
  --pat-form-input-field-font-size: 20px;
  --pat-select-box-font-size: 20px;
  --pat-select-box-padding-top-bottom: 0;
  --pat-select-box-height: var(--advanced-search-rule-height);
}
.advanced-search fieldset.advanced {
  margin-bottom: 1em;
}
.advanced-search .search-rule {
  margin: 0;
  transition: all var(--advanced-search-animation-speed);
  clear: both;
  position: relative;
}
.advanced-search .search-rule.row-1 {
  height: var(--advanced-search-rule-height);
}
.view-compact .advanced-search .search-rule {
  height: 4em;
}
.view-compact .advanced-search .search-rule:not(.row-1) {
  display: none;
}
.advanced-search .search-rule select,
.advanced-search .search-rule input,
.advanced-search .search-rule .output-field {
  box-sizing: border-box;
  margin: 0;
  height: var(--advanced-search-rule-height);
  line-height: var(--advanced-search-rule-height);
  padding: 0 0.5em;
  width: 100%;
  float: left;
  color: var(--body-font-colour);
  font-weight: normal;
}
.advanced-search .search-rule .parameters select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.advanced-search .search-rule input,
.advanced-search .search-rule .output-field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header.home .advanced-search .search-rule .and-or.pat-select:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
  color: white;
}
.advanced-search .search-rule [data-option-value="lacks"] select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
  color: white;
}
.advanced-search .search-rule .and-or.pat-select.bare {
  width: 100%;
  margin: 1em auto;
  display: inline-block;
  padding: 0 var(--container-padding);
  color: var(--body-font-colour);
  font-size: 0.8em;
}
.advanced-search .search-rule .and-or.pat-select.bare:after {
  position: static;
}
.header.home .advanced-search .search-rule .and-or.pat-select.bare {
  color: white;
}
.header.home .advanced-search .search-rule .and-or.pat-select.bare:after {
  color: white;
}
.advanced-search .search-rule .and-or.pat-select.bare select {
  width: auto;
  right: inherit;
  color: var(--body-font-colour);
}
.header.home .advanced-search .search-rule .and-or.pat-select.bare select {
  color: white;
}
.advanced-search .search-rule .field-choice {
  width: var(--field-choice-width);
  overflow: hidden;
  transition: all var(--advanced-search-animation-speed) ease-in-out;
  opacity: 1;
  float: left;
}
.advanced-search .search-rule .field-choice select {
  width: 93%;
  background-color: rgba(0,0,0,0.1);
}
.view-compact .advanced-search .search-rule .field-choice {
  width: 0 !important;
  margin-left: -100%;
  opacity: 0;
}
.advanced-search .search-rule .field-choice[data-option-value="SearchableText"] ~ .parameters.lemma,
.advanced-search .search-rule .field-choice[data-option-value="Title"] ~ .parameters.lemma,
.advanced-search .search-rule .field-choice[data-option-value="content"] ~ .parameters.lemma,
.advanced-search .search-rule .field-choice[data-option-value="Description"] ~ .parameters.lemma,
.advanced-search .search-rule .field-choice[data-option-value="author"] ~ .parameters.lemma,
.advanced-search .search-rule .field-choice[data-option-value="created"] ~ .parameters.date,
.advanced-search .search-rule .field-choice[data-option-value="effective"] ~ .parameters.date,
.advanced-search .search-rule .field-choice[data-option-value="modified"] ~ .parameters.date {
  display: block;
}
.advanced-search .search-rule .parameters {
  width: var(--parameters-width);
  transition: width var(--advanced-search-animation-speed);
  float: left;
  position: relative;
  display: none;
}
.view-compact .advanced-search .search-rule .parameters {
  width: 100% !important;
  font-size: 1.93em;
}
.advanced-search .search-rule .parameters [data-option-value="contains"] select {
  background-color: lightgreen;
}
.advanced-search .search-rule .parameters [data-option-value="contains-not"] select {
  background-color: orange;
}
.advanced-search .search-rule .parameters [data-option-value="equals"] select,
.advanced-search .search-rule .parameters [data-option-value="is"] select {
  background-color: lightblue;
}
.advanced-search .search-rule .parameters > .pat-select {
  float: left;
  width: var(--field-choice-width);
  margin: 0;
  box-sizing: border-box;
  transition: all var(--advanced-search-animation-speed) ease-in-out;
}
.view-compact .advanced-search .search-rule .parameters > .pat-select {
  margin-left: -100%;
  opacity: 0;
}
.advanced-search .search-rule .parameters input,
.advanced-search .search-rule .parameters .output-field {
  width: 70%;
  border: none;
  padding: 0 0.8em;
  margin: 0;
  z-index: 4;
  box-shadow: none;
  color: var(--colour-search-box);
  transition: all var(--advanced-search-animation-speed);
  position: absolute;
  top: 0;
  left: 30%;
  box-sizing: border-box;
  background-color: var(--colour-base-background);
}
.header.home .advanced-search .search-rule .parameters input,
.header.home .advanced-search .search-rule .parameters .output-field {
  background: var(--colour-base-background);
}
.view-compact .advanced-search .search-rule .parameters input,
.view-compact .advanced-search .search-rule .parameters .output-field {
  width: calc(100% - 18rem);
  height: 62px;
  font-size: 0.95em;
  left: var(--container-padding);
}
.view-compact .advanced-search .search-rule .parameters input.lemma-field,
.view-compact .advanced-search .search-rule .parameters .output-field.lemma-field {
  opacity: 0;
  pointer-events: none;
}
.advanced-search .search-rule .remove-clone {
  border: none;
  background: none;
  width: 1.5em;
  height: var(--advanced-search-rule-height);
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  right: var(--remove-clone-right);
  text-indent: -1000px;
  top: var(--remove-clone-top);
}
@media (hover: hover) {
.advanced-search .search-rule .remove-clone:hover:before {
  color: var(--body-font-colour);
}
}
.advanced-search .search-rule .remove-clone:active {
  box-shadow: none !important;
  outline: none;
}
.advanced-search .search-rule .remove-clone:active:before {
  color: var(--colour-accent);
}
.advanced-search .search-rule .remove-clone:before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-minus-circle) center / 1em no-repeat;
  mask: var(--kik-svg-minus-circle) center / 1em no-repeat;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  margin-right: 1em;
}
.header.home .advanced-search .search-rule .remove-clone:before {
  color: white;
}
.advanced-search .button-bar {
  transition: all var(--advanced-search-animation-speed);
  height: var(--advanced-search-rule-height);
  margin: 0;
}
.header.home .view-extended .advanced-search .button-bar {
  margin-bottom: var(--advanced-search-rule-height);
}
.view-compact .advanced-search .button-bar {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
}
a {
  color: var(--colour-link);
  text-decoration: none;
  text-underline-offset: 0.2em;
}
@media print {
.application-label {
  display: none;
}
}
.application-label .object-name {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.7;
}
.application-label .object-name:before {
  content: '•';
  display: inline-block;
  margin-right: 5px;
}
@container screen style(--screen-small: false) {
.application-label {
  left: 105px;
  position: absolute;
  z-index: -1;
  border-radius: var(--border-radii);
  background-color: var(--tabs-bar-tab-background-colour-dimmed-hover);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  top: calc((-1 * var(--global-header-height)) - var(--separation-line-thickness) + var(--application-label-white-space));
  opacity: 0;
  box-shadow: var(--tabs-bar-tab-box-shadow-active);
  animation: fadeInUp 0.3s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
}
@container screen style(--screen-small: false) {
.application-label nav.breadcrumbs a:before {
  transition-delay: 1s !important;
  transition: opacity 0.3s;
  margin-right: 3px;
  background-color: var(--app-tile-icon-colour, var(--app-colour));
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
.application-label:hover .more-menu-toggle {
  pointer-events: auto;
}
}
}
@container screen style(--screen-small: false) {
.application-label .more-menu-toggle {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  transition: all 0.3s;
  transition-delay: 1s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
}
@container screen style(--screen-small: false) {
.application-label .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  transition: none;
  cursor: default;
}
}
@container screen style(--screen-small: false) {
.application-label .more-menu-toggle.tooltip-active-click:before {
  background-color: rgba(0,0,0,0.3);
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
.application-label .more-menu-toggle:hover {
  text-decoration: none;
  transition: none;
  cursor: default;
}
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
.application-label .more-menu-toggle:hover:before {
  background-color: rgba(0,0,0,0.3);
}
}
}
@container screen style(--screen-small: false) {
.application-label .more-menu-toggle:before {
  color: var(--colour-application-label-text);
  border-radius: var(--border-radii);
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 3px);
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 6px);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 6px);
  text-align: center;
  display: block;
  margin: 3px;
}
}
@container screen style(--screen-small: false) {
#app-space.state-paused .application-label {
  background-color: var(--tabs-bar-tab-background-colour-dimmed);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
  color: var(--colour-header-elements);
  pointer-events: auto;
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
#app-space.state-paused .application-label:hover {
  background-color: var(--tabs-bar-tab-background-colour-dimmed-hover);
}
}
}
@container screen style(--screen-small: false) {
#app-space.state-paused .application-label nav.breadcrumbs a,
#app-space.state-paused .application-label .suite-logo:before {
  color: var(--colour-header-elements);
}
}
@container screen style(--screen-small: false) {
#app-space.state-off .application-label {
  animation: fadeOutDown 0.3s;
}
}
@container screen style(--screen-small: false) {
#app-space.injecting .application-label,
#app-space.state-off .application-label {
  opacity: 0;
  top: 0;
  display: none;
}
}
@container screen style(--screen-small: false) {
.application-label:after {
  display: none;
}
}
@container screen style(--screen-small: true) {
.application-label {
  display: none;
}
}
#mobile-menu {
  margin-left: 1em;
}
.application-welcome-info {
  position: relative;
  margin: 9% auto 2em;
  width: 80%;
  font-size: 1.5em;
}
.application-welcome-info article {
  margin-bottom: 2em;
}
.application-welcome-info a {
  text-decoration: none !important;
  color: gray;
}
.application-welcome-info img {
  margin: 2.5em auto;
  display: block;
  max-width: 80%;
}
.quaive-leaflet {
  position: relative;
  z-index: 0;
  --kik-map-control-icon-size: calc(0.6 * var(--pat-toolbar-button-height));
}
.quaive-leaflet .leaflet-control-container .leaflet-top.leaflet-left {
  top: auto;
  left: auto;
  bottom: var(--sidebar-margin);
  right: var(--sidebar-margin);
  margin: 0;
}
.quaive-leaflet .leaflet-control-container .leaflet-bottom.leaflet-right {
  right: auto;
  left: 0;
}
.quaive-leaflet .leaflet-control-container .leaflet-top .leaflet-control {
  margin: 0;
}
.quaive-leaflet .leaflet-control-container .leaflet-top .leaflet-control + .leaflet-control {
  margin-top: var(--pat-toolbar-element-separation, 10px);
}
.quaive-leaflet .leaflet-control-container .leaflet-control:not(.leaflet-bar, .leaflet-control-attribution) {
  border: var(--button-border) !important;
  box-shadow: var(--default-box-shadow) !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-control-attribution {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 6px;
  font-size: 11px;
  color: var(--body-font-colour);
  opacity: 0.55;
}
.quaive-leaflet .leaflet-control-container .leaflet-control-attribution a {
  color: inherit;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar {
  display: flex;
  flex-direction: column;
  gap: var(--pat-toolbar-element-separation, 10px);
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: var(--button-border-radius) !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a {
  position: relative;
  box-sizing: border-box;
  width: var(--pat-toolbar-button-height) !important;
  height: var(--pat-toolbar-button-height) !important;
  line-height: var(--pat-toolbar-button-height) !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: var(--button-border-radius) !important;
  background-color: var(--pat-toolbar-icon-frost-background) !important;
  color: var(--pat-toolbar-icon-text-colour) !important;
  box-shadow: var(--pat-toolbar-button-box-shadow) !important;
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  cursor: default !important;
  font-size: 0 !important;
  background-image: none !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a > span {
  background-image: none !important;
  border-radius: var(--button-border-radius) !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--button-border-radius);
  background-color: currentColor;
  -webkit-mask-image: var(--kik-map-control-glyph);
  mask-image: var(--kik-map-control-glyph);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: var(--kik-map-control-icon-size);
  mask-size: var(--kik-map-control-icon-size);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
@media (hover: hover) {
.quaive-leaflet .leaflet-control-container .leaflet-bar a:hover {
  color: var(--pat-toolbar-icon-text-colour-hover) !important;
  background-color: var(--pat-toolbar-icon-background-colour-hover) !important;
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  text-decoration: none !important;
}
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a.leaflet-disabled {
  opacity: 0.45;
}
.quaive-leaflet .leaflet-control-container .leaflet-control-zoom-in {
  --kik-map-control-glyph: url("/assets/libraries/kikaron/glyphs/svg/create.svg");
}
.quaive-leaflet .leaflet-control-container .leaflet-control-zoom-out {
  --kik-map-control-glyph: url("/assets/libraries/kikaron/glyphs/svg/minus.svg");
}
.quaive-leaflet .leaflet-control-container .leaflet-fullscreen-icon {
  --kik-map-control-glyph: url("/assets/libraries/kikaron/glyphs/svg/resize-full.svg");
}
.quaive-leaflet .leaflet-control-container .leaflet-fullscreen-icon.leaflet-fullscreen-on {
  --kik-map-control-glyph: url("/assets/libraries/kikaron/glyphs/svg/resize-small.svg");
}
.quaive-leaflet .leaflet-control-container .leaflet-control-locate a {
  --kik-map-control-glyph: url("/assets/libraries/kikaron/glyphs/svg/geolocate.svg");
}
.quaive-leaflet .leaflet-control-container .leaflet-control-locate:is(.active, .following) a {
  color: var(--app-colour, var(--colour-accent)) !important;
}
.map-embed {
  position: relative;
  overflow: hidden;
  border: var(--default-border);
  box-sizing: border-box;
}
.map-embed figcaption {
  position: absolute;
  left: var(--sidebar-margin);
  bottom: var(--sidebar-margin);
  margin: 0;
}
.map-embed figcaption a {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--pat-toolbar-button-height);
  cursor: default;
  border-radius: calc(var(--pat-toolbar-button-height) / 2);
  padding: 0 calc(var(--pat-toolbar-button-height) / 2);
  background-color: var(--pat-toolbar-icon-frost-background);
  color: var(--pat-toolbar-icon-text-colour);
  box-shadow: var(--pat-toolbar-button-box-shadow);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  font-size: var(--pat-toolbar-font-size);
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}
@media (hover: hover) {
.map-embed figcaption a:hover {
  color: var(--pat-toolbar-icon-text-colour-hover);
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  text-decoration: none;
}
}
.map-embed figcaption a:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.map-embed .quaive-leaflet .leaflet-control-container .leaflet-bottom.leaflet-right {
  left: auto;
  right: 0;
}
.pat-rich {
  --pat-button-height: 1.5em;
  --pat-button-font-size: 0.8em;
  line-height: var(--rich-line-height);
  cursor: default;
  -webkit-user-select: text;
  user-select: text;
  hyphens: auto;
  overflow-wrap: break-word;
}
.pat-rich p,
.pat-rich h1,
.pat-rich h2,
.pat-rich h3,
.pat-rich h4,
.pat-rich h5,
.pat-rich h6,
.pat-rich li,
.pat-rich td,
.pat-rich th,
.pat-rich blockquote {
  unicode-bidi: plaintext;
  text-align: start;
}
.pat-rich .section-nav,
.pat-rich .table-of-contents {
  display: block;
  padding-left: var(--pat-well-padding-left);
  padding-right: var(--pat-well-padding-right);
  padding-bottom: var(--pat-well-padding-bottom);
  padding-top: var(--pat-well-padding-top);
  box-sizing: border-box;
  box-shadow: var(--pat-well-box-shadow);
  border-radius: var(--border-radii);
  background-color: var(--pat-well-background-colour);
  margin-bottom: var(--default-tail-white);
  --pat-form-panel-padding: var(--pat-well-padding);
  --pat-toolbar-margin-bottom: 15px;
  --pat-form-input-field-background-colour: var(--pat-well-form-field-background-colour);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
@container screen style(--screen-small: true) {
.pat-rich .section-nav,
.pat-rich .table-of-contents {
  --pat-well-padding-left: var(--pat-well-padding-small);
  --pat-well-padding-right: var(--pat-well-padding-small);
  --pat-well-padding-top: var(--pat-well-padding-small);
  --pat-well-padding-bottom: var(--pat-well-padding-small);
  --pat-form-panel-padding: var(--pat-well-padding-small);
}
}
.pat-rich .section-nav.tight,
.pat-rich .table-of-contents.tight {
  --pat-well-padding-left: var(--pat-well-padding-tight);
  --pat-well-padding-right: var(--pat-well-padding-tight);
  --pat-well-padding-top: var(--pat-well-padding-tight);
  --pat-well-padding-bottom: var(--pat-well-padding-tight);
  --pat-well-padding: var(--pat-well-padding-tight);
}
.pat-rich .section-nav .well-intro,
.pat-rich .table-of-contents .well-intro {
  margin-bottom: 2.5rem;
}
.pat-rich .section-nav .well-title-group,
.pat-rich .table-of-contents .well-title-group {
  --pat-form-input-field-padding-top-bottom: 0;
  --form-input-field-padding-top-bottom: 0;
  --form-input-field-line-height: var(--pat-well-header-line-height);
  --pat-form-input-field-padding-start-end: 10px;
  --pat-form-input-field-box-shadow: none;
  --pat-form-input-field-line-height: var(--pat-well-header-line-height);
  --pat-toolbar-padding: 0;
  --pat-toolbar-margin-bottom: 0;
  --pat-toolbar-z-index: 2;
  --quaive-page-head-margin-bottom: 0;
  --quaive-page-head-title-margin-bottom: 0;
  transition: padding var(--base-animation-duration);
  display: grid;
  align-items: center;
}
.pat-rich .section-nav .well-title-group .quaive-page-head,
.pat-rich .table-of-contents .well-title-group .quaive-page-head {
  zoom: 0.7;
  margin-top: calc(-1 * var(--page-head-icon-margin-top));
}
.pat-rich .section-nav .well-title-group .quaive-page-head img,
.pat-rich .table-of-contents .well-title-group .quaive-page-head img {
  margin: 0;
}
.pat-rich .section-nav .well-title-group .pat-toolbar,
.pat-rich .table-of-contents .well-title-group .pat-toolbar {
  margin: 0;
  width: auto;
}
.pat-rich .section-nav .well-title-group:has(.pat-toolbar),
.pat-rich .section-nav .well-title-group:has(.buttons),
.pat-rich .table-of-contents .well-title-group:has(.pat-toolbar),
.pat-rich .table-of-contents .well-title-group:has(.buttons) {
  grid-template-columns: minmax(0, auto) minmax(0, auto);
}
.pat-rich .section-nav .well-title-group:not(:has(.pat-toolbar)),
.pat-rich .table-of-contents .well-title-group:not(:has(.pat-toolbar)) {
  grid-template-columns: minmax(0, auto) var(--collapsible-button-height);
}
.pat-rich .section-nav .well-title-group.collapsible-open:not(:has(.pat-toolbar)):after,
.pat-rich .section-nav .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):after,
.pat-rich .table-of-contents .well-title-group.collapsible-open:not(:has(.pat-toolbar)):after,
.pat-rich .table-of-contents .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):after {
  content: '';
  background-image: var(--kik-svg-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(0.7 * var(--collapsible-button-height));
  background-color: var(--button-background-colour);
  color: var(--button-text-colour);
  top: 50%;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  border-radius: var(--border-radii);
  display: inline-block;
  justify-self: end;
}
.pat-rich .section-nav .well-title-group.collapsible-open:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-rich .section-nav .well-title-group.collapsible-closed:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-rich .table-of-contents .well-title-group.collapsible-open:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-rich .table-of-contents .well-title-group.collapsible-closed:not(:has(.pat-toolbar)).collapsible-open::after {
  background-image: var(--kik-svg-up);
}
@media (hover: hover) {
.pat-rich .section-nav .well-title-group.collapsible-open:not(:has(.pat-toolbar)):hover:after,
.pat-rich .section-nav .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):hover:after,
.pat-rich .table-of-contents .well-title-group.collapsible-open:not(:has(.pat-toolbar)):hover:after,
.pat-rich .table-of-contents .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):hover:after {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
}
.pat-rich .section-nav .well-title-group input.well-header,
.pat-rich .table-of-contents .well-title-group input.well-header {
  margin-left: -10px;
}
.pat-rich .section-nav .well-title-group .pat-toolbar,
.pat-rich .table-of-contents .well-title-group .pat-toolbar {
  justify-self: end;
}
.pat-rich .section-nav .well-title-group .buttons,
.pat-rich .table-of-contents .well-title-group .buttons {
  display: flex;
  gap: var(--pat-well-header-element-gap);
  justify-self: end;
}
.pat-rich .section-nav .well-title-group .buttons .pat-button,
.pat-rich .table-of-contents .well-title-group .buttons .pat-button {
  --pat-button-height: var(--collapsible-button-height);
}
.pat-rich .section-nav .well-title-group .buttons .icon,
.pat-rich .table-of-contents .well-title-group .buttons .icon {
  overflow: hidden;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  cursor: default;
  position: relative;
  background-color: var(--pat-button-background-colour);
  color: transparent;
  border-radius: var(--border-radii);
  font-style: normal;
  font-weight: normal;
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.pat-rich .section-nav .well-title-group .buttons .icon:not(:has(> svg.kik-icon)):after,
.pat-rich .table-of-contents .well-title-group .buttons .icon:not(:has(> svg.kik-icon)):after {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-rich-button-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  mask: var(--kik-rich-button-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  font-size: 1em;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  display: block;
  position: absolute;
  color: var(--button-text-colour);
  top: 0;
  left: 0;
}
@media (hover: hover) {
.pat-rich .section-nav .well-title-group .buttons .icon:hover,
.pat-rich .table-of-contents .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
@media (hover: hover) {
.pat-rich .section-nav .well-title-group .buttons .icon:hover:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon:hover:after {
  color: var(--pat-button-text-colour-hover);
}
}
.pat-rich .section-nav .well-title-group .buttons .icon.tooltip-active-click,
.pat-rich .table-of-contents .well-title-group .buttons .icon.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-rich .section-nav .well-title-group .buttons .icon.tooltip-active-click:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-rich .section-nav .well-title-group .buttons .icon.help:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.help:after {
  --kik-rich-button-mark: var(--kik-svg-help);
}
.pat-rich .section-nav .well-title-group .buttons .icon.add:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.add:after {
  --kik-rich-button-mark: var(--kik-svg-plus);
}
.pat-rich .section-nav .well-title-group .buttons .icon.download:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.download:after {
  --kik-rich-button-mark: var(--kik-svg-download);
}
.pat-rich .section-nav .well-title-group .buttons .icon.settings:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.settings:after {
  --kik-rich-button-mark: var(--kik-svg-settings);
}
.pat-rich .section-nav .well-title-group .buttons .icon.edit:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.edit:after {
  --kik-rich-button-mark: var(--kik-svg-edit);
}
.pat-rich .section-nav .well-title-group .buttons .icon.more:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.more:after {
  --kik-rich-button-mark: var(--kik-svg-more);
}
.pat-rich .section-nav .well-title-group .well-header,
.pat-rich .table-of-contents .well-title-group .well-header {
  margin-bottom: 0;
}
.pat-rich .section-nav .well-header,
.pat-rich .table-of-contents .well-header {
  line-height: var(--pat-well-header-line-height);
  font-size: var(--pat-well-well-header-font-size);
  font-weight: var(--pat-well-well-header-font-weight);
  font-family: var(--pat-well-well-header-font-family, var(--base-font-family));
  color: var(--pat-well-header-text-colour);
  display: flex;
  margin-bottom: var(--pat-well-padding-top);
  align-self: center;
  gap: 8px;
}
.pat-rich .section-nav .well-header h2,
.pat-rich .section-nav .well-header .title-fragment,
.pat-rich .table-of-contents .well-header h2,
.pat-rich .table-of-contents .well-header .title-fragment {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.pat-rich .section-nav .well-header:before,
.pat-rich .table-of-contents .well-header:before {
  text-align: center;
  align-self: center;
  width: 1.3em;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1 / 1;
}
.pat-rich .section-nav .well-header .pat-avatar,
.pat-rich .section-nav .well-header .icon,
.pat-rich .table-of-contents .well-header .pat-avatar,
.pat-rich .table-of-contents .well-header .icon {
  float: left;
  width: 33px;
  height: 33px;
  padding: 0;
  margin-right: 0;
  font-size: 0.7em;
  font-size: 12px;
}
.pat-rich .section-nav .well-header .icon,
.pat-rich .table-of-contents .well-header .icon {
  border-radius: calc(0.5 * var(--border-radii));
}
.pat-rich .section-nav .well-header svg.icon,
.pat-rich .table-of-contents .well-header svg.icon {
  border: var(--default-border);
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-rich .section-nav .well-header svg.icon.app-icon *,
.pat-rich .table-of-contents .well-header svg.icon.app-icon * {
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-rich .section-nav .well-separation-header,
.pat-rich .table-of-contents .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: var(--pat-well-separation-header-font-size);
  font-weight: bold;
}
.pat-rich .section-nav .well-separation-header:first-child,
.pat-rich .table-of-contents .well-separation-header:first-child {
  margin-top: 0;
}
.pat-rich .section-nav > .well-header,
.pat-rich .section-nav > .well-title-group,
.pat-rich .table-of-contents > .well-header,
.pat-rich .table-of-contents > .well-title-group {
  gap: var(--pat-well-header-element-gap);
  padding-bottom: var(--pat-well-padding-top);
}
.pat-rich .section-nav > .well-header,
.pat-rich .table-of-contents > .well-header {
  margin-bottom: 0;
}
.pat-rich .section-nav.pat-collapsible,
.pat-rich .table-of-contents.pat-collapsible {
  transition: padding var(--base-animation-duration);
  padding: 0;
}
.pat-rich .section-nav.pat-collapsible .well-title-group,
.pat-rich .table-of-contents.pat-collapsible .well-title-group {
  padding-right: var(--pat-well-padding);
  padding-left: var(--pat-well-padding);
  padding-top: var(--pat-well-padding-top);
}
@container screen style(--screen-small: true) {
.pat-rich .section-nav.pat-collapsible .well-title-group,
.pat-rich .table-of-contents.pat-collapsible .well-title-group {
  padding-right: var(--pat-well-padding-small);
  padding-left: var(--pat-well-padding-small);
  padding-top: var(--pat-well-padding-small);
}
}
.pat-rich .section-nav.pat-collapsible > .well-header,
.pat-rich .table-of-contents.pat-collapsible > .well-header {
  display: flex;
  padding-right: var(--pat-well-padding);
  padding-left: var(--pat-well-padding);
  padding-top: var(--pat-well-padding-top);
}
@container screen style(--screen-small: true) {
.pat-rich .section-nav.pat-collapsible > .well-header,
.pat-rich .table-of-contents.pat-collapsible > .well-header {
  padding-right: var(--pat-well-padding-small);
  padding-left: var(--pat-well-padding-small);
  padding-top: var(--pat-well-padding-small);
}
}
.pat-rich .section-nav.pat-collapsible > .well-header:after,
.pat-rich .table-of-contents.pat-collapsible > .well-header:after {
  margin-left: auto;
}
body[dir=rtl] .pat-rich .section-nav.pat-collapsible > .well-header:after,
body[dir=rtl] .pat-rich .table-of-contents.pat-collapsible > .well-header:after {
  margin-left: 0;
  margin-right: auto;
}
.pat-rich .section-nav.pat-collapsible > .well-header:not(:has(.pat-toolbar)):after,
.pat-rich .table-of-contents.pat-collapsible > .well-header:not(:has(.pat-toolbar)):after {
  content: '';
  background-image: var(--kik-svg-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(0.7 * var(--collapsible-button-height));
  background-color: var(--button-background-colour);
  color: var(--button-text-colour);
  top: 50%;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  border-radius: var(--border-radii);
  display: inline-block;
  justify-self: end;
}
.pat-rich .section-nav.pat-collapsible > .well-header:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-rich .table-of-contents.pat-collapsible > .well-header:not(:has(.pat-toolbar)).collapsible-open::after {
  background-image: var(--kik-svg-up);
}
@media (hover: hover) {
.pat-rich .section-nav.pat-collapsible > .well-header:not(:has(.pat-toolbar)):hover:after,
.pat-rich .table-of-contents.pat-collapsible > .well-header:not(:has(.pat-toolbar)):hover:after {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
}
.pat-rich .section-nav.pat-collapsible .panel-content > *:last-child,
.pat-rich .table-of-contents.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-rich .section-nav.pat-collapsible > .panel-content,
.pat-rich .table-of-contents.pat-collapsible > .panel-content {
  padding: 0 var(--pat-well-padding) var(--pat-well-padding);
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.pat-rich .section-nav.pat-collapsible > .panel-content,
.pat-rich .table-of-contents.pat-collapsible > .panel-content {
  padding: 0 var(--pat-well-padding-small) var(--pat-well-padding-small);
}
}
.pat-rich .section-nav form > fieldset:last-child,
.pat-rich .section-nav form > fieldset:last-child > .button-bar:last-child,
.pat-rich .table-of-contents form > fieldset:last-child,
.pat-rich .table-of-contents form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-rich .section-nav > *:last-child,
.pat-rich .table-of-contents > *:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-rich .section-nav,
.pat-rich .table-of-contents {
  padding: 20px;
}
}
.pat-rich .section-nav.success,
.pat-rich .table-of-contents.success {
  background-color: var(--colour-success-background);
}
.pat-rich .section-nav.success input,
.pat-rich .table-of-contents.success input {
  color: var(--body-font-colour);
}
.pat-rich .section-nav.notice,
.pat-rich .table-of-contents.notice {
  background-color: var(--colour-notice-background);
}
.pat-rich .section-nav.warning,
.pat-rich .table-of-contents.warning {
  background-color: var(--colour-warning-background);
}
.pat-rich .section-nav.warning input,
.pat-rich .table-of-contents.warning input {
  color: var(--body-font-colour);
}
.pat-rich .section-nav.info,
.pat-rich .table-of-contents.info {
  background-color: var(--colour-info-background);
}
.pat-rich .section-nav.success input,
.pat-rich .section-nav.success textarea,
.pat-rich .section-nav.success select,
.pat-rich .section-nav.warning input,
.pat-rich .section-nav.warning textarea,
.pat-rich .section-nav.warning select,
.pat-rich .table-of-contents.success input,
.pat-rich .table-of-contents.success textarea,
.pat-rich .table-of-contents.success select,
.pat-rich .table-of-contents.warning input,
.pat-rich .table-of-contents.warning textarea,
.pat-rich .table-of-contents.warning select {
  background-color: rgba(0,0,0,0.3);
  outline: white 1px solid;
}
.pat-rich .section-nav.success select,
.pat-rich .section-nav.warning select,
.pat-rich .table-of-contents.success select,
.pat-rich .table-of-contents.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}
.pat-rich .section-nav,
.pat-rich .table-of-contents {
  list-style: none;
  margin-top: 4rem;
  margin-bottom: 4rem;
  background-color: rgba(0, 0, 0, 0.01);
}
.pat-rich .section-nav li,
.pat-rich .table-of-contents li {
  padding: 0;
  margin: 0;
  list-style: none;
  left: 0;
}
.pat-rich .section-nav li:before,
.pat-rich .table-of-contents li:before {
  display: none;
}
.pat-rich .section-nav li a,
.pat-rich .table-of-contents li a {
  display: block;
  text-decoration: none;
  padding: 0.3em 0;
  font-weight: 400;
}
@media (hover: hover) {
.pat-rich .section-nav li a:hover,
.pat-rich .table-of-contents li a:hover {
  color: var(--body-font-colour);
  text-decoration: none;
}
}
.pat-rich .section-nav li:first-child a,
.pat-rich .table-of-contents li:first-child a {
  padding-top: 0;
}
.pat-rich .section-nav li:last-child a,
.pat-rich .table-of-contents li:last-child a {
  padding-bottom: 0;
}
.pat-rich .pat-button {
  pointer-events: none !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  user-select: auto !important;
  margin: 0 0.2em;
}
.pat-rich code:not(pre code) {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radii-small);
  padding: 0 0.4em;
  font-size: 0.8em;
  font-family: monospace;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.pat-rich .summary h1 {
  font-weight: bold;
  font-size: 2.0272865295rem;
  line-height: 1.2331754607;
}
.pat-rich .summary h2 {
  margin: 0 0 30px;
  color: #767676;
  font-size: 1.3125em;
  font-weight: normal;
  line-height: 1.5238;
  vertical-align: baseline;
}
@container screen style(--screen-small: true) {
.pat-rich .summary h2 {
  padding-top: 0;
}
}
@container screen style(--screen-large: false) {
.variation-search-results ~ #main .pat-rich .summary h2 {
  margin-top: -80px;
}
}
.pat-rich .summary h2 strong {
  font-size: 1.3333em;
  line-height: 1.1429em;
  font-weight: normal;
  color: var(--body-font-colour);
  display: inline-block;
  vertical-align: baseline;
}
.pat-rich .introduction {
  font-size: var(--pat-rich-summary-font-size);
  line-height: var(--pat-rich-summary-line-height);
  -webkit-hyphens: var(--pat-rich-summary-hyphens, auto);
  hyphens: autovar(--pat-rich-summary-hyphens, auto);
  margin-bottom: var(--pat-rich-summary-margin-bottom, 1.5rem);
  font-weight: var(--pat-rich-summary-font-weight, thin);
}
.pat-rich video {
  width: 100%;
}
.pat-rich hr {
  margin: 2em 0;
  height: 3px;
  border: none;
  background: rgba(0, 0, 0, 0.2);
}
.pat-rich a:where(:not(.pat-table *)) {
  text-decoration: underline;
}
.pat-rich .pat-table a.name {
  text-decoration: none;
}
.pat-rich a[href]:not(.pat-button, .button, .icon, [class*="icon-"]) {
  cursor: pointer;
}
.pat-rich figure hr {
  margin: 0;
}
.pat-rich .screenshot {
  overflow: hidden;
}
.pat-rich .screenshot object {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
  border: 1px solid silver;
  overflow: hidden;
}
@container screen style(--screen-large: true) {
.pat-rich .screenshot object {
  width: 1280px;
  height: 800px;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-rich .screenshot object {
  width: 1024px;
  height: 768px;
}
}
@container screen style(--screen-small: true) {
.pat-rich .screenshot object {
  width: 480px;
  height: 800px;
}
}
.pat-rich .screenshot img {
  border: 1px solid silver;
}
.pat-rich .cms-center,
.pat-rich .text-center {
  text-align: center;
}
.pat-rich .cms-right,
.pat-rich .text-right {
  text-align: right;
}
.pat-rich .cms-left,
.pat-rich .text-left {
  text-align: left;
}
body[dir=rtl] .pat-rich .cms-left,
body[dir=rtl] .pat-rich .text-left {
  text-align: right;
}
.pat-rich h1,
.pat-rich h2,
.pat-rich p,
.pat-rich ul,
.pat-rich ol,
.pat-rich table,
.pat-rich dl,
.pat-rich pre,
.pat-rich .screenshot,
.pat-rich figure,
.pat-rich > img,
.pat-rich .ProseMirror > img,
.pat-rich .preview-table {
  margin-bottom: var(--pat-rich-tail-white);
}
.pat-rich blockquote {
  padding-inline-start: 1em;
  margin: 2.6em 0;
  border-inline-start: 0.2em solid rgba(0,0,0,0.3);
}
.pat-rich blockquote:has(:dir(rtl)) {
  padding-inline-start: 0;
  padding-inline-end: 1em;
  border-inline-start: none;
  border-inline-end: 0.2em solid rgba(0,0,0,0.3);
}
.pat-rich .discrete {
  font-size: 0.8em;
  opacity: 0.6;
}
.pat-rich ul:not([class]) li .meta,
.pat-rich ol:not([class]) li .meta {
  display: block;
  font-size: 0.7em;
  padding: 0.5em 0;
  line-height: 130%;
  top: -0.1em;
  position: relative;
  margin-bottom: 0;
}
.pat-rich ul:not([class]) li .meta .label,
.pat-rich ol:not([class]) li .meta .label {
  border-radius: 1em;
  padding: 0 0.8em;
  color: rgba(0,0,0,0.4);
  background: rgba(0,0,0,0.09);
  font-style: normal;
  text-decoration: none;
  color: var(--body-font-colour);
  display: inline-block;
}
.pat-rich ul:not([class]) li .meta .label:before,
.pat-rich ol:not([class]) li .meta .label:before {
  display: inline-block;
  margin-right: 0.5em;
}
.pat-rich ul:not([class]) li .meta .label:is(.publication-state, .case-type, .department, .annotated):before,
.pat-rich ol:not([class]) li .meta .label:is(.publication-state, .case-type, .department, .annotated):before {
  content: '';
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-rich-label-mark) center / contain no-repeat;
  mask: var(--kik-rich-label-mark) center / contain no-repeat;
}
.pat-rich ul:not([class]) li .meta .label.publication-state,
.pat-rich ol:not([class]) li .meta .label.publication-state {
  --kik-rich-label-mark: var(--kik-svg-megaphone);
}
.pat-rich ul:not([class]) li .meta .label.case-type,
.pat-rich ol:not([class]) li .meta .label.case-type {
  --kik-rich-label-mark: var(--kik-svg-bookmark);
}
.pat-rich ul:not([class]) li .meta .label.department,
.pat-rich ol:not([class]) li .meta .label.department {
  --kik-rich-label-mark: var(--kik-svg-building);
}
.pat-rich ul:not([class]) li .meta .label.annotated,
.pat-rich ol:not([class]) li .meta .label.annotated {
  --kik-rich-label-mark: var(--kik-svg-chat);
  background: var(--colour-notice);
  border-radius: 0.1em;
}
.pat-rich ul:not([class]) li p:last-child,
.pat-rich ol:not([class]) li p:last-child {
  margin-bottom: 0;
}
.pat-rich ul:not([class]) li.attached-file,
.pat-rich ol:not([class]) li.attached-file {
  padding-left: 0;
  font-size: 0.8em;
  line-height: 130%;
}
.pat-rich ul:not([class]) li.attached-file:before,
.pat-rich ol:not([class]) li.attached-file:before {
  display: none;
}
.pat-rich ul:not([class]) li.attached-file a,
.pat-rich ol:not([class]) li.attached-file a {
  text-decoration: none;
}
@media (hover: hover) {
.pat-rich ul:not([class]) li.attached-file a:hover,
.pat-rich ol:not([class]) li.attached-file a:hover {
  text-decoration: underline;
}
}
.pat-rich ul:not(.pat-link-list):not(.kik-link-previews) li {
  margin-left: 0;
  padding-left: var(--bullet-space-rich);
}
.pat-rich ul:not(.pat-link-list):not(.kik-link-previews) li:before {
  content: "•";
  float: left;
  margin-left: calc(-1 * var(--bullet-space-rich));
}
.pat-rich .document-insert {
  margin: 2em auto;
}
.pat-rich ol > li {
  margin-left: var(--bullet-space-rich);
  list-style: decimal;
}
.pat-rich ol.roman {
  list-style: upper-roman;
}
.pat-rich h1,
.pat-rich .rich-page-title {
  font-weight: var(--pat-rich-header-level-1-font-weight);
  font-size: var(--pat-rich-header-level-1-font-size);
  font-stretch: var(--rich-font-stretch);
  line-height: var(--pat-rich-header-level-1-line-height);
  margin-bottom: var(--pat-rich-header-level-1-margin-bottom);
  font-family: var(--pat-rich-header-level-1-font-family);
}
.pat-rich .form-page-head .title-block textarea {
  margin: 0;
}
.pat-rich h2 {
  margin-bottom: var(--pat-rich-header-level-2-margin-bottom);
  margin-top: var(--pat-rich-header-level-2-margin-top);
  font-size: var(--pat-rich-header-level-2-font-size);
  line-height: var(--pat-rich-header-level-2-line-height);
  font-weight: var(--pat-rich-header-level-2-font-weight);
  font-family: var(--pat-rich-header-level-2-font-family);
}
.pat-rich h2:first-child {
  margin-top: 0;
}
.pat-rich h3 {
  margin-bottom: var(--pat-rich-header-level-3-margin-bottom);
  margin-top: var(--pat-rich-header-level-3-margin-top);
  font-size: var(--pat-rich-header-level-3-font-size);
  line-height: var(--pat-rich-header-level-3-line-height);
  font-weight: var(--pat-rich-header-level-3-font-weight);
}
.pat-rich h4 {
  font-weight: bold;
  font-size: 1em;
  color: var(--body-font-colour);
  margin: 0 0 0.5rem;
}
.pat-rich h5 {
  font-weight: bold;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 0;
}
.pat-rich img,
.pat-rich iframe {
  cursor: default;
}
.pat-rich img:focus,
.pat-rich img.ProseMirror-selectednode,
.pat-rich iframe:focus,
.pat-rich iframe.ProseMirror-selectednode {
  outline: var(--kik-embed-selected-outline);
  outline-offset: 2px;
}
.pat-rich :is(img, svg):where(:not(.pat-table *)) {
  max-width: 100%;
  margin: 2em auto;
  display: block;
}
.pat-rich :is(img, svg):where(:not(.pat-table *))[src*=edgeless] {
  border: 1px solid rgba(0,0,0,0.2);
}
.pat-rich :is(img, svg):where(:not(.pat-table *)).float-before {
  margin-right: 1em;
}
.pat-rich :is(img, svg):where(:not(.pat-table *)).float-after {
  margin-left: 1em;
}
@container screen style(--screen-large: true) {
.pat-rich :is(img, svg):where(:not(.pat-table *)).medium {
  width: 30%;
}
}
.pat-rich figure {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
@container screen style(--screen-small: false) {
.pat-rich figure {
  margin-top: 2em;
  margin-bottom: 2em;
}
}
@container screen style(--screen-small: false) {
.pat-rich figure {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
}
.pat-rich figure img {
  margin: 0;
}
.pat-rich figure.pat-screenshot {
  width: 100%;
  left: 0;
  transform: none;
}
.pat-rich figcaption {
  color: rgba(0,0,0,0.8);
  padding-top: var(--pat-rich-figcaption-top-distance);
  display: flex;
  justify-content: space-between;
}
.pat-rich figcaption .icon-zoom-in {
  grid-area: icon;
  justify-self: end;
}
.pat-rich table:where(:not(.pat-table)) {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@container screen style(--screen-small: true) {
.pat-rich table:where(:not(.pat-table)) {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
}
.pat-rich table:where(:not(.pat-table)).hd {
  font-size: 0.8em;
  line-height: 1.3em;
}
.pat-rich table:where(:not(.pat-table)).hd tr th,
.pat-rich table:where(:not(.pat-table)).hd tr td {
  padding: 0.2em;
  vertical-align: top;
}
.pat-rich table:where(:not(.pat-table)) tr:first-child th,
.pat-rich table:where(:not(.pat-table)) tr:first-child td {
  border-top: var(--colour-accent) 1px solid;
}
.pat-rich table:where(:not(.pat-table)) tr th,
.pat-rich table:where(:not(.pat-table)) tr td {
  border-bottom: var(--colour-accent) 1px solid;
  padding: 0.1em 0.5em;
}
.pat-rich .preview-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.pat-rich .preview-table-head,
.pat-rich .preview-table-body {
  display: table-row-group;
}
.pat-rich .preview-table-caption {
  display: table-caption;
}
.pat-rich .preview-table-row {
  display: table-row;
}
.pat-rich .preview-table-row:first-child > .preview-table-cell {
  border-top: var(--colour-accent) 1px solid;
}
.pat-rich .preview-table-cell {
  display: table-cell;
  border-bottom: var(--colour-accent) 1px solid;
  padding: 0.1em 0.5em;
}
.pat-rich .preview-table-cell.head {
  font-weight: bold;
  text-align: start;
}
.pat-rich .ProseMirror table th:not(:first-child),
.pat-rich .ProseMirror table td:not(:first-child),
.pat-rich.ProseMirror table th:not(:first-child),
.pat-rich.ProseMirror table td:not(:first-child) {
  border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
}
.pat-rich pre {
  background-color: black;
  padding: var(--small-screen-padding) calc(0.6em + var(--small-screen-padding));
  overflow: auto;
  display: block;
  font-size: 0.8em;
  color: white;
  border-radius: var(--border-radii);
  border: 1px solid var(--body-font-colour);
}
.pat-rich pre code {
  background-color: transparent;
  padding: 0;
}
.quaive-document.type-markdown,
.quaive-document-edit.type-markdown {
  --kik-document-block-radius: 6px;
  --default-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.quaive-document.type-markdown .pat-rich img,
.quaive-document.type-markdown .pat-rich iframe,
.quaive-document.type-markdown .ProseMirror img,
.quaive-document.type-markdown .ProseMirror iframe,
.quaive-document.type-markdown .map-embed iframe,
.quaive-document.type-markdown .map-embed .map-embed-map,
.quaive-document.type-markdown .pat-well.type-passage,
.quaive-document.type-markdown .pat-link-list li a,
.quaive-document-edit.type-markdown .pat-rich img,
.quaive-document-edit.type-markdown .pat-rich iframe,
.quaive-document-edit.type-markdown .ProseMirror img,
.quaive-document-edit.type-markdown .ProseMirror iframe,
.quaive-document-edit.type-markdown .map-embed iframe,
.quaive-document-edit.type-markdown .map-embed .map-embed-map,
.quaive-document-edit.type-markdown .pat-well.type-passage,
.quaive-document-edit.type-markdown .pat-link-list li a {
  border-radius: var(--kik-document-block-radius);
}
.quaive-document.type-markdown .pat-link-list,
.quaive-document.type-markdown .map-embed,
.quaive-document.type-markdown .pat-well,
.quaive-document-edit.type-markdown .pat-link-list,
.quaive-document-edit.type-markdown .map-embed,
.quaive-document-edit.type-markdown .pat-well {
  margin: 2em auto;
}
.quaive-document.type-markdown .pat-link-list,
.quaive-document-edit.type-markdown .pat-link-list {
  max-width: 550px;
}
.quaive-document.type-markdown .pat-link-list li,
.quaive-document-edit.type-markdown .pat-link-list li {
  margin: 0;
}
.quaive-document.type-markdown .pat-link-list li a,
.quaive-document-edit.type-markdown .pat-link-list li a {
  text-decoration: none;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.quaive-document .pat-rich table {
  display: block;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
}
.quaive-document .front-matter dd {
  overflow-wrap: anywhere;
}
.pat-avatar {
  --pat-avatar-background-colour: var(--pat-avatar-background-colour-hc, var(--avatar-background-colour, #6E6862));
  container-type: inline-size;
}
.pat-avatar[data-initials^="A"] {
  --avatar-background-colour: Aquamarine;
  color: rgba(0,0,0,0.6);
}
.pat-avatar[data-initials^="A"] ~ form .edit {
  --avatar-background-colour: Aquamarine;
  color: rgba(0,0,0,0.6);
}
.pat-avatar[data-initials^="B"] {
  --avatar-background-colour: Brown;
}
.pat-avatar[data-initials^="B"] ~ form .edit {
  --avatar-background-colour: Brown;
}
.pat-avatar[data-initials^="C"] {
  --avatar-background-colour: CadetBlue;
}
.pat-avatar[data-initials^="C"] ~ form .edit {
  --avatar-background-colour: CadetBlue;
}
.pat-avatar[data-initials^="D"] {
  --avatar-background-colour: DarkKhaki;
}
.pat-avatar[data-initials^="D"] ~ form .edit {
  --avatar-background-colour: DarkKhaki;
}
.pat-avatar[data-initials^="E"] {
  --avatar-background-colour: #C2B280;
}
.pat-avatar[data-initials^="E"] ~ form .edit {
  --avatar-background-colour: #C2B280;
}
.pat-avatar[data-initials^="F"] {
  --avatar-background-colour: ForestGreen;
}
.pat-avatar[data-initials^="F"] ~ form .edit {
  --avatar-background-colour: ForestGreen;
}
.pat-avatar[data-initials^="G"] {
  --avatar-background-colour: GoldenRod;
}
.pat-avatar[data-initials^="G"] ~ form .edit {
  --avatar-background-colour: GoldenRod;
}
.pat-avatar[data-initials^="H"] {
  --avatar-background-colour: HotPink;
}
.pat-avatar[data-initials^="H"] ~ form .edit {
  --avatar-background-colour: HotPink;
}
.pat-avatar[data-initials^="I"] {
  --avatar-background-colour: IndianRed;
}
.pat-avatar[data-initials^="I"] ~ form .edit {
  --avatar-background-colour: IndianRed;
}
.pat-avatar[data-initials^="J"] {
  --avatar-background-colour: #00a86b;
}
.pat-avatar[data-initials^="J"] ~ form .edit {
  --avatar-background-colour: #00a86b;
}
.pat-avatar[data-initials^="K"] {
  --avatar-background-colour: Khaki;
}
.pat-avatar[data-initials^="K"] ~ form .edit {
  --avatar-background-colour: Khaki;
}
.pat-avatar[data-initials^="L"] {
  --avatar-background-colour: LightSalmon;
}
.pat-avatar[data-initials^="L"] ~ form .edit {
  --avatar-background-colour: LightSalmon;
}
.pat-avatar[data-initials^="M"] {
  --avatar-background-colour: Maroon;
}
.pat-avatar[data-initials^="M"] ~ form .edit {
  --avatar-background-colour: Maroon;
}
.pat-avatar[data-initials^="N"] {
  --avatar-background-colour: Navy;
}
.pat-avatar[data-initials^="N"] ~ form .edit {
  --avatar-background-colour: Navy;
}
.pat-avatar[data-initials^="O"] {
  --avatar-background-colour: Olive;
}
.pat-avatar[data-initials^="O"] ~ form .edit {
  --avatar-background-colour: Olive;
}
.pat-avatar[data-initials^="P"] {
  --avatar-background-colour: Peru;
}
.pat-avatar[data-initials^="P"] ~ form .edit {
  --avatar-background-colour: Peru;
}
.pat-avatar[data-initials^="Q"] {
  --avatar-background-colour: #666;
}
.pat-avatar[data-initials^="Q"] ~ form .edit {
  --avatar-background-colour: #666;
}
.pat-avatar[data-initials^="R"] {
  --avatar-background-colour: RosyBrown;
}
.pat-avatar[data-initials^="R"] ~ form .edit {
  --avatar-background-colour: RosyBrown;
}
.pat-avatar[data-initials^="S"] {
  --avatar-background-colour: SteelBlue;
}
.pat-avatar[data-initials^="S"] ~ form .edit {
  --avatar-background-colour: SteelBlue;
}
.pat-avatar[data-initials^="T"] {
  --avatar-background-colour: Tomato;
}
.pat-avatar[data-initials^="T"] ~ form .edit {
  --avatar-background-colour: Tomato;
}
.pat-avatar[data-initials^="U"] {
  --avatar-background-colour: #120A8F;
}
.pat-avatar[data-initials^="U"] ~ form .edit {
  --avatar-background-colour: #120A8F;
}
.pat-avatar[data-initials^="V"] {
  --avatar-background-colour: Violet;
}
.pat-avatar[data-initials^="V"] ~ form .edit {
  --avatar-background-colour: Violet;
}
.pat-avatar[data-initials^="W"] {
  --avatar-background-colour: Wheat;
}
.pat-avatar[data-initials^="W"] ~ form .edit {
  --avatar-background-colour: Wheat;
}
.pat-avatar[data-initials^="X"] {
  --avatar-background-colour: #eeed09;
}
.pat-avatar[data-initials^="X"] ~ form .edit {
  --avatar-background-colour: #eeed09;
}
.pat-avatar[data-initials^="Y"] {
  --avatar-background-colour: YellowGreen;
}
.pat-avatar[data-initials^="Y"] ~ form .edit {
  --avatar-background-colour: YellowGreen;
}
.pat-avatar[data-initials^="Z"] {
  --avatar-background-colour: #506022;
}
.pat-avatar[data-initials^="Z"] ~ form .edit {
  --avatar-background-colour: #506022;
}
.pat-avatar[data-initials^="א"] {
  --avatar-background-colour: Aquamarine;
}
.pat-avatar[data-initials^="א"] ~ form .edit {
  --avatar-background-colour: Aquamarine;
}
.pat-avatar[data-initials^="ב"] {
  --avatar-background-colour: Brown;
}
.pat-avatar[data-initials^="ב"] ~ form .edit {
  --avatar-background-colour: Brown;
}
.pat-avatar[data-initials^="ג"] {
  --avatar-background-colour: GoldenRod;
}
.pat-avatar[data-initials^="ג"] ~ form .edit {
  --avatar-background-colour: GoldenRod;
}
.pat-avatar[data-initials^="ד"] {
  --avatar-background-colour: DarkKhaki;
}
.pat-avatar[data-initials^="ד"] ~ form .edit {
  --avatar-background-colour: DarkKhaki;
}
.pat-avatar[data-initials^="ה"] {
  --avatar-background-colour: ForestGreen;
}
.pat-avatar[data-initials^="ה"] ~ form .edit {
  --avatar-background-colour: ForestGreen;
}
.pat-avatar[data-initials^="ו"] {
  --avatar-background-colour: CadetBlue;
}
.pat-avatar[data-initials^="ו"] ~ form .edit {
  --avatar-background-colour: CadetBlue;
}
.pat-avatar[data-initials^="ז"] {
  --avatar-background-colour: #7B5EA0;
}
.pat-avatar[data-initials^="ז"] ~ form .edit {
  --avatar-background-colour: #7B5EA0;
}
.pat-avatar[data-initials^="ח"] {
  --avatar-background-colour: Chocolate;
}
.pat-avatar[data-initials^="ח"] ~ form .edit {
  --avatar-background-colour: Chocolate;
}
.pat-avatar[data-initials^="ט"] {
  --avatar-background-colour: Teal;
}
.pat-avatar[data-initials^="ט"] ~ form .edit {
  --avatar-background-colour: Teal;
}
.pat-avatar[data-initials^="י"] {
  --avatar-background-colour: IndianRed;
}
.pat-avatar[data-initials^="י"] ~ form .edit {
  --avatar-background-colour: IndianRed;
}
.pat-avatar[data-initials^="כ"] {
  --avatar-background-colour: #1668B8;
}
.pat-avatar[data-initials^="כ"] ~ form .edit {
  --avatar-background-colour: #1668B8;
}
.pat-avatar[data-initials^="ל"] {
  --avatar-background-colour: LightSeaGreen;
}
.pat-avatar[data-initials^="ל"] ~ form .edit {
  --avatar-background-colour: LightSeaGreen;
}
.pat-avatar[data-initials^="מ"] {
  --avatar-background-colour: MediumPurple;
}
.pat-avatar[data-initials^="מ"] ~ form .edit {
  --avatar-background-colour: MediumPurple;
}
.pat-avatar[data-initials^="נ"] {
  --avatar-background-colour: #A06430;
}
.pat-avatar[data-initials^="נ"] ~ form .edit {
  --avatar-background-colour: #A06430;
}
.pat-avatar[data-initials^="ס"] {
  --avatar-background-colour: SlateBlue;
}
.pat-avatar[data-initials^="ס"] ~ form .edit {
  --avatar-background-colour: SlateBlue;
}
.pat-avatar[data-initials^="ע"] {
  --avatar-background-colour: OliveDrab;
}
.pat-avatar[data-initials^="ע"] ~ form .edit {
  --avatar-background-colour: OliveDrab;
}
.pat-avatar[data-initials^="פ"] {
  --avatar-background-colour: PaleVioletRed;
}
.pat-avatar[data-initials^="פ"] ~ form .edit {
  --avatar-background-colour: PaleVioletRed;
}
.pat-avatar[data-initials^="צ"] {
  --avatar-background-colour: #1E6F5C;
}
.pat-avatar[data-initials^="צ"] ~ form .edit {
  --avatar-background-colour: #1E6F5C;
}
.pat-avatar[data-initials^="ק"] {
  --avatar-background-colour: #B8860B;
}
.pat-avatar[data-initials^="ק"] ~ form .edit {
  --avatar-background-colour: #B8860B;
}
.pat-avatar[data-initials^="ר"] {
  --avatar-background-colour: RoyalBlue;
}
.pat-avatar[data-initials^="ר"] ~ form .edit {
  --avatar-background-colour: RoyalBlue;
}
.pat-avatar[data-initials^="ש"] {
  --avatar-background-colour: SteelBlue;
}
.pat-avatar[data-initials^="ש"] ~ form .edit {
  --avatar-background-colour: SteelBlue;
}
.pat-avatar[data-initials^="ת"] {
  --avatar-background-colour: Tomato;
}
.pat-avatar[data-initials^="ת"] ~ form .edit {
  --avatar-background-colour: Tomato;
}
.pat-avatar#user-avatar,
.pat-avatar#hub-brandmark {
  float: right;
  width: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  height: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  box-sizing: border-box;
  padding: 0;
  margin-top: var(--application-label-white-space);
}
body[dir=rtl] .pat-avatar#user-avatar,
body[dir=rtl] .pat-avatar#hub-brandmark {
  float: left;
}
.pat-avatar#user-avatar.active,
.pat-avatar#hub-brandmark.active {
  box-shadow: 0 0 5px white;
}
@container screen style(--screen-small: true) {
.pat-avatar#user-avatar,
.pat-avatar#hub-brandmark {
  position: absolute;
  margin-top: var(--application-label-white-space);
  right: var(--small-screen-padding);
  transform: scale(1);
}
}
.pat-avatar#user-avatar,
.pat-avatar#hub-brandmark {
  margin-left: 16px;
}
body[dir=rtl] .pat-avatar#user-avatar,
body[dir=rtl] .pat-avatar#hub-brandmark {
  margin-left: 0;
  margin-right: 16px;
}
.pat-avatar.bot-avatar {
  background: white;
  border: 1px solid silver;
}
.pat-avatar:before {
  font-size: 35cqw;
}
.pat-avatar img {
  background-color: #fff;
}
fieldset.pat-bar-toggles,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) {
  --pat-checklist-label-padding-start: 35px;
  --pat-checklist-checkbox-box-shadow-radio-checked: 
    inset 0 0 0 2px #000,
    inset 0 0 0 5px #fdfdc8;
  --pat-checklist-checkbox-background-colour-checked: black;
}
fieldset.pat-bar-toggles.multi-line label,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label {
  white-space: inherit;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
fieldset.pat-bar-toggles.multi-line label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label:before {
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
}
fieldset.pat-bar-toggles:not(.radio) label.checked,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked {
  padding-right: 2em;
}
fieldset.pat-bar-toggles label,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label {
  border: rgba(0,0,0,0.15) 1px solid;
  border-bottom: none;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  background: #f7f7f7;
}
fieldset.pat-bar-toggles label:first-of-type,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:first-of-type {
  border-radius: var(--border-radii) var(--border-radii) 0 0;
}
fieldset.pat-bar-toggles label:last-child,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:last-child {
  border-radius: 0 0 var(--border-radii) var(--border-radii);
  border-bottom: rgba(0,0,0,0.15) 1px solid;
}
fieldset.pat-bar-toggles label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:before {
  position: absolute;
  left: 0;
}
fieldset.pat-bar-toggles label input,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label input {
  position: absolute;
  opacity: 0;
}
fieldset.pat-bar-toggles label sup.counter,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label sup.counter {
  font-size: 0.7em;
  position: static;
  color: inherit;
  border: solid 1px rgba(0,0,0,0.15);
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  margin-top: -4px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 1em;
  height: 1.6em;
  line-height: 1.55em;
  width: auto;
  min-width: 1.6em;
  padding: 0 0.5em;
  box-sizing: border-box;
}
fieldset.pat-bar-toggles label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:before {
  content: '';
  left: 9px;
  width: 1em;
  height: 1lh;
  color: var(--body-font-colour);
  background-color: currentColor;
  -webkit-mask: var(--kik-bar-toggles-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
  mask: var(--kik-bar-toggles-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
}
@media (hover: hover) {
fieldset.pat-bar-toggles label:hover,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:hover {
  background: var(--colour-base-background);
}
}
fieldset.pat-bar-toggles label.checked,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked {
  background-color: var(--colour-accent);
  color: white;
}
fieldset.pat-bar-toggles label.type-emergency-service:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-emergency-service:before {
  --kik-bar-toggles-mark: var(--kik-svg-alarm);
}
fieldset.pat-bar-toggles label.type-powerpoint:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-powerpoint:before {
  --kik-bar-toggles-mark: var(--kik-svg-file-powerpoint);
}
fieldset.pat-bar-toggles label.type-word:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-word:before {
  --kik-bar-toggles-mark: var(--kik-svg-file-word);
}
fieldset.pat-bar-toggles label.type-job:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-job:before {
  --kik-bar-toggles-mark: var(--kik-svg-briefcase);
}
fieldset.pat-bar-toggles label.type-excel:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-excel:before {
  --kik-bar-toggles-mark: var(--kik-svg-file-excel);
}
fieldset.pat-bar-toggles label.type-folder:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-folder:before {
  --kik-bar-toggles-mark: var(--kik-svg-folder);
}
fieldset.pat-bar-toggles label.type-youtube:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-youtube:before {
  --kik-bar-toggles-mark: var(--kik-svg-play);
}
fieldset.pat-bar-toggles label.type-external-video:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-external-video:before {
  --kik-bar-toggles-mark: var(--kik-svg-video);
}
fieldset.pat-bar-toggles label.type-task:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-task:before {
  --kik-bar-toggles-mark: var(--kik-svg-ok);
}
fieldset.pat-bar-toggles label.type-pdf:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-pdf:before {
  --kik-bar-toggles-mark: var(--kik-svg-document);
}
fieldset.pat-bar-toggles label.type-people:before,
fieldset.pat-bar-toggles label.type-contacts:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-people:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-contacts:before {
  --kik-bar-toggles-mark: var(--kik-svg-users);
}
fieldset.pat-bar-toggles label.type-post:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-post:before {
  --kik-bar-toggles-mark: var(--kik-svg-pin);
}
fieldset.pat-bar-toggles label.type-rich:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-rich:before {
  --kik-bar-toggles-mark: var(--kik-svg-document);
}
fieldset.pat-bar-toggles label.type-news:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-news:before {
  --kik-bar-toggles-mark: var(--kik-svg-newspaper);
}
fieldset.pat-bar-toggles label.type-library-item:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-item:before {
  --kik-bar-toggles-mark: var(--kik-svg-feather);
}
fieldset.pat-bar-toggles label.type-library-section:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-section:before {
  --kik-bar-toggles-mark: var(--kik-svg-grid);
}
fieldset.pat-bar-toggles label.type-library-subsection:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-subsection:before {
  --kik-bar-toggles-mark: var(--kik-svg-grid);
}
fieldset.pat-bar-toggles label.type-event:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-event:before {
  --kik-bar-toggles-mark: var(--kik-svg-calendar);
}
fieldset.pat-bar-toggles label.type-workspace:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-workspace:before {
  --kik-bar-toggles-mark: var(--kik-svg-workspace);
}
fieldset.pat-bar-toggles label.type-super-space:before,
fieldset.pat-bar-toggles label.type-superspace:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-super-space:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-superspace:before {
  --kik-bar-toggles-mark: var(--kik-svg-workspace);
}
fieldset.pat-bar-toggles label.type-image:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-image:before {
  --kik-bar-toggles-mark: var(--kik-svg-picture);
}
fieldset.pat-bar-toggles label.type-diagram:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-diagram:before {
  --kik-bar-toggles-mark: var(--kik-svg-sitemap);
}
fieldset.pat-bar-toggles label.type-slideshow:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-slideshow:before {
  --kik-bar-toggles-mark: var(--kik-svg-slides);
}
fieldset.pat-bar-toggles label.type-super-space:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-super-space:before {
  --kik-bar-toggles-mark: var(--kik-svg-workspace);
}
fieldset.pat-bar-toggles label.type-question:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-question:before {
  --kik-bar-toggles-mark: var(--kik-svg-help);
}
fieldset.pat-bar-toggles label.type-link:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-link:before {
  --kik-bar-toggles-mark: var(--kik-svg-link);
}
fieldset.pat-bar-toggles label.type-zip:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-zip:before {
  --kik-bar-toggles-mark: var(--kik-svg-archive);
}
fieldset.pat-bar-toggles label.type-file-archive:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file-archive:before {
  --kik-bar-toggles-mark: var(--kik-svg-archive);
}
fieldset.pat-bar-toggles label.type-app:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-app:before {
  --kik-bar-toggles-mark: var(--kik-svg-app);
}
fieldset.pat-bar-toggles label.type-audio:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-audio:before {
  --kik-bar-toggles-mark: var(--kik-svg-volume);
}
fieldset.pat-bar-toggles label.type-video:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-video:before {
  --kik-bar-toggles-mark: var(--kik-svg-video);
}
fieldset.pat-bar-toggles label.type-contract:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-contract:before {
  --kik-bar-toggles-mark: var(--kik-svg-users);
}
fieldset.pat-bar-toggles label.type-file:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file:before {
  --kik-bar-toggles-mark: var(--kik-svg-document);
}
fieldset.pat-bar-toggles label.type-email:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-email:before {
  --kik-bar-toggles-mark: var(--kik-svg-mail);
}
fieldset.pat-bar-toggles label.type-plain-text:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-plain-text:before {
  --kik-bar-toggles-mark: var(--kik-svg-document);
}
fieldset.pat-bar-toggles.tags label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).tags label:before {
  --kik-bar-toggles-mark: var(--kik-svg-tag);
}
fieldset.pat-bar-toggles.competences label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).competences label:before {
  --kik-bar-toggles-mark: var(--kik-svg-thumbs-up);
}
fieldset.pat-bar-toggles.registers label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).registers label:before {
  --kik-bar-toggles-mark: var(--kik-svg-archive);
}
@media print {
@page {

        size: A4;
        margin: 20mm 10mm;
    }
}
@media print {
html,
body {
  width: 210mm;
  height: 282mm;
  font-size: 11px;
  background: #fff;
  overflow: visible;
}
}
.pat-assistive-element {
  position: absolute;
  -webkit-pointer-events: none;
  pointer-events: none;
  opacity: 0 !important;
}
html {
  background: var(--colour-header);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  container-name: screen;
  --screen-small: false;
  --screen-medium: false;
  --screen-large: false;
  color: var(--body-font-colour);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: var(--body-font-smoothing);
  -moz-font-smoothing: grayscale;
  font-smoothing: var(--body-font-smoothing);
  cursor: default;
}
body[dir="rtl"] {
  text-align: right;
}
body.help-illustration #style-switcher {
  display: none;
}
@media (hover: hover) {
body {
  -webkit-user-select: none;
  user-select: none;
}
}
body.application-workspace {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}
@media print {
body.application-workspace {
  overflow: visible;
}
}
body [hidden="hidden"],
body [hidden],
body [type="hidden"] {
  display: none;
}
body .float-after {
  float: right;
}
body .float-before {
  float: left;
}
@container viewport (width <=680px) {
body {
  --screen-small: true;
}
}
@container viewport (481px <=width <=1025px) {
body {
  --screen-medium: true;
}
}
@container viewport (width > 1279px) {
body {
  --screen-large: true;
}
}
.application-portal nav.breadcrumbs {
  display: none;
}
#breadcrumbs #breadcrumbs-2 {
  display: none;
}
nav.breadcrumbs {
  display: block;
  height: calc(var(--global-header-height) - calc(2 * var(--application-label-white-space)));
  font-size: 18px;
  line-height: calc(var(--global-header-height) - calc(2 * var(--application-label-white-space)));
  transition: left 0.2s;
  float: left;
  padding: 0;
  margin-left: 0;
  position: relative;
  z-index: 1;
  --colour-tab-dimmed: var(--colour-tab-dimmed-dark);
}
@container screen style(--screen-small: true) {
nav.breadcrumbs {
  display: none;
}
}
nav.breadcrumbs a {
  color: var(--colour-header-elements);
  position: relative;
  text-decoration: none;
  float: left;
  padding: 0 5px 0 0;
  font-weight: bold;
  height: calc(var(--global-header-height) - calc(2 * var(--application-label-white-space)));
  line-height: calc((calc(var(--global-header-height) + var(--separation-line-thickness))) - calc(2 * var(--application-label-white-space)));
}
nav.breadcrumbs a:before {
  content: ' ';
  display: inline-block;
  line-height: calc(var(--global-header-height) - calc(2 * var(--application-label-white-space)));
  width: 33px;
  height: 100%;
  float: left;
  margin-right: 0;
  background-size: cover;
  background-position: center;
  text-align: center;
  border-radius: var(--border-radii);
  background-repeat: no-repeat;
  box-sizing: border-box;
  transform: scale(0.8);
}
nav.breadcrumbs a.switch {
  width: 0;
  text-indent: -1000px;
  position: relative;
}
@container screen style(--screen-small: true) {
nav.breadcrumbs a.switch {
  display: none;
}
}
nav.breadcrumbs a.switch:before {
  text-indent: 0;
  position: absolute;
  left: 0;
  content: '';
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / 1em 1em no-repeat;
  mask: var(--kik-svg-down) center / 1em 1em no-repeat;
  font-size: 16px;
  display: inline-block;
  margin-left: 7px;
}
nav.breadcrumbs a .workspace-state {
  background: rgba(255, 255, 255, 0.3);
  color: var(--colour-application-label-text);
  display: inline-block;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.8em;
  margin-left: 0.8em;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255,255,255,.2) 2px, rgba(255,255,255,.2) 4px);
}
nav.breadcrumbs form.doc-title {
  color: var(--colour-header-elements);
}
html.kik-vt-crumbs::view-transition-group(root) {
  animation: none;
}
html.kik-vt-crumbs::view-transition-old(root) {
  display: none;
}
html.kik-vt-crumbs::view-transition-new(root) {
  animation: none;
}
html.kik-vt-crumbs::view-transition-group(kik-crumbs),
html.kik-vt-crumbs::view-transition-group(*.kik-crumb) {
  animation-duration: 260ms;
  animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
}
html.kik-vt-crumbs::view-transition-old(*.kik-crumb),
html.kik-vt-crumbs::view-transition-new(*.kik-crumb) {
  animation-duration: 200ms;
  height: 100%;
  width: auto;
  object-fit: none;
  object-position: left center;
}
html.kik-vt-crumbs::view-transition-old(*.kik-crumb):only-child {
  animation: kik-crumb-out 100ms ease-out both;
}
html.kik-vt-crumbs::view-transition-new(*.kik-crumb):only-child {
  animation: kik-crumb-in 140ms ease-out 180ms both;
}
@keyframes kik-crumb-out {
 to { opacity: 0; } }
@keyframes kik-crumb-in {
 from { opacity: 0; } }
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs {
  view-transition-name: kik-crumbs;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a {
  view-transition-class: kik-crumb;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(1) {
  view-transition-name: kik-crumb-1;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(2) {
  view-transition-name: kik-crumb-2;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(3) {
  view-transition-name: kik-crumb-3;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(4) {
  view-transition-name: kik-crumb-4;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(5) {
  view-transition-name: kik-crumb-5;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(6) {
  view-transition-name: kik-crumb-6;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(7) {
  view-transition-name: kik-crumb-7;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(8) {
  view-transition-name: kik-crumb-8;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(9) {
  view-transition-name: kik-crumb-9;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(10) {
  view-transition-name: kik-crumb-10;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(11) {
  view-transition-name: kik-crumb-11;
}
[data-kik-vt-crumbs] nav.pat-toolbar-breadcrumbs > a:nth-child(12) {
  view-transition-name: kik-crumb-12;
}
.button-cluster.small .pat-button {
  font-size: var(--button-small-font-size);
}
.button-cluster button,
.button-cluster a.button,
.button-cluster .pat-button {
  border-radius: 0;
}
.button-cluster button.active,
.button-cluster a.button.active,
.button-cluster .pat-button.active {
  color: white;
  background: var(--colour-accent);
}
.button-cluster :first-child {
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
.button-cluster :last-child {
  border-top-right-radius: var(--border-radii) !important;
  border-bottom-right-radius: var(--border-radii) !important;
}
@container screen style(--screen-small: true) {
.pat-button.edit {
  box-sizing: border-box;
  width: var(--pat-toolbar-button-height);
  min-width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  padding: 0;
  overflow: hidden;
  position: relative;
  text-indent: -1000em;
  text-align: left;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-button.edit {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
.pat-button.edit:not(:has(> svg.kik-icon)):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-edit) center / 1em no-repeat;
  mask: var(--kik-svg-edit) center / 1em no-repeat;
}
}
:root {
  --button-bar-margin-bottom: 1rem;
  --button-bar-gap: 10px;
  --button-bar-align-items: start;
  --button-bar-justify-content: start;
  --button-small-vertical-align: middle;
  --button-bar-iconified-line-height: 1.5em;
  --button-bar-iconified-margin: -0.5em 0;
  --button-bar-iconified-padding: 0.5em 0;
  --button-bar-iconified-color: #666;
  --button-bar-iconified-border-right: 0 solid transparent;
  --button-bar-iconified-color-hover: black;
  --button-bar-float-after-margin-left: 10px;
  --button-bar-float-after-margin-right: 0;
}
.button-bar {
  clear: left;
  margin-bottom: var(--button-bar-margin-bottom);
  display: flex;
  align-items: var(--button-bar-align-items);
  justify-content: var(--button-bar-justify-content);
  gap: var(--button-bar-gap);
}
.button-bar .pat-button {
  margin: 0;
}
.button-bar .pat-button.small {
  vertical-align: var(--button-small-vertical-align);
}
.button-bar:after {
  content: " ";
  display: table;
  clear: both;
}
.button-bar .iconified.pat-button {
  font-family: var(--body-font-family);
  border-radius: var(--button-border-radius);
  line-height: var(--pat-button-height);
  box-shadow: var(--pat-button-box-shadow);
  color: var(--pat-button-text-colour);
  background-color: var(--pat-button-background-colour);
  border: var(--button-border);
  padding: var(--pat-button-paddings);
  font-size: var(--pat-button-font-size);
  font-weight: var(--pat-button-font-weight);
  background-image: var(--button-background-image);
  margin: 0;
  cursor: default;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: text-bottom;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.button-bar .iconified.pat-button:before {
  line-height: inherit;
}
.button-bar .iconified.pat-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
  box-shadow: var(--pat-button-box-shadow-focus);
}
@media (hover: hover) {
.button-bar .iconified.pat-button:hover {
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  text-decoration: none;
  box-shadow: var(--pat-button-box-shadow-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
.button-bar .iconified.pat-button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.button-bar .iconified.pat-button.default {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
@media (hover: hover) {
.button-bar .iconified.pat-button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
}
.button-bar .iconified.pat-button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
@media (hover: hover) {
.button-bar .iconified.pat-button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
}
.button-bar .iconified.pat-button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
@media (hover: hover) {
.button-bar .iconified.pat-button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
}
.button-bar .iconified.pat-button[disabled],
.button-bar .iconified.pat-button.disabled,
.button-bar .iconified.pat-button:is(a):not([href]),
.button-bar .iconified.pat-button.default[disabled],
.button-bar .iconified.pat-button.default.disabled,
.button-bar .iconified.pat-button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
@media (hover: hover) {
.button-bar .iconified.pat-button[disabled]:hover,
.button-bar .iconified.pat-button.disabled:hover,
.button-bar .iconified.pat-button:is(a):not([href]):hover,
.button-bar .iconified.pat-button.default[disabled]:hover,
.button-bar .iconified.pat-button.default.disabled:hover,
.button-bar .iconified.pat-button:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
}
@media print {
.button-bar .iconified.pat-button {
  display: none;
}
}
.button-bar .iconified.pat-button.small {
  font-size: var(--button-small-font-size);
  padding: var(--button-small-paddings);
  height: var(--button-small-height);
  line-height: var(--button-small-line-height);
  vertical-align: baseline;
  box-shadow: var(--button-small-shadow);
  font-weight:  var(--button-small-font-weight);
}
.button-bar .iconified.pat-button.small:before {
  font-size: 15px;
}
.button-bar .iconified.pat-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.button-bar .iconified.pat-button.iconified {
  width: 30px;
  padding: 0;
}
.button-bar .iconified.pat-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.button-bar .iconified.pat-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
}
@media (hover: hover) {
.button-bar .iconified.pat-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
}
.button-bar .iconified.pat-button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.button-bar .iconified.pat-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.button-bar .iconified.pat-button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .button-bar .iconified.pat-button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.button-bar .iconified.pat-button.add:not(:has(> svg.kik-icon)):before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-plus) center / contain no-repeat;
  mask: var(--kik-svg-plus) center / contain no-repeat;
}
.button-bar .iconified:not(.pat-button) {
  float: right;
  line-height: var(--button-bar-iconified-line-height);
  border-right: var(--button-bar-iconified-border-right);
  margin: var(--button-bar-iconified-margin);
  padding: var(--button-bar-iconified-padding);
  color: var(--button-bar-iconified-color);
  cursor: default;
}
.button-bar .iconified:not(.pat-button):active {
  color: var(--button-bar-iconified-color-hover);
}
@media (hover: hover) {
.button-bar .iconified:not(.pat-button):hover {
  color: var(--button-bar-iconified-color-hover);
}
}
.button-bar br {
  display: none;
}
.button-bar.centred {
  text-align: center;
}
.button-bar button.float-after,
.button-bar a.button.float-after,
.button-bar .pat-button.float-after {
  margin-left: var(--button-bar-float-after-margin-left);
  margin-right: var(--button-bar-float-after-margin-right);
}
.pat-calendar {
  background: var(--colour-base-background);
  position: absolute;
  top: var(--sidebar-margin-top);
  right: var(--sidebar-margin-left);
  bottom: var(--sidebar-margin-bottom);
  left: var(--sidebar-margin-left);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  overflow: hidden;
}
@container screen style(--screen-small: true) {
.pat-calendar {
  bottom: calc(var(--workspace-tabs-bar-height) + var(--small-screen-padding) + env(safe-area-inset-bottom));
}
}
.pat-calendar .fc-daygrid-event-dot {
  display: none;
}
.pat-calendar .cal-title,
.pat-calendar .calendar-title {
  font-size: var(--pat-toolbar-font-size);
  font-weight: normal;
  position: absolute;
  left: 0;
  padding-left: 130px;
  top: 12px;
  color: var(--body-font-colour);
  line-height: var(--pat-toolbar-button-height);
}
body[dir=rtl] .pat-calendar .cal-title,
body[dir=rtl] .pat-calendar .calendar-title {
  left: auto;
  right: 0;
  padding-left: 0;
  padding-right: 130px;
}
.pat-calendar .cal-title.calendar-title,
.pat-calendar .calendar-title.calendar-title {
  font-size: var(--pat-toolbar-font-size);
  font-weight: normal;
  position: absolute;
  left: 50%;
  padding-left: 0;
  top: 15px;
  color: var(--body-font-colour);
  line-height: var(--pat-toolbar-button-height);
  transform: translateX(-50%);
}
@container screen style(--screen-small: true) {
.pat-calendar .cal-title,
.pat-calendar .calendar-title {
  display: none;
}
}
.pat-calendar > .fc-content {
  display: none;
}
.pat-calendar table {
  margin: 0;
}
.application-calendar .pat-calendar .pat-toolbar,
.application-workspaces .pat-calendar .pat-toolbar {
  padding: 13px;
}
@container screen style(--screen-small: true) {
.application-calendar .pat-calendar .pat-toolbar,
.application-workspaces .pat-calendar .pat-toolbar {
  padding: 13px var(--small-screen-padding);
}
}
.application-calendar .pat-calendar .pat-toolbar,
.application-workspaces .pat-calendar .pat-toolbar {
  position: absolute;
  display: grid;
  left: 0;
  top: 0;
  right: 0;
}
.pat-calendar .pat-toolbar .cal-categories {
  float: right;
}
.pat-calendar .pat-toolbar .cal-categories > button,
.pat-calendar .pat-toolbar .cal-categories > label,
.pat-calendar .pat-toolbar .cal-categories > fieldset,
.pat-calendar .pat-toolbar .cal-categories > a {
  margin-left: 1em;
}
body[dir=rtl] .pat-calendar .pat-toolbar .cal-categories > button,
body[dir=rtl] .pat-calendar .pat-toolbar .cal-categories > label,
body[dir=rtl] .pat-calendar .pat-toolbar .cal-categories > fieldset,
body[dir=rtl] .pat-calendar .pat-toolbar .cal-categories > a {
  margin-left: 0;
  margin-right: 1em;
}
@container screen style(--screen-small: true) {
.pat-calendar .pat-toolbar .cal-categories .icon-ellipsis {
  display: none;
}
}
.pat-calendar .pat-toolbar .cal-categories label.alien-calendars {
  margin-top: 7px;
}
.document-body .pat-calendar div.pat-calendar__fc,
#document-body .pat-calendar div.pat-calendar__fc {
  position: absolute !important;
  background-color: var(--colour-base-background);
  box-sizing: border-box;
  bottom: 0;
  top: 60px;
  left: -1px;
  right: 0;
  border: none;
}
@container screen style(--screen-small: true) {
.document-body .pat-calendar div.pat-calendar__fc,
#document-body .pat-calendar div.pat-calendar__fc {
  bottom: 0;
}
}
.pat-calendar .fc-day-sun,
.pat-calendar .fc-day-sat {
  background-color: rgba(0, 0, 0, 0.03);
}
.pat-calendar .fc-daygrid-body {
  width: 100% !important;
}
.pat-calendar .fc-event.fc-daygrid-event,
.pat-calendar .fc-event.fc-timegrid-event {
  border: 0;
  margin: 1px 2px 0;
  padding: 3px 6px;
  border-radius: 8px;
  background-color: var(--colour-calendar-event-default);
  border-color: var(--colour-calendar-event-default);
}
.pat-calendar .fc-event.fc-daygrid-event.calendar-absences,
.pat-calendar .fc-event.fc-timegrid-event.calendar-absences {
  background-color: var(--colour-calendar-absences);
  border-color: var(--colour-calendar-absences);
}
.pat-calendar .fc-event.fc-daygrid-event.central-calendar,
.pat-calendar .fc-event.fc-timegrid-event.central-calendar {
  background-color: var(--colour-accent);
  border-color: var(--colour-accent);
}
.pat-calendar .fc-event.fc-daygrid-event.state-pending .fc-event-title:after,
.pat-calendar .fc-event.fc-daygrid-event.state-approved .fc-event-title:after,
.pat-calendar .fc-event.fc-daygrid-event.state-rejected .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-pending .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-approved .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-rejected .fc-event-title:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-cal-state-mark) center / contain no-repeat;
  mask: var(--kik-cal-state-mark) center / contain no-repeat;
  margin-left: 4px;
}
.pat-calendar .fc-event.fc-daygrid-event.state-pending .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-pending .fc-event-title:after {
  content: '';
  --kik-cal-state-mark: var(--kik-svg-clock);
}
.pat-calendar .fc-event.fc-daygrid-event.state-approved .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-approved .fc-event-title:after {
  content: '';
  --kik-cal-state-mark: var(--kik-svg-ok-circle);
}
.pat-calendar .fc-event.fc-daygrid-event.state-rejected,
.pat-calendar .fc-event.fc-timegrid-event.state-rejected {
  opacity: 0.5;
}
.pat-calendar .fc-event.fc-daygrid-event.state-rejected .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-rejected .fc-event-title:after {
  content: '';
  --kik-cal-state-mark: var(--kik-svg-close-circle);
}
.pat-calendar .fc-event.fc-daygrid-event.cal-cat-alien,
.pat-calendar .fc-event.fc-timegrid-event.cal-cat-alien {
  opacity: 0.5;
  filter: alpha(opacity = 30);
}
.pat-calendar .fc-event.fc-daygrid-event.theme-light,
.pat-calendar .fc-event.fc-timegrid-event.theme-light {
  color: var(--body-font-colour);
}
.pat-calendar .fc-event.fc-daygrid-event.birthday .fc-event-title:before,
.pat-calendar .fc-event.fc-timegrid-event.birthday .fc-event-title: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;
  margin-right: 4px;
  animation: heartbeat 1s;
}
.pat-calendar .fc-event.fc-daygrid-event.jewish-holiday .fc-event-title:before,
.pat-calendar .fc-event.fc-timegrid-event.jewish-holiday .fc-event-title:before {
  content: '\2721';
  display: inline-block;
  margin-right: 4px;
  font-style: normal;
  font-weight: normal;
}
body[dir=rtl] .pat-calendar .fc-event.fc-daygrid-event.jewish-holiday .fc-event-title:before,
body[dir=rtl] .pat-calendar .fc-event.fc-timegrid-event.jewish-holiday .fc-event-title:before {
  margin-right: 0;
  margin-left: 4px;
}
.pat-calendar .fc-event.fc-daygrid-event.christian-holiday .fc-event-title:before,
.pat-calendar .fc-event.fc-timegrid-event.christian-holiday .fc-event-title:before {
  content: '\271D';
  display: inline-block;
  margin-right: 4px;
  font-style: normal;
  font-weight: normal;
}
body[dir=rtl] .pat-calendar .fc-event.fc-daygrid-event.christian-holiday .fc-event-title:before,
body[dir=rtl] .pat-calendar .fc-event.fc-timegrid-event.christian-holiday .fc-event-title:before {
  margin-right: 0;
  margin-left: 4px;
}
.pat-calendar .fc-event.fc-daygrid-event.islamic-holiday .fc-event-title:before,
.pat-calendar .fc-event.fc-timegrid-event.islamic-holiday .fc-event-title:before {
  content: '\262A\FE0E';
  display: inline-block;
  margin-right: 4px;
  font-style: normal;
  font-weight: normal;
}
body[dir=rtl] .pat-calendar .fc-event.fc-daygrid-event.islamic-holiday .fc-event-title:before,
body[dir=rtl] .pat-calendar .fc-event.fc-timegrid-event.islamic-holiday .fc-event-title:before {
  margin-right: 0;
  margin-left: 4px;
}
.pat-calendar .fc-col-header-cell-cushion,
.pat-calendar .fc-daygrid-day-number {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.pat-calendar .fc-col-header-cell-cushion:hover,
.pat-calendar .fc-daygrid-day-number:hover {
  text-decoration: none;
}
}
.pat-calendar ul.cal-events {
  display: none;
}
.pat-calendar:not(.show-jewish-holidays) .fc-event.jewish-holiday {
  display: none !important;
}
.pat-calendar:not(.show-christian-holidays) .fc-event.christian-holiday {
  display: none !important;
}
.pat-calendar:not(.show-islamic-holidays) .fc-event.islamic-holiday {
  display: none !important;
}
.pat-calendar:not(.show-workspace-calendars) .fc-event[class*="workspace-"] {
  display: none !important;
}
.pat-calendar:not(.show-birthdays) .fc-event.birthday {
  display: none !important;
}
.pat-calendar:not(.show-central-calendar) .fc-event.central-calendar {
  display: none !important;
}
.document-hero-area.jewish-holiday-hero {
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
  min-height: 360px;
  padding-top: 0;
}
.document-hero-area.jewish-holiday-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.45) 60%,
			rgba(0, 0, 0, 0.75) 100%
		);
  z-index: 1;
}
.document-hero-area.jewish-holiday-hero .document-title {
  padding-top: 200px;
}
.document-hero-area.christian-holiday-hero,
.document-hero-area.islamic-holiday-hero {
  --kik-holiday-colour: #5b3a7a;
  background-color: var(--kik-holiday-colour);
  background-image:
		linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0.55) 100%),
		radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 55%);
  min-height: 360px;
  padding-top: 0;
  overflow: hidden;
}
.document-hero-area.christian-holiday-hero:before,
.document-hero-area.islamic-holiday-hero:before {
  content: '\271D';
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 220px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.12);
  font-style: normal;
  font-weight: normal;
  z-index: 1;
  pointer-events: none;
}
body[dir=rtl] .document-hero-area.christian-holiday-hero:before,
body[dir=rtl] .document-hero-area.islamic-holiday-hero:before {
  right: auto;
  left: 6%;
}
.document-hero-area.christian-holiday-hero.islamic-holiday-hero:before,
.document-hero-area.islamic-holiday-hero.islamic-holiday-hero:before {
  content: '\262A\FE0E';
}
.document-hero-area.christian-holiday-hero .document-title,
.document-hero-area.islamic-holiday-hero .document-title {
  padding-top: 200px;
  color: #fff;
}
.document-hero-area.christian-holiday-hero.has-image,
.document-hero-area.islamic-holiday-hero.has-image {
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
}
.document-hero-area.christian-holiday-hero.has-image:before,
.document-hero-area.islamic-holiday-hero.has-image:before {
  content: '';
  inset: 0;
  transform: none;
  background: linear-gradient(
				to bottom,
				rgba(0, 0, 0, 0) 0%,
				rgba(0, 0, 0, 0.45) 60%,
				rgba(0, 0, 0, 0.75) 100%
			);
}
@container screen style(--screen-small: true) {
.canvas-intro {
  margin: 0 auto;
}
}
@container screen style(--screen-small: false) {
.canvas-intro {
  margin: 0 auto 3em;
  padding-top: 20px;
}
}
@container screen style(--screen-small: false) {
.canvas-intro * {
  text-align: center;
}
}
.canvas-intro h1 .pat-breadcrumbs-content {
  margin: 0 auto;
  font-size: 0.8em;
}
.canvas-intro h1:before {
  font-size: 0.7em;
}
.canvas-intro .pat-button-bar {
  justify-content: center;
}
.canvas-intro:has(.pat-button-bar) .quaive-page-head {
  margin-bottom: 25px;
}
:root {
  --canvas-toolbar-button-height: var(--button-height);
  --colour-toolbar-button: transparent;
  --button-font-weight: bold;
}
.pat-toolbar#event-toolbar > * {
  grid-template-columns: 1fr 0 1fr;
}
.pat-toolbar .toolbar-section.micro-navigation > a.icon.back {
  order: -2;
}
@container screen style(--screen-small: true) {
.js .pat-toolbar [class*="icon-"]:not(.icon):not(svg):not(.select-glyph):not(:where(.context-menu-popover, .context-menu-popover *)) {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: var(--pat-toolbar-button-height);
  min-width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  padding: 0;
  border: none;
  border-radius: var(--button-border-radius);
  overflow: hidden;
  position: relative;
  cursor: default;
  font-size: var(--pat-toolbar-font-size);
  line-height: var(--pat-toolbar-button-line-height);
  text-indent: -1000em;
  text-align: left;
  background-color: var(--pat-toolbar-icon-background-colour);
  color: var(--pat-toolbar-icon-text-colour);
  box-shadow: var(--pat-toolbar-button-box-shadow);
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .js .pat-toolbar [class*="icon-"]:not(.icon):not(svg):not(.select-glyph):not(:where(.context-menu-popover, .context-menu-popover *)) {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
@media (hover: hover) {
.js .pat-toolbar [class*="icon-"]:not(.icon):not(svg):not(.select-glyph):not(:where(.context-menu-popover, .context-menu-popover *)):hover {
  color: var(--pat-toolbar-icon-text-colour-hover);
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
}
}
@container screen style(--screen-small: true) {
.js .pat-toolbar [class*="icon-"]:not(.icon):not(svg):not(.select-glyph):not(:where(.context-menu-popover, .context-menu-popover *)):not(:has(> svg.kik-icon)):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-indent: 0;
  border-radius: var(--button-border-radius);
  box-sizing: border-box;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / var(--kik-toolbar-icon-size, 60%) no-repeat;
  mask: var(--kik-icon-svg) center / var(--kik-toolbar-icon-size, 60%) no-repeat;
}
}
@container screen style(--screen-small: true) {
.js .pat-toolbar [class*="icon-"]:not(.icon):not(svg):not(.select-glyph):not(:where(.context-menu-popover, .context-menu-popover *)):after {
  display: none;
}
}
.canvas-toolbar {
  --pat-select-box-height: var(--button-height);
  color: rgba(0,0,0,0.6);
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
  height: var(--canvas-toolbar-button-height);
  padding: 10px;
  margin: 0 -10px 40px;
  border-radius: var(--border-radii);
}
.canvas-toolbar:after {
  content: " ";
  display: table;
  clear: both;
}
.canvas-toolbar.inline {
  margin: 0;
  padding: 0;
}
.canvas-toolbar.sticky {
  -webkit-position: sticky;
  position: sticky;
  transition: box-shadow 1s;
  top: -40px;
  transition: all 1s;
}
.document-body:not(.scroll-position-top) .canvas-toolbar.sticky,
.document-content:not(.scroll-position-top) .canvas-toolbar.sticky,
.canvas-toolbar.sticky.sticking {
  box-shadow: var(--default-box-shadow);
  background-color: rgba(255,255,255,0.9);
}
.backdropfilter .document-body:not(.scroll-position-top) .canvas-toolbar.sticky,
.backdropfilter .document-content:not(.scroll-position-top) .canvas-toolbar.sticky,
.backdropfilter .canvas-toolbar.sticky.sticking {
  background-color: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  backdrop-filter: blur(10px) saturate(4) brightness(1.2);
}
.canvas-toolbar.superimposed {
  position: absolute;
  top: 10px;
  width: calc(100% - 20px);
  box-shadow: var(--default-box-shadow);
  background-color: rgba(255,255,255,0.9);
}
.backdropfilter .canvas-toolbar.superimposed {
  background-color: rgba(255,255,255,0.15);
  -webkit-backdrop-filter: blur(50px) saturate(4) brightness(1.2);
  backdrop-filter: blur(50px) saturate(4) brightness(1.2);
}
.canvas-toolbar button {
  font-size: 1em;
  line-height: var(--pat-button-line-height);
}
.canvas-toolbar.toolbar-news-overview .canvas-toolbar-section.navigation .canvas-toolbar-subnav,
#magazine-preview .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav {
  max-width: calc(100% - 250px);
}
.canvas-toolbar .pat-back-button {
  margin-right: 1em;
  vertical-align: top;
}
.canvas-toolbar .saving-badge {
  display: inline-block;
  margin-left: 10px;
  font-size: 23px;
  background: transparent !important;
  animation: bounceIn 0.3s;
}
.canvas-toolbar .saving-badge:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  color: green;
  position: relative;
  z-index: 1;
  background: currentColor !important;
  -webkit-mask: var(--kik-svg-dot-circle) center / contain no-repeat;
  mask: var(--kik-svg-dot-circle) center / contain no-repeat;
}
.canvas-toolbar .saving-badge:after {
  display: block;
  line-height: var(--canvas-toolbar-button-height);
  background-color: var(--colour-success);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.canvas-toolbar .saving-badge.injecting,
.canvas-toolbar .saving-badge.saving {
  background-color: color-mix(in srgb, var(--colour-warning) 50%, white);
}
.canvas-toolbar .saving-badge.injecting:before,
.canvas-toolbar .saving-badge.saving:before {
  color: red;
}
.canvas-toolbar .saving-badge.injecting:after,
.canvas-toolbar .saving-badge.saving:after {
  background-color: color-mix(in srgb, var(--colour-warning) 20%, white);
}
.canvas-toolbar .saving-badge.active:not(.injecting):before {
  color: green !important;
}
.canvas-toolbar .locked-tag {
  font-family: var(--body-font-family);
  border-radius: var(--button-border-radius);
  line-height: var(--pat-button-height);
  box-shadow: var(--pat-button-box-shadow);
  color: var(--pat-button-text-colour);
  background-color: var(--pat-button-background-colour);
  border: var(--button-border);
  padding: var(--pat-button-paddings);
  font-size: var(--pat-button-font-size);
  font-weight: var(--pat-button-font-weight);
  background-image: var(--button-background-image);
  margin: 0;
  cursor: default;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: text-bottom;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--button-font-weight);
  background: var(--colour-warning);
  margin-left: 10px;
  color: rgba(0,0,0,0.6);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.canvas-toolbar .locked-tag:before {
  line-height: inherit;
}
.canvas-toolbar .locked-tag:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
  box-shadow: var(--pat-button-box-shadow-focus);
}
@media (hover: hover) {
.canvas-toolbar .locked-tag:hover {
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  text-decoration: none;
  box-shadow: var(--pat-button-box-shadow-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
.canvas-toolbar .locked-tag:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.canvas-toolbar .locked-tag.default {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
@media (hover: hover) {
.canvas-toolbar .locked-tag.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
}
.canvas-toolbar .locked-tag.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
@media (hover: hover) {
.canvas-toolbar .locked-tag.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
}
.canvas-toolbar .locked-tag.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
@media (hover: hover) {
.canvas-toolbar .locked-tag.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
}
.canvas-toolbar .locked-tag[disabled],
.canvas-toolbar .locked-tag.disabled,
.canvas-toolbar .locked-tag:is(a):not([href]),
.canvas-toolbar .locked-tag.default[disabled],
.canvas-toolbar .locked-tag.default.disabled,
.canvas-toolbar .locked-tag:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
@media (hover: hover) {
.canvas-toolbar .locked-tag[disabled]:hover,
.canvas-toolbar .locked-tag.disabled:hover,
.canvas-toolbar .locked-tag:is(a):not([href]):hover,
.canvas-toolbar .locked-tag.default[disabled]:hover,
.canvas-toolbar .locked-tag.default.disabled:hover,
.canvas-toolbar .locked-tag:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
}
@media print {
.canvas-toolbar .locked-tag {
  display: none;
}
}
.canvas-toolbar .locked-tag.small {
  font-size: var(--button-small-font-size);
  padding: var(--button-small-paddings);
  height: var(--button-small-height);
  line-height: var(--button-small-line-height);
  vertical-align: baseline;
  box-shadow: var(--button-small-shadow);
  font-weight:  var(--button-small-font-weight);
}
.canvas-toolbar .locked-tag.small:before {
  font-size: 15px;
}
.canvas-toolbar .locked-tag:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.canvas-toolbar .locked-tag.iconified {
  width: 30px;
  padding: 0;
}
.canvas-toolbar .locked-tag.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.canvas-toolbar .locked-tag.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
}
@media (hover: hover) {
.canvas-toolbar .locked-tag.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
}
.canvas-toolbar .locked-tag.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.canvas-toolbar .locked-tag.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.canvas-toolbar .locked-tag:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .canvas-toolbar .locked-tag:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.canvas-toolbar .locked-tag.add:not(:has(> svg.kik-icon)):before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-plus) center / contain no-repeat;
  mask: var(--kik-svg-plus) center / contain no-repeat;
}
.canvas-toolbar .locked-tag:not(:has(> svg.kik-icon)):before {
  content: '';
  display: inline-block;
  margin-right: 0.2em;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-lock) center / contain no-repeat;
  mask: var(--kik-svg-lock) center / contain no-repeat;
}
.canvas-toolbar .locked-tag.active,
.canvas-toolbar .locked-tag.tooltip-active-click {
  color: var(--body-font-colour);
  background: var(--colour-warning-background);
}
@media (hover: hover) {
.canvas-toolbar .locked-tag:hover {
  color: var(--body-font-colour);
  background: var(--colour-warning-background);
}
}
.canvas-toolbar .canvas-toolbar-section {
  vertical-align: top;
  box-sizing: border-box;
}
@container screen style(--screen-small: false) {
.canvas-toolbar .canvas-toolbar-section {
  white-space: nowrap;
  -webkit-flex-grow: 1;
  -webkit-flex-shrink: 1;
  min-width: 0%;
  padding: 0 10px;
  float: left;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section {
  float: right;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section {
  text-align: left;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section {
  text-align: right;
}
}
.canvas-toolbar .canvas-toolbar-section * {
  white-space: normal;
}
.canvas-toolbar .canvas-toolbar-section:after {
  content: '&nbsp;';
  font-size: 0;
  display: block;
  height: 1px;
  width: 0;
}
.canvas-toolbar .canvas-toolbar-section:last-child {
  padding-right: 0;
}
.canvas-toolbar .canvas-toolbar-section:first-child {
  padding-left: 0;
}
.canvas-toolbar .canvas-toolbar-section:first-child > .icon,
.canvas-toolbar .canvas-toolbar-section:first-child > .button-cluster,
.canvas-toolbar .canvas-toolbar-section:first-child > .pat-select {
  margin-left: 0;
}
.canvas-toolbar .canvas-toolbar-section:first-child > .icon,
.canvas-toolbar .canvas-toolbar-section:first-child > .pat-back-button,
.canvas-toolbar .canvas-toolbar-section:first-child > .button-cluster,
.canvas-toolbar .canvas-toolbar-section:first-child > .pat-select {
  margin-right: 1em;
}
@container screen style(--screen-small: false) {
.canvas-toolbar .canvas-toolbar-section.rsvp {
  width: 480px;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section.rsvp {
  width: 150px;
  float: left;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.rsvp {
  float: right;
}
}
.canvas-toolbar .canvas-toolbar-section.rsvp .voting-bar {
  margin: 0;
}
.canvas-toolbar .canvas-toolbar-section.rsvp .voting-bar .pat-checklist {
  background-color: var(--colour-base-background);
}
.canvas-toolbar .canvas-toolbar-section.editor .icon {
  margin-right: 0;
}
.canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar {
  outline: none !important;
}
.canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar.tiptap {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar.tiptap-focus {
  opacity: 1;
  pointer-events: all;
}
.more-metadata .canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar {
  opacity: 0;
  pointer-events: none;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  transition: all 1s;
  animation: fadeIn 0.4s;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group:after {
  content: " ";
  display: table;
  clear: both;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.editor .title-group {
  float: right;
}
.less-metadata .canvas-toolbar .canvas-toolbar-section.editor .title-group {
  display: none;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  font-size: 1em;
  float: left;
  font-weight: normal;
  color: transparent;
  font-weight: var(--button-font-weight);
  line-height: var(--canvas-toolbar-button-height);
  overflow: hidden;
  display: block;
  width: 100%;
  white-space: nowrap;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  float: right;
}
.read-only .canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  color: rgba(0,0,0,0.5);
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  display: none;
}
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title.pat-content-mirror {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  color: var(--body-font-colour);
  resize: none;
  width: 100%;
  height: 100%;
  overflow: none;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title.pat-content-mirror:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
}
.canvas-toolbar .canvas-toolbar-section.micro-navigation .button-cluster,
.canvas-toolbar .canvas-toolbar-section.micro-navigation .pat-buttton,
.canvas-toolbar .canvas-toolbar-section.micro-navigation > .icon {
  margin-right: 30px;
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section.micro-navigation {
  float: left;
  width: auto;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.micro-navigation {
  float: right;
}
}
@container screen style(--screen-small: false) {
.canvas-toolbar .canvas-toolbar-section.quick-functions {
  float: right;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.quick-functions {
  float: left;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section.quick-functions {
  float: right;
  width: auto;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.quick-functions {
  float: left;
}
}
.canvas-toolbar .canvas-toolbar-section.functions {
  float: none;
  margin: 0;
}
@container screen style(--screen-small: false) {
.canvas-toolbar .canvas-toolbar-section.navigation {
  text-align: center;
  width: 60%;
}
}
.canvas-toolbar .canvas-toolbar-section.navigation .pat-select {
  margin: 0;
  box-shadow: inset 0 1px 6px rgba(0,0,0,0.15);
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav {
  position: relative;
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  border-radius: var(--border-radii);
  overflow: visible;
  float: none;
  white-space: nowrap;
  max-width: 100%;
  font-size: 0;
  vertical-align: top;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.align-centre {
  position: absolute;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs {
  box-sizing: border-box;
}
.js .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs {
  opacity: 0;
  transition: opacity 1s;
}
.js .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs.tabs-ready {
  opacity: 1;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs.tabs-wrapped {
  padding-right: 60px;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav a {
  float: none;
  display: inline-block;
  font-size: var(--body-font-size);
  vertical-align: top;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav a.icon {
  width: 14px;
  min-width: 0;
  padding: 0 20px;
  color: transparent;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav a.icon:before {
  margin-right: 20px;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs {
  overflow: visible;
  height: auto;
  width: 300px;
  padding-bottom: 15px;
  padding-top: calc(var(--pat-button-height) + 25px);
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:before {
  color: var(--body-font-colour);
  background-color: rgba(255,255,255,0.4);
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:after {
  border-color: silver;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs a {
  animation: fadeIn 0.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
  font-size: var(--body-font-size);
  width: 300px;
  padding-top: calc(var(--pat-button-height) + 10px);
  display: inline-block;
  float: right;
  height: 0;
  width: calc(var(--pat-button-height) + 20px);
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
  -webkit-transition: all 0.1s;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
  float: left;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-double-right) center / 1em no-repeat;
  mask: var(--kik-svg-angle-double-right) center / 1em no-repeat;
  display: block;
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  width: calc(var(--pat-button-height) + 20px);
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:after {
  content: ' ';
  display: block;
  position: absolute;
  top: calc(var(--pat-button-height) + 10px);
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0,0,0,0);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  transition: border 0.2s;
}
@media (hover: hover) {
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:hover:before {
  color: var(--body-font-colour);
}
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a {
  display: block;
  float: none;
  padding: 0.4em 0.7em;
  line-height: 1.5;
  text-align: left;
  color: var(--body-font-colour);
  position: relative;
  z-index: 1;
  border: none !important;
  opacity: 0;
  border-radius: 0 !important;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a {
  text-align: right;
}
@media (hover: hover) {
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a:hover {
  background-color: rgba(0,0,0,0.05);
  text-decoration: none;
}
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a.current {
  background: var(--colour-accent);
  color: white;
}
@container screen style(--screen-small: true) {
.canvas-toolbar {
  margin-bottom: 15px;
}
}
@media print {
.canvas-toolbar {
  display: none;
}
}
.canvas-toolbar .bar-title {
  margin: 0 1em 0 0;
  float: left;
  color: var(--body-font-colour);
  font-size: 30px;
}
body[dir=rtl] .canvas-toolbar .bar-title {
  float: right;
}
.canvas-toolbar > label.pat-checklist {
  margin-right: 1em;
}
@media (hover: hover) {
.canvas-toolbar > label.pat-checklist:hover {
  color: var(--body-font-colour);
}
}
.canvas-toolbar .icons,
.canvas-toolbar .functions {
  float: right;
  white-space: nowrap;
}
body[dir=rtl] .canvas-toolbar .icons,
body[dir=rtl] .canvas-toolbar .functions {
  float: left;
}
@container screen style(--screen-small: true) {
.canvas-toolbar .icons,
.canvas-toolbar .functions {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .icons,
body[dir=rtl] .canvas-toolbar .functions {
  text-align: left;
}
}
.canvas-toolbar#metadata-toolbar {
  height: auto;
  margin: 0 10px 10px;
  top: 10px;
  box-sizing: border-box;
}
@media print {
.canvas-toolbar#metadata-toolbar {
  display: none;
}
}
@container screen style(--screen-small: false) {
.canvas-toolbar#metadata-toolbar {
  grid-template-columns: auto auto;
  display: grid;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar#metadata-toolbar {
  grid-template-columns: auto;
}
}
.application-workspace .canvas-toolbar#metadata-toolbar {
  left: 60px;
}
@container screen style(--screen-small: false) {
.canvas-toolbar#metadata-toolbar .quick-functions {
  grid-column: 2 / span 1;
}
}
.canvas-toolbar#metadata-toolbar .quick-functions .functions {
  margin: 0;
}
.canvas-toolbar#metadata-toolbar .quick-functions .functions .icon:not(.meta-data-toggle):not(.saving-badge) {
  margin-left: 0;
}
.canvas-toolbar#metadata-toolbar .meta-extra {
  grid-column: 1 / span 2;
}
.more-metadata .canvas-toolbar#metadata-toolbar {
  box-shadow: var(--default-box-shadow);
}
.canvas-toolbar#image-selection-panel-toolbar,
.canvas-toolbar#image-bank-selection-panel-toolbar,
.canvas-toolbar#hyperlink-panel-toolbar,
.canvas-toolbar#panel-create-event-toolbar,
.canvas-toolbar#panel-create-event-or-calendar-toolbar,
.canvas-toolbar#panel-create-document-toolbar,
.canvas-toolbar#panel-create-news-toolbar,
.canvas-toolbar#panel-create-task-toolbar,
.canvas-toolbar#panel-create-group-division-toolbar,
.canvas-toolbar#panel-create-office-document-toolbar,
.canvas-toolbar#panel-add-video-toolbar {
  margin-bottom: 15px;
}
.canvas-toolbar#image-selection-panel-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#image-bank-selection-panel-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#hyperlink-panel-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-event-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-event-or-calendar-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-document-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-news-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-task-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-group-division-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-create-office-document-toolbar .canvas-toolbar-section.navigation,
.canvas-toolbar#panel-add-video-toolbar .canvas-toolbar-section.navigation {
  width: 100%;
  text-align: center;
}
.canvas-toolbar#image-selection-panel-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#image-bank-selection-panel-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#hyperlink-panel-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-event-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-event-or-calendar-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-document-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-news-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-task-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-group-division-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-create-office-document-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#panel-add-video-toolbar .canvas-toolbar-section.quick-functions {
  position: absolute;
  top: 10px;
  right: 10px;
}
.canvas-toolbar#app-launcher-toolbar .canvas-toolbar-section.navigation {
  width: 100%;
}
@container screen style(--screen-small: false) {
.canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#library-toolbar .canvas-toolbar-section.micro-navigation {
  width: 20%;
}
}
.canvas-toolbar#library-toolbar .canvas-toolbar-section.micro-navigation .pat-back-button {
  margin-right: 0;
}
@container screen style(--screen-small: false) {
.canvas-toolbar#library-toolbar .canvas-toolbar-section.navigation {
  width: 60%;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar#library-toolbar .canvas-toolbar-section.navigation {
  display: none;
}
}
@container screen style(--screen-small: false) {
.canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.micro-navigation {
  width: 15%;
}
}
@container screen style(--screen-small: false) {
.canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.navigation {
  width: 70%;
}
}
.canvas-toolbar > .pat-select,
.canvas-toolbar .cal-categories .pat-select,
.canvas-toolbar .canvas-toolbar-section > .pat-select,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select {
  line-height: var(--canvas-toolbar-button-height);
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  border-radius: var(--border-radii);
  padding-left: 0.8em;
}
.canvas-toolbar > .pat-select:not(.bare),
.canvas-toolbar .cal-categories .pat-select:not(.bare),
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare),
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) {
  --pat-select-box-padding-top-bottom: 0;
  --pat-select-box-box-shadow: none;
  --pat-select-box-background-color: var(--button-background-colour);
  --pat-select-box-arrow-text-colour: var(--colour-link);
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc((var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2));
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.canvas-toolbar > .pat-select:not(.bare):has([disabled]),
.canvas-toolbar .cal-categories .pat-select:not(.bare):has([disabled]),
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):has([disabled]),
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):has([disabled]) {
  pointer-events: none;
  padding-right: var(--pat-select-box-padding-start);
}
.canvas-toolbar > .pat-select:not(.bare):has([disabled]):after,
.canvas-toolbar .cal-categories .pat-select:not(.bare):has([disabled]):after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):has([disabled]):after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):has([disabled]):after {
  display: none;
}
.canvas-toolbar > .pat-select:not(.bare).tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare).tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).tooltip-active-click {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.canvas-toolbar > .pat-select:not(.bare).tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
@media (hover: hover) {
.canvas-toolbar > .pat-select:not(.bare):hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare):hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):hover {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
@media (hover: hover) {
.canvas-toolbar > .pat-select:not(.bare):hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare):hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):hover:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
.canvas-toolbar > .pat-select:not(.bare).success,
.canvas-toolbar .cal-categories .pat-select:not(.bare).success,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).success,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).success {
  --pat-select-box-background-colour: var(--colour-success-background);
  --pat-select-box-arrow-text-colour: var(--colour-success-dark);
  --pat-select-box-background-colour-hover: var(--colour-success-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-success-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="draft"],
.canvas-toolbar > .pat-select:not(.bare).state-draft,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="draft"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="draft"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="draft"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft {
  --pat-select-box-background-colour: var(--colour-draft-background);
  --pat-select-box-arrow-text-colour: var(--colour-draft-text);
  --pat-select-box-background-colour-hover: var(--colour-draft-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-draft-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="open"],
.canvas-toolbar > .pat-select:not(.bare).state-open,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="open"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-open,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="open"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-open,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="open"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-open {
  --pat-select-box-background-colour: var(--colour-warning-background);
  --pat-select-box-arrow-text-colour: var(--colour-warning-text);
  --pat-select-box-background-colour-hover: var(--colour-warning-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-warning-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar > .pat-select:not(.bare).state-in-progress,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-in-progress,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-in-progress,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-in-progress {
  --pat-select-box-background-colour: var(--colour-for-review-background);
  --pat-select-box-arrow-text-colour: var(--colour-for-review-text);
  --pat-select-box-background-colour-hover: var(--colour-for-review-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-for-review-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="published"],
.canvas-toolbar > .pat-select:not(.bare).state-published,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="published"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="published"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="published"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published {
  --pat-select-box-background-colour: var(--colour-published-background);
  --pat-select-box-arrow-text-colour: var(--colour-published-text);
  --pat-select-box-background-colour-hover: var(--colour-published-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-published-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="done"],
.canvas-toolbar > .pat-select:not(.bare).state-done,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="done"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-done,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="done"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-done,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="done"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-done {
  --pat-select-box-background-colour: var(--colour-published-background);
  --pat-select-box-arrow-text-colour: var(--colour-published-text);
  --pat-select-box-background-colour-hover: var(--colour-published-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-published-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="for-review"],
.canvas-toolbar > .pat-select:not(.bare)[data-value="review"],
.canvas-toolbar > .pat-select:not(.bare).state-for-review,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="for-review"],
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="review"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="for-review"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="review"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="for-review"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="review"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review {
  --pat-select-box-background-colour: var(--colour-for-review-background);
  --pat-select-box-arrow-text-colour: var(--colour-for-review-text);
  --pat-select-box-background-colour-hover: var(--colour-for-review-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-for-review-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar > .pat-select:not(.bare).state-in-progress,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-in-progress,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-in-progress,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="in-progress"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-in-progress {
  --pat-select-box-background-colour: var(--colour-for-review-background);
  --pat-select-box-arrow-text-colour: var(--colour-for-review-text);
  --pat-select-box-background-colour-hover: var(--colour-for-review-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-for-review-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="approved"],
.canvas-toolbar > .pat-select:not(.bare).state-approved,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="approved"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="approved"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="approved"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved {
  --pat-select-box-background-colour: var(--colour-approved-background);
  --pat-select-box-arrow-text-colour: var(--colour-approved-text);
  --pat-select-box-background-colour-hover: var(--colour-approved-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-approved-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="draft_contributors"],
.canvas-toolbar > .pat-select:not(.bare).state-draft-contributors,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="draft_contributors"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft-contributors,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="draft_contributors"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft-contributors,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="draft_contributors"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft-contributors {
  --pat-select-box-background-colour: var(--colour-draft-background);
  --pat-select-box-arrow-text-colour: var(--colour-draft-text);
  --pat-select-box-background-colour-hover: var(--colour-draft-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-draft-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="review_contributors"],
.canvas-toolbar > .pat-select:not(.bare).state-review-contributors,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="review_contributors"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-review-contributors,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="review_contributors"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-review-contributors,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="review_contributors"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-review-contributors {
  --pat-select-box-background-colour: var(--colour-for-review-background);
  --pat-select-box-arrow-text-colour: var(--colour-for-review-text);
  --pat-select-box-background-colour-hover: var(--colour-for-review-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-for-review-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="final_members"],
.canvas-toolbar > .pat-select:not(.bare).state-final-members,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="final_members"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-final-members,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="final_members"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-final-members,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="final_members"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-final-members {
  --pat-select-box-background-colour: var(--colour-info-background);
  --pat-select-box-arrow-text-colour: var(--colour-info-text);
  --pat-select-box-background-colour-hover: var(--colour-info-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-info-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="final_library"],
.canvas-toolbar > .pat-select:not(.bare).state-final-library,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="final_library"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-final-library,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="final_library"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-final-library,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="final_library"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-final-library {
  --pat-select-box-background-colour: var(--colour-published-background);
  --pat-select-box-arrow-text-colour: var(--colour-published-text);
  --pat-select-box-background-colour-hover: var(--colour-published-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-published-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value="final_external"],
.canvas-toolbar > .pat-select:not(.bare).state-final-external,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value="final_external"],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-final-external,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value="final_external"],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-final-external,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value="final_external"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-final-external {
  --pat-select-box-background-colour: var(--colour-error-background);
  --pat-select-box-arrow-text-colour: var(--colour-error-text);
  --pat-select-box-background-colour-hover: var(--colour-error-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-error-text-hover);
}
.canvas-toolbar > .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-lock) center / contain no-repeat;
  mask: var(--kik-svg-lock) center / contain no-repeat;
}
.canvas-toolbar > .pat-select:not(.bare):not([class*="icon-"]):before,
.canvas-toolbar .cal-categories .pat-select:not(.bare):not([class*="icon-"]):before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):not([class*="icon-"]):before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):not([class*="icon-"]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.canvas-toolbar > .pat-select:not(.bare)[class*=icon-]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[class*=icon-]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[class*=icon-]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[class*=icon-]:before {
  margin-left: 4px;
  margin-right: 6px;
}
.canvas-toolbar > .pat-select:not(.bare) select,
.canvas-toolbar .cal-categories .pat-select:not(.bare) select,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare) select,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.canvas-toolbar > .pat-select:not(.bare) select option,
.canvas-toolbar .cal-categories .pat-select:not(.bare) select option,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare) select option,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) select option {
  font-size: initial;
  color: var(--body-font-colour);
}
.canvas-toolbar > .pat-select:not(.bare):after,
.canvas-toolbar .cal-categories .pat-select:not(.bare):after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):after {
  content: '';
  width: var(--pat-select-box-arrow-width);
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / var(--pat-select-box-arrow-size) no-repeat;
  mask: var(--kik-svg-down) center / var(--pat-select-box-arrow-size) no-repeat;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.canvas-toolbar > .pat-select:not(.bare) option:disabled,
.canvas-toolbar .cal-categories .pat-select:not(.bare) option:disabled,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare) option:disabled,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) option:disabled {
  color: silver;
}
.canvas-toolbar > .pat-select:not(.bare):before,
.canvas-toolbar .cal-categories .pat-select:not(.bare):before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):before {
  max-width: 350px;
  line-height: var(--canvas-toolbar-button-height);
  font-weight: var(--button-font-weight);
}
@media (hover: hover) {
.canvas-toolbar > .pat-select:hover,
.canvas-toolbar .cal-categories .pat-select:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:hover {
  color: var(--body-font-colour);
}
}
.canvas-toolbar > .pat-select[data-value='draft'],
.canvas-toolbar > .pat-select[data-value='retract'],
.canvas-toolbar .cal-categories .pat-select[data-value='draft'],
.canvas-toolbar .cal-categories .pat-select[data-value='retract'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='draft'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='retract'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='draft'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='retract'] {
  background-color: var(--colour-draft);
}
.canvas-toolbar > .pat-select[data-value='draft']:before,
.canvas-toolbar > .pat-select[data-value='retract']:before,
.canvas-toolbar .cal-categories .pat-select[data-value='draft']:before,
.canvas-toolbar .cal-categories .pat-select[data-value='retract']:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='draft']:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='retract']:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='draft']:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='retract']:before {
  color: var(--body-font-colour);
}
.canvas-toolbar > .pat-select[data-value='public'],
.canvas-toolbar .cal-categories .pat-select[data-value='public'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='public'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='public'] {
  color: var(--colour-public);
}
.canvas-toolbar > .pat-select[data-value='pending'],
.canvas-toolbar > .pat-select[data-value='for-review'],
.canvas-toolbar .cal-categories .pat-select[data-value='pending'],
.canvas-toolbar .cal-categories .pat-select[data-value='for-review'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='pending'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='for-review'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='pending'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='for-review'] {
  background-color: var(--colour-for-review);
  color: white;
}
.canvas-toolbar > .pat-select[data-option='Draft'],
.canvas-toolbar > .pat-select[data-value='retract'],
.canvas-toolbar .cal-categories .pat-select[data-option='Draft'],
.canvas-toolbar .cal-categories .pat-select[data-value='retract'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Draft'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='retract'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Draft'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='retract'] {
  background-color: var(--colour-draft);
  color: var(--body-font-colour);
}
.canvas-toolbar > .pat-select[data-option='Public'],
.canvas-toolbar > .pat-select[data-value='Public'],
.canvas-toolbar .cal-categories .pat-select[data-option='Public'],
.canvas-toolbar .cal-categories .pat-select[data-value='Public'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Public'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='Public'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Public'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='Public'] {
  color: var(--colour-public);
}
.canvas-toolbar > .pat-select[data-option='Published'],
.canvas-toolbar > .pat-select[data-value='published'],
.canvas-toolbar .cal-categories .pat-select[data-option='Published'],
.canvas-toolbar .cal-categories .pat-select[data-value='published'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Published'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='published'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Published'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='published'] {
  color: var(--colour-published);
}
.canvas-toolbar > .pat-select[data-option='Published']:before,
.canvas-toolbar > .pat-select[data-value='published']:before,
.canvas-toolbar .cal-categories .pat-select[data-option='Published']:before,
.canvas-toolbar .cal-categories .pat-select[data-value='published']:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Published']:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='published']:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Published']:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='published']:before {
  font-weight: normal;
}
@media (hover: hover) {
.canvas-toolbar > .pat-select[data-option='Published']:hover,
.canvas-toolbar > .pat-select[data-value='published']:hover,
.canvas-toolbar .cal-categories .pat-select[data-option='Published']:hover,
.canvas-toolbar .cal-categories .pat-select[data-value='published']:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Published']:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='published']:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Published']:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='published']:hover {
  color: var(--colour-success-background);
}
}
.canvas-toolbar > .pat-select[data-value='running'],
.canvas-toolbar .cal-categories .pat-select[data-value='running'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='running'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='running'] {
  color: var(--colour-running);
}
@media (hover: hover) {
.canvas-toolbar > .pat-select[data-value='running']:hover,
.canvas-toolbar .cal-categories .pat-select[data-value='running']:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='running']:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='running']:hover {
  color: color-mix(in srgb, var(--colour-running) 90%, black);
}
}
.canvas-toolbar > .pat-select[data-value='closed'],
.canvas-toolbar .cal-categories .pat-select[data-value='closed'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='closed'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='closed'] {
  color: var(--colour-closed);
}
@media (hover: hover) {
.canvas-toolbar > .pat-select[data-value='closed']:hover,
.canvas-toolbar .cal-categories .pat-select[data-value='closed']:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value='closed']:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value='closed']:hover {
  color: color-mix(in srgb, var(--colour-closed) 90%, black);
}
}
.canvas-toolbar > .pat-select[data-option='Veröffentlicht'],
.canvas-toolbar .cal-categories .pat-select[data-option='Veröffentlicht'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Veröffentlicht'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Veröffentlicht'] {
  color: var(--colour-published);
}
.canvas-toolbar > .pat-select[data-option='Logged in'],
.canvas-toolbar .cal-categories .pat-select[data-option='Logged in'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Logged in'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Logged in'] {
  background-color: var(--colour-logged-in);
  color: white;
}
.canvas-toolbar > .pat-select[data-option='Logged in']:after,
.canvas-toolbar .cal-categories .pat-select[data-option='Logged in']:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Logged in']:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Logged in']:after {
  filter: invert(100%);
}
.canvas-toolbar > .pat-select[data-option='Internal'],
.canvas-toolbar .cal-categories .pat-select[data-option='Internal'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Internal'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Internal'] {
  background-color: #ff2f92;
  color: white;
}
.canvas-toolbar > .pat-select[data-option='Everyone'],
.canvas-toolbar .cal-categories .pat-select[data-option='Everyone'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Everyone'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Everyone'] {
  background-color: var(--colour-base-background)smoke;
}
.canvas-toolbar > .pat-select[data-option='Closed'],
.canvas-toolbar > .pat-select[data-option='finish'],
.canvas-toolbar .cal-categories .pat-select[data-option='Closed'],
.canvas-toolbar .cal-categories .pat-select[data-option='finish'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Closed'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='finish'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Closed'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='finish'] {
  color: color-mix(in srgb, var(--colour-success) 60%, black);
}
.canvas-toolbar > .pat-select[data-option='Abschluss'],
.canvas-toolbar .cal-categories .pat-select[data-option='Abschluss'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Abschluss'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Abschluss'] {
  color: color-mix(in srgb, var(--colour-success) 60%, black);
}
.canvas-toolbar > .pat-select[data-option='Open'],
.canvas-toolbar > .pat-select[data-option='open'],
.canvas-toolbar .cal-categories .pat-select[data-option='Open'],
.canvas-toolbar .cal-categories .pat-select[data-option='open'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Open'],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='open'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Open'],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='open'] {
  background-color: var(--colour-warning);
  color: white;
}
.canvas-toolbar > .pat-select[data-option='Open']:after,
.canvas-toolbar > .pat-select[data-option='open']:after,
.canvas-toolbar .cal-categories .pat-select[data-option='Open']:after,
.canvas-toolbar .cal-categories .pat-select[data-option='open']:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='Open']:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option='open']:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='Open']:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option='open']:after {
  filter: invert(100%);
}
.canvas-toolbar > .pat-select:before,
.canvas-toolbar .cal-categories .pat-select:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:before {
  max-height: var(--canvas-toolbar-button-height);
}
.canvas-toolbar .context-menu,
.canvas-toolbar .pat-context-menu {
  display: inline-block;
}
.canvas-toolbar > .pat-select,
.canvas-toolbar .cal-categories .pat-select,
.canvas-toolbar .canvas-toolbar-section > .pat-select,
.canvas-toolbar .context-menu > .context-menu-label,
.canvas-toolbar .pat-context-menu > .context-menu-label {
  display: inline-block;
  vertical-align: top;
  height:  var(--canvas-toolbar-button-height);
  line-height: var(--canvas-toolbar-button-height);
}
.canvas-toolbar > .pat-select select,
.canvas-toolbar .cal-categories .pat-select select,
.canvas-toolbar .canvas-toolbar-section > .pat-select select,
.canvas-toolbar .context-menu > .context-menu-label select,
.canvas-toolbar .pat-context-menu > .context-menu-label select {
  background-color: transparent;
  height:  var(--canvas-toolbar-button-height);
  line-height: var(--canvas-toolbar-button-height);
  padding-top: 0;
  padding-bottom: 0;
}
@container screen style(--screen-small: true) {
.canvas-toolbar > .pat-checklist {
  display: none !important;
}
}
.canvas-toolbar > input[type="search"],
.canvas-toolbar .quick-functions > input[type="search"] {
  float: right;
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  border: 1px silver solid;
  margin-top: 0;
  margin-bottom: 0;
  height: var(--canvas-toolbar-button-height);
}
body[dir=rtl] .canvas-toolbar > input[type="search"],
body[dir=rtl] .canvas-toolbar .quick-functions > input[type="search"] {
  float: left;
}
@container screen style(--screen-small: true) {
.canvas-toolbar > input[type="search"],
.canvas-toolbar .quick-functions > input[type="search"] {
  width: 100%;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
}
.canvas-toolbar .cal-categories .button-cluster {
  box-shadow: var(--pat-button-cluster-box-shadow);
  display: flex;
}
.canvas-toolbar .button-cluster {
  float: left;
  border-radius: var(--border-radii);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: var(--pat-button-cluster-box-shadow);
  padding: 0 6px;
}
body[dir=rtl] .canvas-toolbar .button-cluster {
  float: right;
}
.canvas-toolbar .button-cluster.cal-controls {
  box-shadow: none;
}
.canvas-toolbar .button-cluster.cal-controls button.view-month:before,
.canvas-toolbar .button-cluster.cal-controls button.view-week:before,
.canvas-toolbar .button-cluster.cal-controls button.view-day:before,
.canvas-toolbar .button-cluster.cal-controls button.view-listDay:before,
.canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-cal-view-mark) center / 1em no-repeat;
  mask: var(--kik-cal-view-mark) center / 1em no-repeat;
}
@container screen style(--screen-large: false) {
.canvas-toolbar .button-cluster.cal-controls button.view-month,
.canvas-toolbar .button-cluster.cal-controls button.view-week,
.canvas-toolbar .button-cluster.cal-controls button.view-day,
.canvas-toolbar .button-cluster.cal-controls button.view-listDay,
.canvas-toolbar .button-cluster.cal-controls button.view-listMonth {
  width: 40px;
  overflow: hidden;
  padding: 0;
  color: transparent;
}
}
@container screen style(--screen-large: false) {
.canvas-toolbar .button-cluster.cal-controls button.view-month:before,
.canvas-toolbar .button-cluster.cal-controls button.view-week:before,
.canvas-toolbar .button-cluster.cal-controls button.view-day:before,
.canvas-toolbar .button-cluster.cal-controls button.view-listDay:before,
.canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
  width: 100%;
  text-align: center;
}
}
.canvas-toolbar .button-cluster.cal-controls button.view-month:before {
  --kik-cal-view-mark: var(--kik-svg-grid);
}
.canvas-toolbar .button-cluster.cal-controls button.view-day:before {
  --kik-cal-view-mark: var(--kik-svg-calendar);
}
.canvas-toolbar .button-cluster.cal-controls button.view-week:before {
  --kik-cal-view-mark: var(--kik-svg-columns);
}
.canvas-toolbar .button-cluster.cal-controls button.view-listDay:before,
.canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
  --kik-cal-view-mark: var(--kik-svg-list);
  margin-right: 4px;
}
@container screen style(--screen-small: true) {
.canvas-toolbar .button-cluster.cal-controls button.jump-today {
  width: 0.6em;
  color: transparent;
  line-height: 1.4;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar .button-cluster.cal-controls button.jump-today:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  color: var(--body-font-colour);
  font-size: 0.6em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-circle) center / contain no-repeat;
  mask: var(--kik-svg-circle) center / contain no-repeat;
}
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev,
.canvas-toolbar .button-cluster.cal-controls button.jump-next {
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  font-size: 0;
  width: 32px;
  text-align: center;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev:before,
.canvas-toolbar .button-cluster.cal-controls button.jump-next:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev {
  text-align: left;
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-prev {
  text-align: right;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev:before {
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-prev:before {
  -webkit-mask-image: var(--kik-svg-angle-right);
  mask-image: var(--kik-svg-angle-right);
}
.canvas-toolbar .button-cluster.cal-controls button.jump-next {
  text-align: right;
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-next {
  text-align: left;
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-next:before {
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today {
  position: relative;
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  color: transparent !important;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today:before {
  content: ' ';
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--body-font-colour);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today:after {
  left: 0;
  right: 0;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today.active:before {
  background-color: var(--colour-base-background);
}
.canvas-toolbar .button-cluster.align-centre {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  transition-delay: 0.5s;
  position: absolute;
}
.canvas-toolbar .button-cluster button,
.canvas-toolbar .button-cluster a.button,
.canvas-toolbar .button-cluster .pat-button,
.canvas-toolbar .button-cluster label,
.canvas-toolbar .button-cluster > a {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  float: left;
  border: none;
  background: transparent;
  padding: 0 12px;
  color: rgba(0,0,0,0.7);
  cursor: default;
  line-height: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  box-shadow: none;
  font-size: var(--body-font-size);
  font-weight: normal;
  position: relative;
}
body[dir=rtl] .canvas-toolbar .button-cluster button,
body[dir=rtl] .canvas-toolbar .button-cluster a.button,
body[dir=rtl] .canvas-toolbar .button-cluster .pat-button,
body[dir=rtl] .canvas-toolbar .button-cluster label,
body[dir=rtl] .canvas-toolbar .button-cluster > a {
  float: right;
}
.canvas-toolbar .button-cluster button.icon,
.canvas-toolbar .button-cluster a.button.icon,
.canvas-toolbar .button-cluster .pat-button.icon,
.canvas-toolbar .button-cluster label.icon,
.canvas-toolbar .button-cluster > a.icon {
  padding: 0 5px;
}
.canvas-toolbar .button-cluster button input,
.canvas-toolbar .button-cluster a.button input,
.canvas-toolbar .button-cluster .pat-button input,
.canvas-toolbar .button-cluster label input,
.canvas-toolbar .button-cluster > a input {
  position: absolute;
  opacity: 0;
}
@media (hover: hover) {
.canvas-toolbar .button-cluster button[href]:not(.current):hover,
.canvas-toolbar .button-cluster a.button[href]:not(.current):hover,
.canvas-toolbar .button-cluster .pat-button[href]:not(.current):hover,
.canvas-toolbar .button-cluster label[href]:not(.current):hover,
.canvas-toolbar .button-cluster > a[href]:not(.current):hover {
  color: var(--body-font-colour);
  background-color: transparent;
}
}
@media (hover: hover) {
.canvas-toolbar .button-cluster button:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster a.button:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster .pat-button:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster label:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster > a:not(.active):not(.current):not(.checked):hover {
  color: var(--body-font-colour);
}
}
.canvas-toolbar .button-cluster button:before,
.canvas-toolbar .button-cluster a.button:before,
.canvas-toolbar .button-cluster .pat-button:before,
.canvas-toolbar .button-cluster label:before,
.canvas-toolbar .button-cluster > a:before {
  margin-right: 5px;
  margin-left: 0;
  color: rgba(0,0,0,0.7);
}
.canvas-toolbar .button-cluster button:after,
.canvas-toolbar .button-cluster a.button:after,
.canvas-toolbar .button-cluster .pat-button:after,
.canvas-toolbar .button-cluster label:after,
.canvas-toolbar .button-cluster > a:after {
  background: var(--colour-accent);
  position: absolute;
  top: 3px;
  right: -3px;
  bottom: 3px;
  left: -3px;
  z-index: -1;
  display: block;
  content: ' ';
  border-radius: calc(var(--button-border-radius, var(--border-radii)) - var(--pat-button-cluster-toggle-margin));
  opacity: 0;
  box-shadow: 0 1px 6px rgba(0,0,0,0.15);
}
.canvas-toolbar .button-cluster button.checked,
.canvas-toolbar .button-cluster button.active,
.canvas-toolbar .button-cluster button.current,
.canvas-toolbar .button-cluster a.button.checked,
.canvas-toolbar .button-cluster a.button.active,
.canvas-toolbar .button-cluster a.button.current,
.canvas-toolbar .button-cluster .pat-button.checked,
.canvas-toolbar .button-cluster .pat-button.active,
.canvas-toolbar .button-cluster .pat-button.current,
.canvas-toolbar .button-cluster label.checked,
.canvas-toolbar .button-cluster label.active,
.canvas-toolbar .button-cluster label.current,
.canvas-toolbar .button-cluster > a.checked,
.canvas-toolbar .button-cluster > a.active,
.canvas-toolbar .button-cluster > a.current {
  background-color: transparent;
  color: white;
  text-decoration: none;
  box-shadow: none;
}
.canvas-toolbar .button-cluster button.checked:after,
.canvas-toolbar .button-cluster button.active:after,
.canvas-toolbar .button-cluster button.current:after,
.canvas-toolbar .button-cluster a.button.checked:after,
.canvas-toolbar .button-cluster a.button.active:after,
.canvas-toolbar .button-cluster a.button.current:after,
.canvas-toolbar .button-cluster .pat-button.checked:after,
.canvas-toolbar .button-cluster .pat-button.active:after,
.canvas-toolbar .button-cluster .pat-button.current:after,
.canvas-toolbar .button-cluster label.checked:after,
.canvas-toolbar .button-cluster label.active:after,
.canvas-toolbar .button-cluster label.current:after,
.canvas-toolbar .button-cluster > a.checked:after,
.canvas-toolbar .button-cluster > a.active:after,
.canvas-toolbar .button-cluster > a.current:after {
  opacity: 1;
}
.canvas-toolbar .button-cluster button.checked:before,
.canvas-toolbar .button-cluster button.active:before,
.canvas-toolbar .button-cluster button.current:before,
.canvas-toolbar .button-cluster a.button.checked:before,
.canvas-toolbar .button-cluster a.button.active:before,
.canvas-toolbar .button-cluster a.button.current:before,
.canvas-toolbar .button-cluster .pat-button.checked:before,
.canvas-toolbar .button-cluster .pat-button.active:before,
.canvas-toolbar .button-cluster .pat-button.current:before,
.canvas-toolbar .button-cluster label.checked:before,
.canvas-toolbar .button-cluster label.active:before,
.canvas-toolbar .button-cluster label.current:before,
.canvas-toolbar .button-cluster > a.checked:before,
.canvas-toolbar .button-cluster > a.active:before,
.canvas-toolbar .button-cluster > a.current:before {
  color: white;
}
.canvas-toolbar .button-cluster button.checked .counter,
.canvas-toolbar .button-cluster button.active .counter,
.canvas-toolbar .button-cluster button.current .counter,
.canvas-toolbar .button-cluster a.button.checked .counter,
.canvas-toolbar .button-cluster a.button.active .counter,
.canvas-toolbar .button-cluster a.button.current .counter,
.canvas-toolbar .button-cluster .pat-button.checked .counter,
.canvas-toolbar .button-cluster .pat-button.active .counter,
.canvas-toolbar .button-cluster .pat-button.current .counter,
.canvas-toolbar .button-cluster label.checked .counter,
.canvas-toolbar .button-cluster label.active .counter,
.canvas-toolbar .button-cluster label.current .counter,
.canvas-toolbar .button-cluster > a.checked .counter,
.canvas-toolbar .button-cluster > a.active .counter,
.canvas-toolbar .button-cluster > a.current .counter {
  background: red;
}
.canvas-toolbar .button-cluster button:first-child,
.canvas-toolbar .button-cluster a.button:first-child,
.canvas-toolbar .button-cluster .pat-button:first-child,
.canvas-toolbar .button-cluster label:first-child,
.canvas-toolbar .button-cluster > a:first-child {
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
.canvas-toolbar .button-cluster button:last-child,
.canvas-toolbar .button-cluster a.button:last-child,
.canvas-toolbar .button-cluster .pat-button:last-child,
.canvas-toolbar .button-cluster label:last-child,
.canvas-toolbar .button-cluster > a:last-child {
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
.canvas-toolbar .button-cluster button .counter,
.canvas-toolbar .button-cluster a.button .counter,
.canvas-toolbar .button-cluster .pat-button .counter,
.canvas-toolbar .button-cluster label .counter,
.canvas-toolbar .button-cluster > a .counter {
  display: inline-block;
  margin: 0.8em 0em 0.5em 0.5em;
  background-color: red;
  color: white;
  border-radius: 1em;
  border: 1px solid rgba(255,255,255,1);
  height: 1.8em;
  min-width: 1.8em;
  box-sizing: border-box;
  padding: 0 0.5em;
  transition: opacity 0.5s;
  animation: zoomIn 0.6s;
  float: right;
  vertical-align: baseline;
  line-height: 1.7em;
  font-size: 0.6em;
  text-align: center;
  font-weight: normal;
}
.canvas-toolbar .button-cluster button .counter.disabled,
.canvas-toolbar .button-cluster a.button .counter.disabled,
.canvas-toolbar .button-cluster .pat-button .counter.disabled,
.canvas-toolbar .button-cluster label .counter.disabled,
.canvas-toolbar .button-cluster > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.canvas-toolbar .button-cluster button .counter.injecting,
.canvas-toolbar .button-cluster a.button .counter.injecting,
.canvas-toolbar .button-cluster .pat-button .counter.injecting,
.canvas-toolbar .button-cluster label .counter.injecting,
.canvas-toolbar .button-cluster > a .counter.injecting {
  opacity: 0;
}
.canvas-toolbar .button-cluster button .counter.injecting:before,
.canvas-toolbar .button-cluster a.button .counter.injecting:before,
.canvas-toolbar .button-cluster .pat-button .counter.injecting:before,
.canvas-toolbar .button-cluster label .counter.injecting:before,
.canvas-toolbar .button-cluster > a .counter.injecting:before {
  display: none;
}
.canvas-toolbar .button,
.canvas-toolbar .icon {
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: top;
  line-height: var(--canvas-toolbar-button-height);
  border: none;
  background-color: var(--pat-toolbar-icon-background-colour);
  float: none;
}
body[dir=rtl] .canvas-toolbar .button,
body[dir=rtl] .canvas-toolbar .icon {
  margin: 0 0 0 20px;
}
.canvas-toolbar .button .counter,
.canvas-toolbar .icon .counter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: white;
  font-size: 7px;
  text-align: center;
  display: block;
  text-indent: 0;
  z-index: 1;
  line-height: 34px;
}
@keyframes grow-likes {

			from { transform: scale(0); }
			to { transform: scale(2); }
		}
.canvas-toolbar .button.like.active.has-likes,
.canvas-toolbar .icon.like.active.has-likes {
  animation: grow-likes 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.canvas-toolbar .button.like.has-likes,
.canvas-toolbar .icon.like.has-likes {
  transform: scale(2);
}
.canvas-toolbar .button.meta-data-toggle:before,
.canvas-toolbar .icon.meta-data-toggle:before {
  --kik-toolbar-mark: var(--kik-svg-metadata) !important;
}
.canvas-toolbar .button.meta-data-toggle.collapsible-open,
.canvas-toolbar .icon.meta-data-toggle.collapsible-open {
  color: white;
  background-color: var(--colour-accent);
}
@container screen style(--screen-small: true) {
.canvas-toolbar .button,
.canvas-toolbar .icon {
  margin: 0 20px 0 0;
}
}
.canvas-toolbar .button:active,
.canvas-toolbar .icon:active {
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}
@media (hover: hover) {
.canvas-toolbar .button:hover,
.canvas-toolbar .icon:hover {
  color: black;
}
}
.canvas-toolbar .button {
  font-weight: bold;
}
.canvas-toolbar .functions,
.canvas-toolbar .cal-categories {
  margin-left: 10px;
  display: flex;
  align-items: start;
}
.canvas-toolbar .functions > .button,
.canvas-toolbar .functions > .pat-button,
.canvas-toolbar .functions > .context-menu,
.canvas-toolbar .functions .icon,
.canvas-toolbar .functions .pat-select,
.canvas-toolbar .cal-categories > .button,
.canvas-toolbar .cal-categories > .pat-button,
.canvas-toolbar .cal-categories > .context-menu,
.canvas-toolbar .cal-categories .icon,
.canvas-toolbar .cal-categories .pat-select {
  margin: 0 0 0 20px;
  background-image: none;
  vertical-align: top;
}
@container screen style(--screen-large: false) {
.canvas-toolbar .functions > .button,
.canvas-toolbar .functions > .pat-button,
.canvas-toolbar .functions > .context-menu,
.canvas-toolbar .functions .icon,
.canvas-toolbar .functions .pat-select,
.canvas-toolbar .cal-categories > .button,
.canvas-toolbar .cal-categories > .pat-button,
.canvas-toolbar .cal-categories > .context-menu,
.canvas-toolbar .cal-categories .icon,
.canvas-toolbar .cal-categories .pat-select {
  margin: 0 0 0 5px;
}
}
.canvas-toolbar .icon {
  text-indent: -1000em;
  width: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  position: relative;
  color: rgba(0,0,0,0.6);
  cursor: default;
  line-height: var(--canvas-toolbar-button-height);
  border-radius: var(--button-border-radius);
  display: inline-block;
  text-align: left;
  background-color: var(--pat-toolbar-icon-background-colour);
}
body[dir=rtl] .canvas-toolbar .icon {
  text-align: right;
}
.canvas-toolbar .icon:before {
  text-indent: 0;
  line-height: calc(var(--canvas-toolbar-button-height) + 1px);
  text-align: center;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: var(--button-border-radius);
  box-sizing: border-box;
}
.canvas-toolbar .icon:not(:has(> svg)):before {
  content: '';
  background-color: currentColor !important;
  -webkit-mask: var(--kik-toolbar-mark, var(--kik-icon-svg, linear-gradient(transparent 0 0))) center / 1em no-repeat;
  mask: var(--kik-toolbar-mark, var(--kik-icon-svg, linear-gradient(transparent 0 0))) center / 1em no-repeat;
}
@media (hover: hover) {
.canvas-toolbar .icon:hover {
  text-decoration: none;
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.canvas-toolbar .icon.active {
  color: var(--colour-accent);
  box-shadow: none;
}
.canvas-toolbar .icon.active:before {
  color: var(--colour-accent);
}
.canvas-toolbar .icon.pat-tooltip.tooltip-active-click {
  background-color: var(--colour-accent);
}
.canvas-toolbar .icon.pat-tooltip.tooltip-active-click:before {
  background-color: var(--colour-accent);
  color: white;
}
.canvas-toolbar .icon.create:before {
  --kik-toolbar-mark: var(--kik-svg-plus);
  font-size: 25px;
}
.canvas-toolbar .icon.edit:before {
  --kik-toolbar-mark: var(--kik-svg-edit);
}
.canvas-toolbar .icon.share:before {
  --kik-toolbar-mark: var(--kik-svg-share);
}
.canvas-toolbar .icon.modify:before {
  --kik-toolbar-mark: var(--kik-svg-settings);
}
.canvas-toolbar .icon.card-view:before {
  --kik-toolbar-mark: var(--kik-svg-grid);
}
.canvas-toolbar .icon.list-view:before {
  --kik-toolbar-mark: var(--kik-svg-list);
}
.canvas-toolbar .icon.download:before {
  --kik-toolbar-mark: var(--kik-svg-download);
}
.canvas-toolbar .icon.upload:before {
  --kik-toolbar-mark: var(--kik-svg-upload);
}
.canvas-toolbar .icon.shopping-basket:before {
  --kik-toolbar-mark: var(--kik-svg-basket);
}
.canvas-toolbar .icon.more:before {
  --kik-toolbar-mark: var(--kik-svg-more);
}
.canvas-toolbar .icon.visibility:before {
  --kik-toolbar-mark: var(--kik-svg-visibility);
  color: var(--colour-accent);
}
.canvas-toolbar .canvas-toolbar-search-field {
  width: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  position: relative;
  display: inline-block;
  z-index: 1;
  margin-left: 1em;
}
.canvas-toolbar .canvas-toolbar-search-field:after {
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--canvas-toolbar-button-height);
  width: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-search) center / 22px no-repeat;
  mask: var(--kik-svg-search) center / 22px no-repeat;
  transition: left 0.5s, padding-left 0.5s, transform 1s;
}
@media (hover: hover) {
.canvas-toolbar .canvas-toolbar-search-field:hover {
  color: var(--body-font-colour);
}
}
.canvas-toolbar .canvas-toolbar-search-field input {
  width: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  border: 1px silver solid;
  max-width: 1000px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
  opacity: 0;
  padding-left: 34px;
  margin: 0;
}
.canvas-toolbar .canvas-toolbar-search-field input:focus {
  outline: none;
  box-shadow: none;
}
.canvas-toolbar .canvas-toolbar-search-field.focus input,
.canvas-toolbar .canvas-toolbar-search-field.has-value input {
  width: 270px;
  opacity: 1;
}
@container screen style(--screen-small: false) {
.canvas-toolbar .canvas-toolbar-search-field.focus input,
.canvas-toolbar .canvas-toolbar-search-field.has-value input {
  width: 350px;
}
}
.canvas-toolbar .canvas-toolbar-search-field.focus:after,
.canvas-toolbar .canvas-toolbar-search-field.has-value:after {
  color: gray;
  transform: scale(0.8);
  left: -270px;
}
@container screen style(--screen-small: false) {
.canvas-toolbar .canvas-toolbar-search-field.focus:after,
.canvas-toolbar .canvas-toolbar-search-field.has-value:after {
  left: -350px;
  padding-left: 40px;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker {
  --pat-x-list-column-width: 180px;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker.columns-2 tbody {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker.columns-3 tbody {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker tbody tr > th.item-name > label {
  display: block;
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  overflow: visible;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker tbody tr > th.item-name > label::before {
  display: none;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker tbody tr > th.item-name > label::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker tbody tr > th.item-name > label > input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker tbody tr:has(input:checked) {
  background-color: var(--pat-surface-background-colour-highlight, var(--pat-x-list-background-colour));
  outline: 2px solid var(--colour-accent, var(--app-colour));
  outline-offset: -2px;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker.card-picker tbody tr:has(input:checked) > :is(th, td) {
  background-color: transparent !important;
  color: inherit;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker.card-picker tbody tr:has(input:checked) > :is(th, td) * {
  color: inherit;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.card-picker tbody tr:has(input:focus-visible) {
  outline: var(--pat-form-input-field-outline-focus, 2px solid var(--colour-accent));
  outline-offset: var(--pat-form-input-field-outline-offset, 2px);
}
}
.kik-send-format:has(input[name="kik-fmt"][value="pdf"]:checked) .kik-send-next:not([data-fmt="pdf"]),
.kik-send-format:has(input[name="kik-fmt"][value="original"]:checked) .kik-send-next:not([data-fmt="original"]) {
  display: none;
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.kik-account-picker-list tbody tr > td.item-media > svg.kik-brandmark {
  padding: 20%;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.kik-account-picker-list tbody tr > td.item-media > svg.app-icon {
  padding: 14%;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.kik-account-picker-list tbody tr > td.item-media > svg.app-icon * {
  fill: transparent !important;
  stroke: var(--app-tile-icon-colour, var(--app-colour));
  stroke-width: 1.1px;
}
}
.pat-checklist .composed.checked > label.role:after {
  display: inline-block;
  border: 1px solid white;
  height: 21px;
  line-height: 22px;
}
.pat-checklist ul ul .select-all,
.pat-checklist ul ul .deselect-all,
.pat-checklist .label .select-all,
.pat-checklist .label .deselect-all {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.pat-checklist ul ul .select-all:disabled,
.pat-checklist ul ul .deselect-all:disabled,
.pat-checklist .label .select-all:disabled,
.pat-checklist .label .deselect-all:disabled {
  display: none;
}
.pat-checklist:not(.free-form):not(.free-form) > :is(label, .label) .label-fragment-description:has(.pat-rich) {
  margin-bottom: 0;
}
.pat-checklist.task-list {
  --kik-checklist-more-inset: 5px;
  --pat-menu-list-more-size: 1.4rem;
  --pat-menu-list-more-glyph-size: 0.85rem;
  --pat-checklist-margin-bottom: 0;
}
.pat-checklist.task-list > .label {
  padding: var(--kik-sidebar-row-padding-block, 2px) var(--kik-sidebar-row-padding-inline, 9px);
  margin: 0 calc(-1 * var(--kik-sidebar-row-bleed, 7px));
  border-radius: var(--border-radii-medium);
  position: relative;
  --pat-checklist-label-padding-start: var(--kik-sidebar-row-text-seat, 1.5em);
}
.pat-checklist.task-list > .label:has(> a.pat-context-menu) > .label-fragment-title,
.pat-checklist.task-list > .label:has(> a.pat-context-menu) > .follow {
  width: calc(100% - var(--pat-menu-list-more-size, 1.6rem)
					            - var(--kik-checklist-more-inset));
  box-sizing: border-box;
}
.pat-checklist.task-list > .label > a.pat-context-menu {
  position: absolute;
  top: 50%;
  right: var(--kik-checklist-more-inset);
  transform: translateY(-50%);
  z-index: 1;
  box-sizing: border-box;
  width: var(--pat-menu-list-more-size, 1.6rem);
  height: var(--pat-menu-list-more-size, 1.6rem);
  min-width: var(--pat-menu-list-more-size, 1.6rem);
  padding: 0;
  border-radius: 50%;
  background-color: var(--pat-toolbar-icon-frost-background, var(--pat-surface-background-colour));
  box-shadow: var(--pat-button-box-shadow);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  opacity: 0;
  transition: opacity 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0;
  font-size: 0;
}
.pat-checklist.task-list > .label > a.pat-context-menu:before {
  display: none;
}
.pat-checklist.task-list > .label > a.pat-context-menu > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-size: var(--pat-menu-list-more-glyph-size, 1rem);
  width: var(--pat-menu-list-more-glyph-size, 1rem);
  height: var(--pat-menu-list-more-glyph-size, 1rem);
  vertical-align: baseline;
  line-height: 1;
}
.pat-checklist.task-list > .label:focus-within > a.pat-context-menu,
.pat-checklist.task-list > .label > a.pat-context-menu.tooltip-active-click,
.pat-checklist.task-list > .label > a.pat-context-menu[aria-expanded="true"] {
  opacity: 1;
}
@media (hover: hover) {
.pat-checklist.task-list > .label:hover > a.pat-context-menu {
  opacity: 1;
}
}
.pat-checklist.task-list > .label > a.pat-context-menu.tooltip-active-click,
.pat-checklist.task-list > .label > a.pat-context-menu[aria-expanded="true"] {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover, inherit);
}
@media (hover: hover) {
.pat-checklist.task-list > .label > a.pat-context-menu:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover, inherit);
}
}
.pat-checklist.task-list > .label:not(:has(.current)):has(> a.pat-context-menu[aria-expanded="true"]),
.pat-checklist.task-list > .label:not(:has(.current)):has(> a.pat-context-menu.tooltip-active-click) {
  background: var(--pat-toolbar-hover-background, var(--pat-surface-background-colour-hover));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--body-font-colour, #333) 10%, transparent);
}
@media (hover: hover) {
.pat-checklist.task-list > .label:not(:has(.current)):hover {
  background: var(--pat-toolbar-hover-background, var(--pat-surface-background-colour-hover));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--body-font-colour, #333) 10%, transparent);
}
}
.pat-checklist.task-list > .label:has(.current) {
  background-color: var(--colour-accent);
  color: white;
  --pat-checklist-checkbox-box-shadow: inset 0 0 0 2px white;
  --pat-checklist-checkbox-background-colour: var(--colour-accent);
}
.pat-checklist.task-list > .label:has(.current) * {
  color: white;
}
.pat-checklist.task-list > .label:has(.current) .priority:is(.priority-high, .priority-medium, .priority-low):before,
.pat-checklist.task-list > .label:has(.current) .follow:is(.priority-high, .priority-medium, .priority-low):before {
  color: white;
}
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu.tooltip-active-click,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu[aria-expanded="true"] {
  color: var(--colour-accent);
}
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu > svg.kik-icon,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu > svg.kik-icon *,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu.tooltip-active-click > svg.kik-icon,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu.tooltip-active-click > svg.kik-icon *,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu[aria-expanded="true"] > svg.kik-icon,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu[aria-expanded="true"] > svg.kik-icon * {
  color: var(--colour-accent);
}
@media (hover: hover) {
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu:hover {
  color: var(--colour-accent);
}
}
@media (hover: hover) {
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu:hover > svg.kik-icon,
.pat-checklist.task-list > .label:has(.current) > a.pat-context-menu:hover > svg.kik-icon * {
  color: var(--colour-accent);
}
}
.pat-checklist.task-list > .label label:has(input:checked) {
  text-decoration: line-through;
}
.pat-checklist.task-list > .label label:has(input:checked) .item-title {
  text-decoration: line-through;
}
.pat-checklist.task-list > .label .follow {
  align-self: stretch;
  overflow: hidden;
  opacity: 0;
}
.pat-checklist.task-list > .label > .follow {
  grid-row: 1 / -1;
}
.pat-checklist.task-list > .label > .label-fragment-description {
  --kik-checklist-byline-fade: 0.8em;
  margin: 0;
  max-height: 4.5em;
  overflow: hidden;
  padding-bottom: var(--kik-checklist-byline-fade);
  box-sizing: border-box;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--kik-checklist-byline-fade)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - var(--kik-checklist-byline-fade)), transparent 100%);
}
.pat-checklist.task-list > .label > .label-fragment-description > .pat-rich {
  zoom: 0.72;
}
.pat-checklist.task-list > .label > .label-fragment-description > .pat-rich > :first-child {
  margin-top: 0;
}
.pat-checklist.task-list > .label > .label-fragment-description > .pat-rich > :last-child {
  margin-bottom: 0;
}
.pat-checklist.task-list > .label .priority.priority-high:before,
.pat-checklist.task-list > .label .priority.priority-medium:before,
.pat-checklist.task-list > .label .priority.priority-low:before {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: bold;
  color: red;
}
.pat-checklist.task-list > .label .priority.priority-high:before {
  content: '!!!';
}
.pat-checklist.task-list > .label .priority.priority-medium:before {
  content: '!!';
}
.pat-checklist.task-list > .label .priority.priority-low:before {
  content: '!';
}
.pat-checklist.colour-selector {
  background: var(--colour-form-fields-background);
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  container-type: inline-size;
}
.pat-checklist.colour-selector.colour-set-dp label {
  color: white;
}
.pat-checklist.colour-selector.colour-set-dp label:before {
  color: var(--body-font-colour);
}
.pat-checklist.colour-selector label {
  flex: 1 1 calc(50% - 2px);
  padding: 0 15px 0 45px;
  box-sizing: border-box;
  font-weight: normal;
  color: var(--body-font-colour);
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 50px;
  line-height: 50px;
  position: relative;
  border-radius: var(--border-radii);
}
.pat-checklist.colour-selector label.default-workspace-colour {
  background-color: var(--colour-workspace-default);
}
.pat-checklist.colour-selector label.default-portal-header-colour {
  background-color: var(--portal-tabs-text-colour);
}
.pat-checklist.colour-selector label:before,
.pat-checklist.colour-selector label:after {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  display: block;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
  font-size: 1.2em;
  box-sizing: border-box;
}
.pat-checklist.colour-selector label:before {
  content: '';
  z-index: 1;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-checklist-mark, linear-gradient(transparent 0 0)) center / contain no-repeat;
  mask: var(--kik-checklist-mark, linear-gradient(transparent 0 0)) center / contain no-repeat;
}
.pat-checklist.colour-selector label:after {
  background: var(--colour-base-background);
  border-radius: 50%;
  content: ' ';
  width: 0.8em;
  height: 0.8em;
  left: 1.05rem;
}
.pat-checklist.colour-selector label.unchecked {
  --kik-checklist-mark: var(--kik-svg-circle);
}
.pat-checklist.colour-selector label.checked {
  --kik-checklist-mark: var(--kik-svg-dot-circle);
}
.pat-checklist.colour-selector label.default-colour {
  background-color: var(--colour-base);
}
.pat-checklist.colour-selector label input {
  position: absolute;
  opacity: 0;
  left: 0;
}
@container (min-width: 700px) {
.pat-checklist.colour-selector label {
  flex: 1 1 calc(33.333% - 3px);
}
}
.pat-checklist.layout-thumbs {
  margin: 0 calc(-0.5 * var(--grid-gutter));
}
.pat-checklist.layout-thumbs label {
  float: left;
  padding: 0 calc(0.5 * var(--grid-gutter)) var(--grid-gutter);
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.pat-checklist.layout-thumbs label {
  width: 50%;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-checklist.layout-thumbs label {
  width: 33.33332%;
}
}
@container screen style(--screen-large: true) {
.pat-checklist.layout-thumbs label {
  width: 20%;
}
}
.pat-checklist.layout-thumbs label input {
  position: absolute;
  opacity: 0;
}
.pat-checklist.layout-thumbs label img {
  float: left;
  width: 100%;
  box-sizing: border-box;
  border: 4px solid silver;
  background-size: 100% 100%;
  background: var(--colour-base-background);
}
.pat-checklist.layout-thumbs label.checked img {
  border: 4px solid var(--colour-accent);
}
.pat-checklist.tasks label .follow.priority-high:before,
.pat-checklist.tasks label .follow.priority-medium:before,
.pat-checklist.tasks label .follow.priority-low:before {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: bold;
  color: red;
}
.pat-checklist.tasks label .follow.priority-high:before {
  content: '!!!';
}
.pat-checklist.tasks label .follow.priority-medium:before {
  content: '!!';
}
.pat-checklist.tasks label .follow.priority-low:before {
  content: '!';
}
.pat-checklist.tablesque {
  border-top: 1px solid silver;
}
.pat-checklist.tablesque label {
  border-bottom: 1px solid silver;
  padding-left: 30px;
}
.pat-checklist.tablesque label .iconified,
.pat-checklist.tablesque label select {
  float: right;
  margin-left: 0.5em;
}
@media (hover: hover) {
.pat-checklist.tablesque label:hover {
  background-color: #efefef;
}
}
.pat-checklist.tablesque label.checked,
.pat-checklist.tablesque fieldset.composed.checked > *:after {
  background-color: #5bb75b;
  color: white;
  text-shadow: #000000 0px 0 0px;
}
.pat-checklist.tablesque input[type="checkbox"] {
  float: left;
  margin-left: -2em;
}
.vertical .legend + .pat-checklist.colour-selector,
.vertical .legend + .pat-checklist.layout-thumbs {
  margin-top: 1em;
}
@container main (width > 680px) {
.application-body.sidebar-large .reminders-wells .pat-checklist.task-list {
  --cols: 1;
  column-count: var(--cols);
  column-gap: var(--pat-well-panel-content-padding, 20px);
}
}
@container main (width > 680px) {
.application-body.sidebar-large .reminders-wells .pat-checklist.task-list > .label {
  display: grid;
  break-inside: avoid;
}
}
@container main (width > 680px) {
.application-body.sidebar-large .reminders-wells .pat-checklist.task-list > br {
  display: none;
}
}
@container main (width > 680px) {
@container reminders-list (width > 660px) {
.application-body.sidebar-large .reminders-wells .pat-checklist.task-list {
  --cols: 2;
}
}
}
@container main (width > 680px) {
@container reminders-list (width > 1000px) {
.application-body.sidebar-large .reminders-wells .pat-checklist.task-list {
  --cols: 3;
}
}
}
@container main (width > 680px) {
@container reminders-list (width > 1340px) {
.application-body.sidebar-large .reminders-wells .pat-checklist.task-list {
  --cols: 4;
}
}
}
.pat-checklist.task-list.task-list > .label:not(:has(input:focus)):before {
  outline: none;
}
.pat-checklist:is(.contains-task-list, .task-list) :is(label, .label):has(input[type="checkbox"][disabled]):not(:has(input:checked)):before {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--body-font-colour, #000) 35%, transparent);
  color: color-mix(in srgb, var(--body-font-colour, #000) 70%, transparent);
}
.pat-checklist:is(.contains-task-list, .task-list) :is(label, .label):has(input[type="checkbox"][disabled]):has(input:checked):before {
  background-color: var(--colour-accent);
  box-shadow: none;
  color: white;
}
.pat-checklist.task-list > .label:has(> .label-fragment-title > input[type="checkbox"]:not([disabled])):before {
  background-color: var(--pat-checklist-checkbox-background-colour);
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  color: inherit;
}
#portal #portal-content:has(.kik-cloud-dashboard) {
  --pat-container-width: 1550px;
}
:root {
  --kik-cloud-shadow-colour: rgba(0, 0, 0, 0.06);
  --kik-cloud-card-shadow: 0 0 0 1px var(--kik-cloud-shadow-colour);
  --kik-app-wash: color-mix(in srgb, var(--colour-accent, #F37021) 5%, white);
  --kik-sw-stage: var(--kik-sw-stage-pick, rgb(97, 118, 137));
}
.kik-cloud-dashboard {
  background-color: transparent;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) {
  --kik-cloud-gap: 1.25rem;
  --kik-cloud-radius: 18px;
  --kik-cloud-card-bg: var(--pat-well-background-colour);
  --pat-x-list-border-radius: 6px;
  box-sizing: border-box;
  --kik-col-w: calc((1080px - 4 * var(--kik-cloud-gap)) / 3);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, var(--kik-col-w)));
  grid-auto-rows: auto;
  grid-auto-flow: row dense;
  justify-content: center;
  gap: var(--kik-cloud-gap);
  width: 100%;
  margin: 0 auto;
  padding: var(--kik-cloud-gap);
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card {
  --pat-well-well-header-font-size: 26px;
  --pat-well-padding-left: 20px;
  --pat-well-padding-right: 20px;
  --pat-well-padding-top: 20px;
  --pat-well-padding-bottom: 20px;
  --pat-well-padding: 20px;
  --pat-x-list-border-radius: var(--border-radii-medium);
  grid-column: span 1;
  margin: 0;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--kik-cloud-card-bg);
  border: var(--kik-cloud-card-border, 0);
  border-width: calc(var(--kik-cloud-card-border-width, 0px) / var(--kik-squeeze, 1));
  border-radius: var(--kik-cloud-radius);
  box-shadow: var(--kik-cloud-card-shadow);
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board):not(.quaive-dashboard) .kik-cloud-card.kik-cloud-apps {
  padding: 0;
  background: none;
  box-shadow: none;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card.kik-cloud-apps[data-kik-size="5"] .kik-apps-grid {
  align-content: center;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-wide {
  grid-column: span 2;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-mail {
  grid-column: 1 / -1;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .pat-toolbar {
  zoom: var(--kik-cloud-card-toolbar-zoom, 0.8);
  opacity: 0;
  transition: opacity 0.12s ease-in;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .pat-toolbar .pat-toolbar {
  zoom: 1;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .pat-toolbar::before {
  box-shadow: var(--kik-cloud-card-toolbar-pill-shadow, var(--pat-toolbar-box-shadow));
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .pat-toolbar .icon {
  box-shadow: var(--kik-cloud-card-plus-ring, var(--pat-toolbar-button-box-shadow));
  border: var(--kik-cloud-card-plus-border, 0);
  border-width: calc(var(--kik-cloud-card-plus-border-width, 0px) / var(--kik-squeeze, 1));
  box-sizing: border-box;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .quaive-page-head > svg.app-icon {
  border-width: calc(var(--kik-cloud-card-chip-border-width, 0.7px) / (0.7 * var(--kik-squeeze, 1)));
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-well.kik-cloud-card .well-title-group .quaive-page-head > .icon.date {
  transform: scale(1.6);
  border-radius: 8px;
  margin-right: 15px;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:focus-within .well-title-group .pat-toolbar {
  opacity: 1;
}
@media (hover: hover) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:hover .well-title-group .pat-toolbar {
  opacity: 1;
}
}
@media (hover: none) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .pat-toolbar {
  opacity: 1;
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .pat-toolbar {
  opacity: 1;
}
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .quaive-page-head > h1 {
  color: var(--kik-cloud-card-title-colour, var(--app-colour));
  font-size: var(--kik-cloud-card-title-font-size, 1.75rem);
  line-height: 1;
  text-box: trim-both cap alphabetic;
  font-family: var(--kik-cloud-card-title-font-family, var(--pat-well-well-header-font-family, inherit));
  font-weight: var(--kik-cloud-card-title-font-weight, var(--pat-well-well-header-font-weight, inherit));
}
@media (hover: hover) and (pointer: fine) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .quaive-page-head > h1 {
  font-size: var(--kik-cloud-card-title-font-size, 2.1875rem);
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group,
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group:has(.pat-toolbar) {
  grid-template-columns: minmax(0, 1fr);
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group > .quaive-page-head-link,
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group > .quaive-page-head,
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group > .pat-toolbar {
  grid-area: 1 / 1;
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group .quaive-page-head {
  justify-content: center;
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:not(.kik-phone-today) .well-title-group .quaive-page-head > h1 {
  font-size: var(--kik-cloud-card-title-font-size, 2rem);
  max-width: calc(100% - 7rem);
  white-space: nowrap;
  hyphens: none;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  justify-self: center;
  text-box: normal;
  line-height: normal;
  padding: 0.35em 0;
  margin: -0.35em 0;
}
}
@supports (-moz-appearance: none) and (not (text-box: trim-both cap alphabetic)) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .well-title-group .quaive-page-head > h1 {
  translate: 0 0.14em;
}
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .quaive-page-head svg.app-icon * {
  fill: color-mix(in srgb, var(--app-icon-contrast-colour, var(--app-colour))
        var(--app-icon-fill-opacity, 0%), transparent);
  stroke: var(--app-icon-contrast-colour, var(--app-colour));
  stroke-width: var(--app-icon-stroke-width, 2px);
  vector-effect: var(--app-icon-vector-effect, non-scaling-stroke);
}
@media (hover: hover) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .quaive-page-head-link:hover .quaive-page-head > h1 {
  color: var(--kik-cloud-card-title-colour, color-mix(in srgb, var(--app-colour), black 30%));
}
}
@media (hover: hover) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card .quaive-page-head-link:hover .quaive-page-head > svg.app-icon {
  stroke: color-mix(in srgb, var(--app-colour), black 30%);
  border-color: rgba(0, 0, 0, 0.55);
}
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .panel-content {
  flex: 1 1 auto;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .panel-content > :last-child {
  margin-bottom: 0;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card:has(.pat-lazy-load:not(.infinite-scrolling)) {
  position: relative;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-page:not(.kik-cloud-page-mobile) > .kik-cloud-card {
  container-type: size;
  --kik-portlet-reserve: 100cqh;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .panel-content > .pat-lazy-load:not(.infinite-scrolling),
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .panel-content > .pat-realtime > .pat-lazy-load:not(.infinite-scrolling) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-link-list {
  --pat-x-list-column-width: 260px;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-link-list li:last-child {
  margin-bottom: 0;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  border-radius: calc(var(--kik-cloud-radius) - 10px);
  overflow: hidden;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-photos > a {
  display: block;
  min-width: 0;
  line-height: 0;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-photos img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-wide .kik-cloud-photos {
  grid-template-columns: repeat(8, 1fr);
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-checklist.task-list {
  margin-bottom: 0;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-checklist.task-list label {
  gap: 0;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-checklist label {
  display: flex;
  align-items: baseline;
  gap: 8px;
  line-height: 1.5;
}
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .pat-checklist br {
  display: none;
}
@media (min-width: 1024px) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) {
  gap: 2.2rem;
}
}
@media (min-width: 1560px) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) {
  grid-template-columns: repeat(4, minmax(0, var(--kik-col-w)));
}
}
@media (min-width: 1560px) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-mail {
  grid-column: 4;
  grid-row: 1 / span 3;
}
}
@media (max-width: 1000px) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) {
  grid-template-columns: 1fr;
  padding: 0;
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-card,
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-wide {
  grid-column: 1 / -1;
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .panel-content {
  min-height: 0;
}
}
@container screen style(--screen-small: true) {
:is(.kik-cloud-dashboard, .quaive-dashboard, .kik-cloud-board) .kik-cloud-wide .kik-cloud-photos {
  grid-template-columns: repeat(4, 1fr);
}
}
.kik-cloud-dashboard .kik-cloud-apps:not(.kik-cloud-wide) .kik-apps-grid .tile:nth-child(n + 10) {
  display: none;
}
.kik-cloud-dashboard .panel-content {
  min-height: 244px;
}
@container screen style(--screen-small: true) {
.kik-cloud-dashboard .panel-content {
  min-height: 0;
}
}
#compact-candy-box.kik-candy-apps-active,
#global-nav-side .gns-candy-trigger.kik-candy-apps-active {
  color: var(--kik-apps-accent, #f76707);
}
.kik-hub-board-scroll {
  grid-auto-rows: var(--kik-col-w);
  grid-auto-flow: row dense;
  padding-top: max(var(--kik-cloud-gap), 4%);
}
.kik-hub-board-scroll > .kik-cloud-card {
  grid-column: span 1;
  grid-row: span 1;
  min-height: 0;
}
.kik-hub-board-scroll > .kik-cloud-card[data-kik-size="2"] {
  grid-column: span 2;
}
.kik-hub-board-scroll > .kik-cloud-card[data-kik-size="2"][data-kik-prefer-tall] {
  grid-column: span 1;
  grid-row: span 2;
}
.kik-hub-board-scroll > .kik-cloud-card[data-kik-size="3"] {
  grid-column: span 3;
}
.kik-hub-board-scroll > .kik-cloud-card[data-kik-size="4"] {
  grid-column: span 2;
  grid-row: span 2;
}
.kik-hub-board-scroll > .kik-cloud-card[data-kik-size="5"] {
  grid-column: span 3;
  grid-row: span 2;
}
@media (max-width: 680px) {
.kik-hub-board-scroll {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: auto;
}
}
@media (max-width: 680px) {
.kik-hub-board-scroll > .kik-cloud-card[data-kik-size] {
  grid-column: auto;
  grid-row: auto;
  min-height: min(var(--kik-col-w), 80vw);
}
}
.quaive-page-module-edit .well-title-group .title-fragment textarea {
  width: 1000px;
  max-width: 100%;
  min-height: var(--body-font-size);
  resize: none;
  padding: 0.3rem  1rem;
  margin: -0.3rem -1rem;
}
.type-rich .quaive-page-module-edit {
  --pat-well-background-colour: var(--colour-base-background);
}
.quaive-page-module-edit .panel-content {
  padding: 0 !important;
}
.quaive-page-module-edit .panel-content .pat-rich .tiptap-container .tiptap,
.quaive-page-module-edit .panel-content > .horizontal,
.quaive-page-module-edit .panel-content > .vertical {
  padding: 0 var(--pat-well-padding) var(--pat-well-padding);
}
.quaive-page-module-edit.type-map iframe {
  border-radius: var(--border-radii);
  border: 0;
  display: block;
}
.comment {
  position: relative;
  padding: 0 1rem 0.5rem 2.6rem;
  min-height: 2em;
}
body[dir=rtl] .comment {
  padding: 0 2.6rem 0.5rem 0;
}
.comment .comment-reply-box {
  min-height: 0;
  transition: all 1s;
}
.comment .comment-reply-box.injecting > * {
  opacity: 0.19;
}
.comment .comment-reply-box.injecting.injecting-after *,
.comment .comment-reply-box.injecting.injecting-content-after * {
  opacity: inherit;
}
.comment .comment-reply-box.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.comment .comment-reply-box.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.comment .comment-reply-box.injecting:before {
  animation: none;
  opacity: 1;
}
}
.comment .comment-reply-box.injecting {
  min-height: 130px;
  position: relative;
}
.comment .comment-reply-box.injecting:before {
  margin-top: -45px;
}
.comment .reply-trail {
  margin-left: -19px;
  padding-right: 0;
}
body[dir=rtl] .comment .reply-trail {
  margin-left: 0;
  margin-right: -19px;
  padding-right: revert;
  padding-left: 0;
}
.comment .pat-avatar {
  position: absolute;
  left: 0;
  top: 0.3rem;
  width: 2rem;
  height: 2rem;
}
body[dir=rtl] .comment .pat-avatar {
  left: auto;
  right: 0;
}
.comment .comment-footer {
  margin-top: 4px;
  font-size: var(--body-font-size);
  clear: both;
  line-height: var(--body-line-height);
  zoom: 0.9;
  display: flex;
  justify-content: start;
  clear:both;
  gap: 10px;
}
.comment .comment-footer form {
  display: contents;
}
.comment .comment-footer .button {
  display: inline-block;
  color: var(--colour-byline);
  background-color: transparent;
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
}
.comment .comment-footer .button.active,
.comment .comment-footer .button.executed {
  color: var(--colour-accent);
}
.comment .comment-footer .button.executed {
  pointer-events: none;
}
@media (hover: hover) {
.comment .comment-footer .button:hover {
  text-decoration: underline;
  color: var(--colour-byline-hover, var(--colour-byline));
}
}
.comment .comment-content,
.comment .comment-header {
  line-height: 1.4em;
  -webkit-user-select: text;
  user-select: text;
}
.comment .comment-content p,
.comment .comment-content ul,
.comment .comment-content ol,
.comment .comment-content table,
.comment .comment-content dl,
.comment .comment-header p,
.comment .comment-header ul,
.comment .comment-header ol,
.comment .comment-header table,
.comment .comment-header dl {
  margin-bottom: 1em;
}
.comment .comment-content *:last-child,
.comment .comment-header *:last-child {
  margin-bottom: 0;
}
.comment .comment-header .meta {
  color: var(--colour-byline);
  display: block;
  margin-right: 1.5rem;
}
body[dir=rtl] .comment .comment-header .meta {
  margin-right: 0;
  margin-left: 1.5rem;
}
@media (hover: hover) {
.comment .comment-header .meta:hover {
  text-decoration: none;
}
}
.comment .comment-header .meta[href] {
  color: var(--colour-link);
}
@media (hover: hover) {
.comment .comment-header .meta[href]:hover .name {
  text-decoration: underline;
}
}
.comment .date {
  font-style: italic;
  color: var(--colour-byline);
}
.comment .pat-table-box:has(> .comment-attachments) {
  margin-top: 0.5em;
}
.comment .preview {
  margin-top: 5px;
}
.comment .preview img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  background-color: var(--colour-base-background);
}
.comment .edited-toggle {
  transition: opacity 1s;
  opacity: 1;
}
@media (hover: hover) {
.comment .edited-toggle:hover {
  text-decoration: underline;
}
}
.comment .edited-toggle.collapsible-open {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.comment .original-text {
  opacity: 0.5;
}
.comment .comment-header .name {
  display: inline-block;
  padding-right: 0.15em;
}
body[dir=rtl] .comment .comment-header .name {
  padding-right: 0;
  padding-left: 0.15em;
}
.comment .comment-header .name:after {
  content: " —";
}
.comment .comment-header .icon-cog,
.comment .comment-header .icon-ellipsis {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--colour-byline);
  font-size: 1em;
  right: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: var(--border-radii);
  overflow: hidden;
  background-color: var(--pat-button-background-colour);
  cursor: default;
  backdrop-filter: var(--pat-surface-backdrop-filter);
  text-indent: -1000em;
}
body[dir=rtl] .comment .comment-header .icon-cog,
body[dir=rtl] .comment .comment-header .icon-ellipsis {
  right: auto;
  left: 0;
}
.comment .comment-header .icon-cog:before,
.comment .comment-header .icon-ellipsis:before {
  text-align: center;
  width: 100%;
  line-height: 27px;
  display: block;
  text-align: center;
  color: var(--pat-button-text-colour);
  margin: 0;
}
.comment .comment-header .icon-cog > svg.kik-icon,
.comment .comment-header .icon-ellipsis > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}
@media (hover: hover) {
.comment .comment-header .icon-cog:hover,
.comment .comment-header .icon-ellipsis:hover {
  background-color: var(--pat-button-background-colour-hover);
  text-decoration: none;
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
@media (hover: hover) {
.comment .comment-header .icon-cog:hover:before,
.comment .comment-header .icon-ellipsis:hover:before {
  color: var(--pat-button-text-colour-hover);
}
}
.comment .comment-header .icon-cog.tooltip-active-click,
.comment .comment-header .icon-ellipsis.tooltip-active-click {
  color: white;
  background-color: var(--colour-accent);
}
.comment .comment-header .icon-cog.tooltip-active-click:before,
.comment .comment-header .icon-ellipsis.tooltip-active-click:before {
  color: white;
}
.post .comments,
.post .update-social,
.post .update-social .button-bar {
  border-bottom-right-radius: calc(0.95 * var(--border-radii));
  border-bottom-left-radius: calc(0.95 * var(--border-radii));
}
.post .comments > div {
  z-index: 1;
  position: relative;
}
.post .comments .comment:first-of-type {
  margin-top: 1.5rem;
}
.comments {
  position: relative;
  font-family: var(--body-font-family);
  clear: both;
}
.comments .functions,
.comments .comment-footer {
  margin-top: 3px;
  display: flex;
  justify-content: start;
  clear:both;
  gap: 10px;
  font-size: var(--body-font-size);
  clear: both;
  line-height: var(--body-line-height);
  zoom: 0.9;
  display: flex;
  justify-content: start;
  clear:both;
  gap: 10px;
}
.comments .functions:last-child,
.comments .comment-footer:last-child {
  margin-bottom: 0;
}
.comments .functions form,
.comments .comment-footer form {
  display: inline-block;
}
.comments .functions a,
.comments .functions .like,
.comments .functions .share,
.comments .comment-footer a,
.comments .comment-footer .like,
.comments .comment-footer .share {
  color: var(--colour-byline);
  cursor: default;
  background: none;
  border: none;
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
  display: inline-flex;
  gap: 4px;
}
.comments .functions a sup,
.comments .functions .like sup,
.comments .functions .share sup,
.comments .comment-footer a sup,
.comments .comment-footer .like sup,
.comments .comment-footer .share sup {
  baseline-shift: baseline;
  vertical-align: baseline;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  color: var(--colour-byline);
}
.comments .functions a sup:before,
.comments .functions .like sup:before,
.comments .functions .share sup:before,
.comments .comment-footer a sup:before,
.comments .comment-footer .like sup:before,
.comments .comment-footer .share sup:before {
  content: '(';
}
.comments .functions a sup:after,
.comments .functions .like sup:after,
.comments .functions .share sup:after,
.comments .comment-footer a sup:after,
.comments .comment-footer .like sup:after,
.comments .comment-footer .share sup:after {
  content: ')';
}
.comments .functions a:active,
.comments .functions .like:active,
.comments .functions .share:active,
.comments .comment-footer a:active,
.comments .comment-footer .like:active,
.comments .comment-footer .share:active {
  box-shadow: none;
}
@media (hover: hover) {
.comments .functions a:hover,
.comments .functions .like:hover,
.comments .functions .share:hover,
.comments .comment-footer a:hover,
.comments .comment-footer .like:hover,
.comments .comment-footer .share:hover {
  color: var(--colour-byline-hover, var(--colour-byline));
  text-decoration: none;
}
}
.comments .functions a.active,
.comments .functions .like.active,
.comments .functions .share.active,
.comments .comment-footer a.active,
.comments .comment-footer .like.active,
.comments .comment-footer .share.active {
  color: var(--colour-accent);
}
@media (hover: hover) {
.comments .functions a.active:hover,
.comments .functions .like.active:hover,
.comments .functions .share.active:hover,
.comments .comment-footer a.active:hover,
.comments .comment-footer .like.active:hover,
.comments .comment-footer .share.active:hover {
  color: var(--colour-accent-hover);
}
}
.comments .functions a:before,
.comments .functions .like:before,
.comments .functions .share:before,
.comments .comment-footer a:before,
.comments .comment-footer .like:before,
.comments .comment-footer .share:before {
  display: inline-block;
  line-height: var(--body-line-height);
}
.comments .functions a.tooltip-active-click,
.comments .functions .like.tooltip-active-click,
.comments .functions .share.tooltip-active-click,
.comments .comment-footer a.tooltip-active-click,
.comments .comment-footer .like.tooltip-active-click,
.comments .comment-footer .share.tooltip-active-click {
  background-color: var(--colour-accent);
  box-shadow: none;
  color: white;
}
.comments .functions .like,
.comments .comment-footer .like {
  display: inline-flex;
  gap: 4px;
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
  color: var(--colour-byline);
}
@media (hover: hover) {
.comments .functions .like:hover,
.comments .comment-footer .like:hover {
  color: var(--colour-byline-hover, var(--colour-byline));
  text-decoration: none;
}
}
.comments .functions .like:before,
.comments .comment-footer .like:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-heart) center / contain no-repeat;
  mask: var(--kik-svg-heart) center / contain no-repeat;
  font-weight: normal;
}
.comments .functions .like.active:before,
.comments .comment-footer .like.active:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-heart-fill) center / contain no-repeat;
  mask: var(--kik-svg-heart-fill) center / contain no-repeat;
}
.comments .comment-trail > .comment-deleted {
  margin: 0 1rem;
}
.comments .comment {
  margin: calc(0.5 * var(--grid-gutter)) 0 0 0;
  padding-right: 0;
}
.document-listing .comments {
  color: var(--colour-byline);
  position: relative;
}
.post .comments {
  clear: both;
}
.post .comments .older-comments {
  position: relative;
  padding: 0.8em 1em 0.5em 3.5em;
  margin: 0;
}
body[dir=rtl] .post .comments .older-comments {
  padding: 0.8em 3.5em 0.5em 1em;
}
.post .comments .older-comments a:not(:has(> svg.kik-icon)):before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-up-circle) center / contain no-repeat;
  mask: var(--kik-svg-up-circle) center / contain no-repeat;
}
.post .comments .older-comments .counter {
  float: right;
  opacity: 0.5;
}
.slideshow-running .comments {
  display: none;
}
.comments .document-comments-header {
  padding: 0 0 0 3.5em;
  position: relative;
  margin-bottom: 15px;
  clear: both;
  line-height: 23px;
}
body[dir=rtl] .comments .document-comments-header {
  padding: 0 3.5em 0 0;
}
.comments .document-comments-header br {
  display: none;
}
.comments .document-comments-header .pat-avatar {
  position: absolute;
  left: 0;
  width: 2.8em;
  height: 2.8em;
}
body[dir=rtl] .comments .document-comments-header .pat-avatar {
  left: auto;
  right: 0;
}
.comments .document-comments-header .byline {
  color: var(--colour-byline);
  margin-bottom: 0.5em;
}
.comments .update-comments {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--colour-comment-trail);
  border-radius: var(--border-radii);
  color: transparent;
  display: none;
}
.comments .update-social {
  margin-top: 20px;
  border: none;
  border-radius: var(--border-radii);
}
.comments > .update-comments.has-comments {
  display: block;
}
.comments.document-comments,
.comments#comments-document-comments,
.comments#comments-news-comments {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 40px 0;
  margin-bottom: 0;
  align-self: end;
}
@container screen style(--screen-small: true) {
.comments.document-comments,
.comments#comments-document-comments,
.comments#comments-news-comments {
  padding-inline: var(--small-screen-padding);
}
}
.comments.document-comments .update-social,
.comments#comments-document-comments .update-social,
.comments#comments-news-comments .update-social {
  width: auto;
}
@media print {
.comments.document-comments,
.comments#comments-document-comments,
.comments#comments-news-comments {
  display: none;
}
}
.contact-bars {
  display: grid;
  gap: var(--pat-x-list-gutter);
}
.contact-bars .contact-bars-item {
  float: left;
  width: 100%;
  padding: 0;
  transition: transform 0.20s;
  box-sizing: border-box;
  margin: 0;
}
@media (hover: hover) {
.contact-bars .contact-bars-item:hover {
  transform: scale(1.01);
}
}
@media (hover: hover) {
.contact-bars .contact-bars-item:hover .contact-bars-follow {
  box-shadow: var(--default-box-shadow-hover);
}
}
.contact-bars .contact-bars-item .contact-bars-follow {
  background: var(--contact-bars-background-colour);
  border-radius: var(--contact-bars-border-radius);
  box-shadow: var(--contact-bars-box-shadow);
  display: block;
  overflow: hidden;
  transition: box-shadow 0.25s;
}
@media (hover: hover) {
.contact-bars .contact-bars-item .contact-bars-follow:hover {
  text-decoration: none;
}
}
.contact-bars .contact-bars-item .contact-bars-follow .contact-bars-info {
  padding: var(--pat-x-list-padding);
  overflow: hidden;
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  color: var(--body-font-colour);
  font-weight: bold;
  gap: var(--pat-x-list-gutter);
}
.contact-bars .contact-bars-item .contact-bars-follow .contact-bars-info .pat-avatar,
.contact-bars .contact-bars-item .contact-bars-follow .contact-bars-info:before {
  width: var(--pat-x-list-icon-tile-width);
  height: var(--pat-x-list-icon-tile-width);
  line-height: var(--pat-x-list-icon-tile-width);
  filter: blur(0);
  will-change: all;
  color: var(--body-font-colour);
  font-size: 32px;
  text-align: center;
}
.contact-cards:after {
  content: ' ';
  display: table;
  clear: both;
}
.contact-cards .item .contact-card,
.contact-cards .item .user-card,
.contact-cards .item .quaive-contact-card {
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}
@container screen style(--screen-small: true) {
.contact-cards .item .contact-card,
.contact-cards .item .user-card,
.contact-cards .item .quaive-contact-card {
  margin-bottom: 15px;
}
}
@container screen style(--screen-small: false) {
.contact-cards {
  margin-bottom: 15px;
}
}
@container screen style(--screen-small: false) {
.contact-cards {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
}
}
@container screen style(--screen-small: false) {
.contact-cards.col-1 {
  grid-template-columns: 1fr;
}
}
@container screen style(--screen-small: false) {
.contact-cards.col-2 {
  grid-template-columns: 1fr 1fr;
}
}
@container screen style(--screen-small: false) {
.contact-cards.col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
}
.contacts-table,
.contact-table {
  margin-bottom: 1em;
  display: grid;
  grid-row-gap: 8px;
  grid-column-gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  align-items: stretch;
}
@container screen style(--screen-small: true) {
.contacts-table,
.contact-table {
  grid-column-gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
}
}
.contacts-table.in-memoriam,
.contact-table.in-memoriam {
  filter: grayscale(100%);
}
.contacts-table .infinite-scrolling-trigger,
.contact-table .infinite-scrolling-trigger {
  grid-column: 1 / -1;
}
.contacts-table .contacts-table-item,
.contacts-table .contact-table-item,
.contact-table .contacts-table-item,
.contact-table .contact-table-item {
  color: var(--body-font-colour);
  text-decoration: none;
  width: 100%;
  margin: 0;
}
.contacts-table .contacts-table-item[href] figure figcaption,
.contacts-table .contact-table-item[href] figure figcaption,
.contact-table .contacts-table-item[href] figure figcaption,
.contact-table .contact-table-item[href] figure figcaption {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.contacts-table .contacts-table-item[href]:hover figcaption,
.contacts-table .contact-table-item[href]:hover figcaption,
.contact-table .contacts-table-item[href]:hover figcaption,
.contact-table .contact-table-item[href]:hover figcaption {
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
.contacts-table .contacts-table-item[href]:hover .pat-avatar,
.contacts-table .contact-table-item[href]:hover .pat-avatar,
.contact-table .contacts-table-item[href]:hover .pat-avatar,
.contact-table .contact-table-item[href]:hover .pat-avatar {
  outline: 2px solid var(--colour-accent);
  outline-offset: 3px;
}
}
.contacts-table .contacts-table-item.division img,
.contacts-table .contact-table-item.division img,
.contact-table .contacts-table-item.division img,
.contact-table .contact-table-item.division img {
  box-shadow: inherit;
  border-radius: 0;
  background-color: rgba(0,0,0,0.1);
}
.contacts-table figure,
.contact-table figure {
  margin-bottom: 0;
  display: block;
  margin-top: 20px;
}
.contacts-table figure figcaption,
.contact-table figure figcaption {
  color: var(--body-font-colour);
  text-align: center;
  padding-top: 0;
  margin-top: 0;
  font-size: 0.7em;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 0;
  height: 40px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contacts-table figure figcaption .byline,
.contact-table figure figcaption .byline {
  font-size: 0.8em;
  color: var(--body-font-colour);
  display: block;
  padding-top: 4px;
  opacity: 0.5;
}
.contacts-table figure .pat-avatar,
.contact-table figure .pat-avatar {
  width: 70%;
  max-width: 100% !important;
  height: auto;
  margin: 0 auto 0.5rem;
  display: flex;
}
.container {
  display: block;
  margin: 0 auto;
  max-width: var(--pat-container-width);
  padding: var(--pat-container-padding);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container.medium {
  max-width: var(--pat-container-width-medium);
}
@container screen style(--screen-small: true) {
.container {
  --pat-container-padding: var(--pat-container-padding-small);
}
}
@media screen {
#app-space {
  position: absolute;
  transition: transform 0.3s;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  pointer-events: none;
}
}
@media screen {
#app-space.injecting > * {
  opacity: 0.19;
}
}
@media screen {
#app-space.injecting.injecting-after *,
#app-space.injecting.injecting-content-after * {
  opacity: inherit;
}
}
@media screen {
#app-space.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
}
@media screen {
@media (prefers-reduced-motion: reduce) {
#app-space.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
}
@media screen {
@media (prefers-reduced-motion: reduce ) {
#app-space.injecting:before {
  animation: none;
  opacity: 1;
}
}
}
@container screen style(--screen-small: true) {
#app-space {
  top: var(--global-header-height);
}
}
@container screen style(--screen-small: false) {
#app-space {
  top: calc(var(--global-header-height) + var(--separation-line-thickness));
}
}
@container screen style(--screen-small: false) {
#app-space.state-on:after {
  position: absolute;
  top: calc(-1 * var(--separation-line-thickness));
  left: 0;
  right: 0;
  height: var(--separation-line-thickness);
  content: ' ';
  display: block;
  z-index: 1;
  background-color: var(--colour-separation-lines);
  animation: fadeIn 0.3s;
}
}
@media print {
#app-space {
  border-top: none !important;
  background-color: transparent !important;
  top: 0;
  overflow: visible;
  border-top: none;
}
}
@container screen style(--screen-small: false) {
#app-space:not(.injecting):before {
  opacity: 0;
}
}
@container screen style(--screen-small: false) {
@media screen {
#app-space:not(.injecting):before {
  position: absolute;
  right: 0;
  left: 0;
  height: var(--global-header-box-shadow-size);
  background: 
          linear-gradient(
              to bottom, 
              color-mix(var(--global-header-box-shadow) var(--global-header-box-shadow-intensity), transparent) 0%,
              color-mix(var(--global-header-box-shadow) 0%, transparent) 100%);
  content: ' ';
  display: block;
  z-index: 12;
  pointer-events: none;
}
}
}
@container screen style(--screen-small: false) {
@media screen {
@container screen style(--screen-small: true) {
#app-space:not(.injecting):before {
  top: var(--global-header-height);
}
}
}
}
@container screen style(--screen-small: false) {
@media screen {
@container screen style(--screen-small: false) {
#app-space:not(.injecting):before {
  top: 0;
}
}
}
}
@container screen style(--screen-small: false) {
body:not(:has(#portal-tabs)) #app-space:not(.injecting):before {
  opacity: 1;
}
}
#app-space.injecting:after {
  content: ' ';
  background: var(--colour-base);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}
#app-space.state-on,
#app-space.injecting {
  display: block;
  pointer-events: auto;
}
#app-space.state-on:before,
#app-space.injecting:before {
  opacity: 1;
}
#app-space.state-on.multi-tasking-off .application-body,
#app-space.state-on.multi-tasking-off #application-body,
#app-space.state-on.standalone .application-body,
#app-space.state-on.standalone #application-body,
#app-space.injecting.multi-tasking-off .application-body,
#app-space.injecting.multi-tasking-off #application-body,
#app-space.injecting.standalone .application-body,
#app-space.injecting.standalone #application-body {
  display: block;
}
#app-space.error:before {
  opacity: 1;
}
#app-space.state-paused .application-body {
  display: none !important;
}
#app-space.state-off .application-body,
#app-space.state-off #application-body,
#app-space.state-paused .application-body,
#app-space.state-paused #application-body {
  display: none;
}
#app-space.injecting .application-body,
#app-space.injecting #application-body {
  opacity: 0;
}
.context-menu.pat-collapsible {
  position: relative;
  display: inline-block;
}
.context-menu.pat-collapsible legend {
  line-height: 1.4;
}
.context-menu.pat-collapsible select {
  width: 100%;
}
.context-menu.pat-collapsible .close-menu {
  color: transparent;
  text-align: right;
  cursor: default;
  height: 0;
  margin: 0;
  opacity: 0;
}
.context-menu.pat-collapsible .close-menu:after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / contain no-repeat;
  mask: var(--kik-svg-close) center / contain no-repeat;
}
@media (hover: hover) {
.context-menu.pat-collapsible .close-menu:hover:after {
  color: var(--body-font-colour);
}
}
.context-menu.pat-collapsible.open.in-progress .panel-content {
  display: none !important;
}
.context-menu.pat-collapsible .context-menu-label {
  user-select: none;
  font-weight: normal;
  cursor: default;
  display: inline-block;
  margin: 0;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed,
.context-menu.pat-collapsible .context-menu-label.collapsible-open {
  padding: 0 30px 0 0;
  text-decoration: none;
  cursor: default;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed:active,
.context-menu.pat-collapsible .context-menu-label.collapsible-open:active {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.context-menu.pat-collapsible .context-menu-label.collapsible-closed:hover,
.context-menu.pat-collapsible .context-menu-label.collapsible-open:hover {
  color: var(--body-font-colour);
}
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed {
  text-decoration: none;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-open:before {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ' ';
}
.context-menu.pat-collapsible .context-menu-label:not(.iconified):after,
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:after {
  content: ' ';
  padding-right: 1em;
  box-shadow: none !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 2%;
  right: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: var(--arrow-down-dark-image);
  background-size: auto 10px;
}
.context-menu.pat-collapsible .context-menu-label.iconified {
  text-indent: -1000px;
  overflow: hidden;
  width: 2.2em;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button {
  width: 2.4em;
  position: relative;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:after {
  position: absolute;
  right: 0.3em;
  width: 100%;
  height: 1em;
  top: 0.2em;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:before {
  width: 1.7em;
  line-height: 1.75em;
  display: block;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button.collapsible-open:after,
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button.collapsible-open:before {
  color: var(--colour-accent);
}
.context-menu.pat-collapsible .context-menu-label.iconified:before {
  position: absolute;
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-more) center / 1em no-repeat;
  mask: var(--kik-svg-more) center / 1em no-repeat;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
  text-align: center;
}
.context-menu.pat-collapsible.no-label:before {
  width: 100%;
  height: 100%;
  line-height: var(--canvas-toolbar-button-height);
  position: absolute;
  margin: 0;
}
.context-menu.pat-collapsible.no-label.open:before,
.context-menu.pat-collapsible.no-label.in-progress.closed:before {
  background: var(--colour-accent);
  color: white;
  border-radius: var(--button-border-radius);
}
.context-menu.pat-collapsible.no-label .context-menu-label {
  opacity: 0;
  width: var(--button-height);
  padding: 0;
}
.context-menu.pat-collapsible.no-label .panel-content {
  top: 45px;
}
.context-menu.pat-collapsible.open .context-menu-label {
  color: var(--body-font-colour);
}
.context-menu.pat-collapsible.open .context-menu-label.pat-button {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3);
}
.context-menu.pat-collapsible.open.iconified .context-menu-label {
  color: var(--colour-accent);
}
.context-menu.pat-collapsible.open .panel-content {
  display: block;
}
.context-menu.pat-collapsible .panel-content {
  position: absolute;
  top: var(--pat-context-menu-panel-distance);
  left: 0;
  display: none;
  background-color: var(--colour-base-background);
  padding: var(--pat-tooltip-padding);
  width: 450px;
  z-index: 10;
  border-radius: var(--button-border-radius);
  font-size: 1em;
  height: auto !important;
  line-height: var(--body-line-height);
  border: var(--pat-tooltip-border);
  box-shadow: var(--pat-tooltip-box-shadow);
}
.context-menu.pat-collapsible .panel-content *:last-child {
  margin-bottom: 0;
}
.context-menu.pat-collapsible .panel-content li button,
.context-menu.pat-collapsible .panel-content li .button {
  margin: 0;
}
@container screen style(--screen-small: true) {
.context-menu.pat-collapsible .panel-content {
  left: auto;
  right: 0;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .context-menu.pat-collapsible .panel-content {
  left: 0;
  right: auto;
}
}
@container screen style(--screen-small: false) {
.context-menu.pat-collapsible.align-right .panel-content {
  right: 0;
  left: auto;
}
}
.quaive-dashboard {
  --grid-gutter: var(--dashboard-grid-gutter, 20px);
  --dashboard-margin-top: 0;
  margin-top: var(--dashboard-margin-top);
  padding: 0;
  display: grid;
  gap: var(--grid-gutter);
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  interpolate-size: allow-keywords;
}
@container screen style(--screen-medium: true) {
.quaive-dashboard {
  --dashboard-margin-top: 0;
}
}
@container screen style(--screen-large: true) {
.quaive-dashboard {
  --dashboard-margin-top: 80px;
}
}
@container screen style(--screen-large: true) {
#portal:not(:has(#portal-tabs)) .quaive-dashboard {
  --dashboard-margin-top: 40px;
}
}
#canvas-banner + .quaive-dashboard {
  margin-top: 0;
}
@container screen style(--screen-small: true) {
.quaive-dashboard {
  grid-template-columns: 1fr;
  gap: calc(0.5 * var(--grid-gutter));
}
}
@container screen style(--screen-medium: true) {
.quaive-dashboard {
  grid-template-columns: 1fr;
}
}
.quaive-dashboard > .quaive-portlet#portlet-updates {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
}
@container screen style(--screen-small: true) {
.quaive-dashboard > .quaive-portlet#portlet-updates {
  grid-column: auto;
  grid-row: auto;
  align-self: auto;
}
}
@container screen style(--screen-medium: true) {
.quaive-dashboard > .quaive-portlet#portlet-updates {
  grid-column: auto;
  grid-row: auto;
  align-self: auto;
}
}
.quaive-dashboard > .quaive-dashboard-widgets {
  display: flex;
  flex-direction: column;
  gap: var(--grid-gutter);
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
@container screen style(--screen-small: true) {
.quaive-dashboard > .quaive-dashboard-widgets {
  grid-column: auto;
  grid-row: auto;
  gap: calc(0.5 * var(--grid-gutter));
}
}
@container screen style(--screen-medium: true) {
.quaive-dashboard > .quaive-dashboard-widgets {
  grid-column: auto;
  grid-row: auto;
}
}
.quaive-dashboard > .pat-well,
.quaive-dashboard > .quaive-dashboard-widgets > .pat-well {
  height: auto;
  transition: height var(--kik-portlet-grow-duration, 0.35s) ease;
}
.quaive-dashboard > .pat-well:has(> .panel-content > .pat-lazy-load),
.quaive-dashboard > .pat-well:has(> .panel-content > .pat-realtime > .pat-lazy-load),
.quaive-dashboard > .quaive-dashboard-widgets > .pat-well:has(> .panel-content > .pat-lazy-load),
.quaive-dashboard > .quaive-dashboard-widgets > .pat-well:has(> .panel-content > .pat-realtime > .pat-lazy-load) {
  height: var(--kik-portlet-loading-height, 200px);
}
@media (prefers-reduced-motion: reduce) {
.quaive-dashboard > .pat-well,
.quaive-dashboard > .quaive-dashboard-widgets > .pat-well {
  transition: none;
}
}
#portlet-podcasts-content .pat-table.audio-tracks {
  --kik-table-media-size: 45px;
}
dl dd {
  margin-bottom: 1em;
  margin-left: 0;
}
.directory {
  --pat-well-padding-left: var(--default-screen-padding-small);
  --pat-well-padding-top: var(--default-screen-padding-small);
  --pat-well-padding-right: var(--default-screen-padding-small);
  --pat-well-padding-bottom: var(--default-screen-padding-small);
}
@container screen style(--screen-large: true) {
.directory.col-1 {
  column-count: 1;
}
}
@container screen style(--screen-large: true) {
.directory.col-2 {
  column-count: 2;
}
}
@container screen style(--screen-large: true) {
.directory.col-3 {
  column-count: 3;
}
}
@container screen style(--screen-large: true) {
.directory.col-4 {
  column-count: 3;
}
}
@container screen style(--screen-large: true) {
.directory .pat-menu-list.links li {
  break-inside: avoid;
}
}
@container screen style(--screen-large: true) {
.directory .pat-menu-list.links li a {
  color: var(--colour-link);
}
}
@container screen style(--screen-large: true) {
@media (hover: hover) {
.directory .pat-menu-list.links li a:hover {
  color: color-mix(in lch, var(--colour-link), black 90%);
}
}
}
@container screen style(--screen-small: true) {
.directory .pat-well .pat-menu-list {
  columns: 1;
}
}
@container screen style(--screen-medium: true) {
.directory .pat-well .pat-menu-list {
  columns: 2;
}
}
@container screen style(--screen-large: true) {
.directory .pat-well .pat-menu-list {
  columns: 4;
}
}
.directory .group,
.directory .columns[class*="column"] + [class*="column"]:last-child {
  padding-bottom: 0.2rem;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.directory .group .group-title,
.directory .columns[class*="column"] + [class*="column"]:last-child .group-title {
  padding-bottom: var(--spacing-half-em);
}
.quaive-document {
  margin: 0 auto;
  font-family: var(--document-font-family);
  font-size: 1.2rem;
  max-width: var(--quaive-document-max-width);
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.quaive-document {
  --quaive-document-padding-left: 0;
  --quaive-document-padding-right: 0;
  --quaive-page-head-margin-bottom: 0;
}
}
.quaive-document:has(.page-module.type-excel) {
  --quaive-document-max-width: 100%;
}
.quaive-document.type-task.personal {
  --quaive-document-background: var(--colour-notice-background);
}
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document:has(.document-hero-area) {
  --pat-well-background-colour: transparent;
  padding-top: var(--quaive-document-padding-top, 0);
  padding-bottom: var(--quaive-document-padding-bottom, 0);
  padding-bottom: var(--quaive-document-padding-left);
  display: grid;
  col-gap: 0;
  row-gap: 0;
  grid-template-columns: var(--quaive-document-padding-left, 0) minmax(0, auto) var(--quaive-document-padding-right, 0);
  grid-template-areas: 
			"hero hero hero"
			"padding-start content padding-end";
  grid-auto-flow: row;
  background-color: var(--quaive-document-background);
  box-shadow: var(--quaive-document-box-shadow);
  border-radius: var(--border-radii);
}
@container screen style(--screen-small: true) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document:has(.document-hero-area) {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document.type-rich,
.quaive-document:has(.document-hero-area) {
  box-shadow: var(--quaive-document-box-shadow);
  border-radius: var(--border-radii);
}
.quaive-document.type-event .quaive-page-modules,
.quaive-document.type-email .quaive-page-modules,
.quaive-document.type-task .quaive-page-modules,
.quaive-document.type-rich .quaive-page-modules,
.quaive-document:has(.document-hero-area) .quaive-page-modules {
  --quaive-document-background: transparent;
  --quaive-document-box-shadow: none;
  --pat-well-box-shadow: none;
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 1rem;
}
.quaive-document:has(.document-hero-area) {
  background: var(--pat-surface-background-colour);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.quaive-document.type-image .pat-well,
.quaive-document.type-video .pat-well {
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
  --pat-well-margin-bottom: var(--grid-gutter);
  --pat-well-box-shadow: none;
  --pat-well-background-colour: transparent;
}
.quaive-document.type-image .pat-well .pat-picture,
.quaive-document.type-image .pat-well video,
.quaive-document.type-video .pat-well .pat-picture,
.quaive-document.type-video .pat-well video {
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  box-shadow: var(--quaive-document-box-shadow);
  overflow: hidden;
}
.quaive-document.type-image .pat-well .pat-picture,
.quaive-document.type-video .pat-well .pat-picture {
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.quaive-document.type-image .pat-well figcaption,
.quaive-document.type-video .pat-well figcaption {
  margin-top: 0.5em;
  font-size: 25px;
  color: var(--body-font-colour);
}
.quaive-document.type-file {
  --file-download-border: var(--default-border);
  --quaive-file-download-background: var(--colour-base-background);
  --quaive-page-module-box-shadow: var(--quaive-document-box-shadow);
}
.quaive-document.type-file .quaive-page-module {
  max-width: var(--quaive-document-message-max-width);
  margin: 100px auto;
}
.quaive-document.type-office,
.quaive-document.type-pdf,
.quaive-document.type-word {
  box-shadow: none;
}
.quaive-document.type-office .pat-well,
.quaive-document.type-pdf .pat-well,
.quaive-document.type-word .pat-well {
  box-shadow: none;
  --pat-well-background-colour: transparent;
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
}
.quaive-document.type-office canvas,
.quaive-document.type-office img,
.quaive-document.type-pdf canvas,
.quaive-document.type-pdf img,
.quaive-document.type-word canvas,
.quaive-document.type-word img {
  --pat-well-margin-bottom: var(--grid-gutter);
  border-radius: var(--border-radii-medium, var(--border-radii));
  background: white;
  box-shadow: var(--quaive-document-box-shadow);
  overflow: hidden;
  width: 100%;
}
.quaive-document.type-office .pat-pdf > div,
.quaive-document.type-pdf .pat-pdf > div,
.quaive-document.type-word .pat-pdf > div {
  border-radius: var(--border-radii-medium, var(--border-radii));
  overflow: hidden;
}
.quaive-document.type-rich,
.quaive-document.type-markdown {
  --quaive-document-padding-top: 0;
  --quaive-document-padding-bottom: 0;
  --quaive-document-background: transparent;
  --quaive-document-box-shadow: none;
  padding-left: var(--quaive-document-padding-left, 0);
  padding-right: var(--quaive-document-padding-right, 0);
}
.quaive-document > .document-hero-area {
  grid-area: hero;
}
.quaive-document > :not(.document-hero-area) {
  grid-column: 2;
  background: transparent;
}
.quaive-document:has(.document-hero-area) {
  overflow: hidden;
  --quaive-document-padding-top: 0;
  --quaive-page-module-background: transparent;
}
.quaive-document.type-article {
  --pat-well-box-shadow: none;
  --pat-well-background-colour: transparent;
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
  --quaive-page-module-background: transparent;
  --pat-rich-header-level-2-line-height: 3rem;
  --pat-rich-summary-font-size: 1.5rem;
  --pat-rich-summary-font-family: var(--font-family-serif);
  --pat-rich-summary-line-height: 2rem;
  --quaive-page-head-margin-bottom: 0;
  --article-padding-left:  120px;
  --article-padding-right: 120px;
  padding-top: 0;
  padding-bottom: 50px;
  display: grid;
  col-gap: 0;
  row-gap: 0;
  grid-template-columns: var(--article-padding-left, 0) minmax(0, auto) var(--article-padding-right, 0);
  grid-template-areas:
		    "blog-avatar blog-avatar blog-avatar"
			"top-start page-head top-end"
			"hero hero hero"
			"padding-start metadata padding-end"
			"padding-start content padding-end";
  grid-auto-flow: row;
}
.quaive-document.type-article .quaive-page-modules {
  grid-area: content;
}
.quaive-document.type-article .quaive-page-head {
  grid-area: page-head;
}
.quaive-document.type-article .journal-hero {
  grid-area: hero;
  margin: 2.5rem auto 0;
  width: 100%;
}
.quaive-document.type-article .journal-hero img {
  width: 100%;
  display: block;
}
.quaive-document.type-article .journal-blog-author-avatar {
  grid-area: blog-avatar;
}
.quaive-document.type-article .article-metadata {
  grid-area: metadata;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.4;
  margin-bottom: 1.2rem;
  margin-top: 2.5rem;
}
.quaive-document.type-article .article-metadata a {
  color: var(--colour-accent);
}
.quaive-document.type-article .article-metadata.with-avatar {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
  column-gap: 0.8rem;
  row-gap: 0.1rem;
  align-items: center;
}
.quaive-document.type-article .article-metadata.with-avatar .article-metadata-avatar {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.quaive-document.type-article .article-metadata.with-avatar .article-metadata-avatar .pat-avatar {
  width: 2.6rem;
  height: 2.6rem;
}
.quaive-document.type-article .article-metadata.with-avatar .article-metadata-credits {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.quaive-document.type-article .article-metadata.with-avatar .article-metadata-date {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  font-weight: normal;
  opacity: 0.7;
}
@container screen style(--screen-small: true) {
.quaive-document.type-article {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
.quaive-document.type-holiday,
.quaive-document.type-event {
  --quaive-document-padding-bottom: 50px;
  margin-bottom: 20px;
}
.quaive-document.type-link .pat-button {
  font-size: 2em;
  margin: 0;
  line-height: 55px;
}
.quaive-document.type-link p {
  text-align: center;
  margin-bottom: 1rem;
}
@container screen style(--screen-small: true) {
.quaive-document.type-article {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
@container screen style(--screen-small: true) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document.type-rich,
.quaive-document:has(.document-hero-area) {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
}
@container screen style(--screen-small: true) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document:has(.document-hero-area) {
  padding-top: 0;
}
}
.quaive-document.type-article .journal-hero {
  margin: 0 auto;
}
.quaive-document.type-article .journal-hero img {
  width: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@container screen style(--screen-small: true) {
.quaive-document.type-article .article-metadata {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
}
.diagram-preview.diagram-preview-framed {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.diagram-preview.diagram-preview-framed .diagram-frame {
  display: block;
  border: 0;
  background: transparent;
  transform-origin: top left;
  max-width: none;
}
.pat-pdf .pdf-scroll-box {
  overflow-x: auto;
  overflow-y: visible;
  padding: 32px;
  margin: -32px;
}
.pat-modal-panel .pat-pdf .pdf-scroll-box {
  padding: 20px;
  margin: -20px;
}
.quaive-document-edit {
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
  box-sizing: border-box;
  background-color: var(--quaive-document-background);
  border-radius: var(--border-radii);
  padding-top: var(--quaive-document-padding-top, 0);
  padding-bottom: var(--quaive-document-padding-bottom, 0);
  padding-left: var(--quaive-document-padding-left, 0);
  padding-right: var(--quaive-document-padding-right, 0);
  box-shadow: var(--quaive-document-box-shadow);
}
.quaive-document-edit.type-markdown,
.quaive-document-edit.type-mail,
.quaive-document-edit.type-article,
.quaive-document-edit.type-task {
  --quaive-page-head-margin-bottom: 1rem;
}
.quaive-document-edit.type-markdown *,
.quaive-document-edit.type-mail *,
.quaive-document-edit.type-article *,
.quaive-document-edit.type-task * {
  --border-radii: var(--border-radii-medium);
}
.quaive-document-edit.type-markdown .pat-well.type-metadata,
.quaive-document-edit.type-mail .pat-well.type-metadata,
.quaive-document-edit.type-article .pat-well.type-metadata,
.quaive-document-edit.type-task .pat-well.type-metadata {
  margin: 0 0 2rem;
  background-color: var(--pat-surface-background-colour);
  border: var(--property-panel-border, none);
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata {
  --pat-well-padding-left: 20px;
  --pat-well-padding-right: 20px;
  --pat-well-padding-top: 10px;
  --pat-well-padding-bottom: 10px;
  --pat-well-padding: 20px;
  --pat-well-background-colour: transparent;
  --pat-well-box-shadow: var(--property-panel-box-shadow,
				0 0 0 1px color-mix(in srgb, var(--body-font-colour) 10%, transparent));
  --form-input-field-border-radius: 10px;
  --pat-form-input-field-border-radius: 10px;
  --pat-form-fields-border-radius: 10px;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata:not(:has(.add-clone)),
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata:not(:has(.add-clone)),
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata:not(:has(.add-clone)),
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata:not(:has(.add-clone)) {
  --pat-sortable-blocks-padding-start: 0;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata:not(:has(.add-clone)) .sortable-handle,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata:not(:has(.add-clone)) .sortable-handle,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata:not(:has(.add-clone)) .sortable-handle,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata:not(:has(.add-clone)) .sortable-handle {
  display: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button {
  color: var(--pat-button-text-colour);
  display: inline-block;
  grid-template-rows: none;
  grid-template-areas: none;
  grid-auto-rows: auto;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button input,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button input,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button input,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-value .file-upload-button input {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  grid-area: auto;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata #journal-hero-copyright:not(:has(.field-cluster)),
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata #journal-hero-credit:not(:has(.field-cluster)),
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata #journal-hero-copyright:not(:has(.field-cluster)),
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata #journal-hero-credit:not(:has(.field-cluster)),
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata #journal-hero-copyright:not(:has(.field-cluster)),
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata #journal-hero-credit:not(:has(.field-cluster)),
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata #journal-hero-copyright:not(:has(.field-cluster)),
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata #journal-hero-credit:not(:has(.field-cluster)) {
  display: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar {
  align-items: center;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar > .pat-subform,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar > .pat-subform,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar > .pat-subform,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar > .pat-subform {
  display: contents;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar .pat-button,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar .pat-button,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar .pat-button,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-value .image-selection .pat-button-bar .pat-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--pat-form-input-field-line-height) + (2 * var(--pat-form-input-field-padding-top-bottom)));
  line-height: 1;
  font-size: var(--pat-button-font-size);
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-value .image-selection:not(:has(figure)) .pat-button-bar,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-value .image-selection:not(:has(figure)) .pat-button-bar,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-value .image-selection:not(:has(figure)) .pat-button-bar,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-value .image-selection:not(:has(figure)) .pat-button-bar {
  margin-top: -2px;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-button-bar,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-button-bar,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-button-bar,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-button-bar {
  margin-top: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .well-header,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .well-header,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .well-header,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .well-header {
  --pat-well-header-text-colour: color-mix(in srgb,
					var(--body-font-colour) 50%, transparent);
  font-size: 1.2rem;
  padding: 20px 28px;
  padding-left: var(--pat-well-padding);
  --button-background-colour: transparent;
  --button-background-colour-hover: transparent;
  --collapsible-button-height: 1.2rem;
  --button-text-colour: color-mix(in srgb,
					var(--body-font-colour) 50%, transparent);
  --button-text-colour-hover: color-mix(in srgb,
					var(--body-font-colour) 50%, transparent);
  font-size: 1.2rem;
  font-weight: normal;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-toolbar,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-toolbar,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-toolbar,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-toolbar {
  --pat-toolbar-icon-background-colour: transparent;
  --pat-toolbar-icon-background-colour-hover: transparent;
  --pat-toolbar-icon-background-colour-active: transparent;
  --pat-toolbar-icon-box-shadow: none;
  --pat-toolbar-button-box-shadow: none;
  --pat-toolbar-icon-border: none;
  --pat-toolbar-border: none;
  --pat-toolbar-border-hover: none;
  --pat-toolbar-border-active: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle {
  content: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle:before,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle:before,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle:before,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-sortable-blocks .sortable-item .sortable-handle:before {
  content: '\2630';
  background: none;
  -webkit-mask: none;
  mask: none;
  font-size: 14px;
  color: color-mix(in srgb, var(--body-font-colour) 40%, transparent);
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-item textarea,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-item textarea,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-item textarea,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-item textarea {
  resize: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .panel-content fieldset.vertical fieldset.pat-form-field-extensible-list.vertical.metadata.group,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .panel-content fieldset.vertical fieldset.pat-form-field-extensible-list.vertical.metadata.group,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .panel-content fieldset.vertical fieldset.pat-form-field-extensible-list.vertical.metadata.group,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .panel-content fieldset.vertical fieldset.pat-form-field-extensible-list.vertical.metadata.group {
  display: block;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .metadata-item .remove-clone,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .metadata-item .remove-clone,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .metadata-item .remove-clone,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .metadata-item .remove-clone {
  display: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-button-bar,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-button-bar,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-button-bar,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-button-bar {
  padding: 0;
  margin-top: 10px;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone {
  background: transparent;
  border: none;
  box-shadow: none;
  color: color-mix(in srgb, var(--body-font-colour) 50%, transparent);
  padding: 0 8px;
  font-weight: normal;
  cursor: default;
}
@media (hover: hover) {
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone:hover,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone:hover,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone:hover,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .pat-button-bar .add-clone:hover {
  color: var(--body-font-colour);
  background-color: transparent;
}
}
.quaive-document-edit.type-markdown .attachments-value .pat-button-bar,
.quaive-document-edit.type-mail .attachments-value .pat-button-bar,
.quaive-document-edit.type-article .attachments-value .pat-button-bar,
.quaive-document-edit.type-task .attachments-value .pat-button-bar {
  align-items: center;
}
.quaive-document-edit.type-markdown .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-markdown .attachments-value .pat-button-bar .file-upload-button,
.quaive-document-edit.type-mail .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-mail .attachments-value .pat-button-bar .file-upload-button,
.quaive-document-edit.type-article .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-article .attachments-value .pat-button-bar .file-upload-button,
.quaive-document-edit.type-task .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-task .attachments-value .pat-button-bar .file-upload-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-height: 0;
  padding: 0 10px;
  line-height: 1;
  font-size: 14px;
}
.quaive-document-edit.type-markdown .attachments-value fieldset,
.quaive-document-edit.type-mail .attachments-value fieldset,
.quaive-document-edit.type-article .attachments-value fieldset,
.quaive-document-edit.type-task .attachments-value fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.quaive-document-edit.type-markdown .attachments-value input[type="file"],
.quaive-document-edit.type-mail .attachments-value input[type="file"],
.quaive-document-edit.type-article .attachments-value input[type="file"],
.quaive-document-edit.type-task .attachments-value input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.quaive-document-edit.type-markdown .attachments-value .pat-table.attachments-field-table,
.quaive-document-edit.type-mail .attachments-value .pat-table.attachments-field-table,
.quaive-document-edit.type-article .attachments-value .pat-table.attachments-field-table,
.quaive-document-edit.type-task .attachments-value .pat-table.attachments-field-table {
  margin-bottom: 1rem;
}
.quaive-document-edit.type-markdown .attachments-value .attachments-file-remove,
.quaive-document-edit.type-mail .attachments-value .attachments-file-remove,
.quaive-document-edit.type-article .attachments-value .attachments-file-remove,
.quaive-document-edit.type-task .attachments-value .attachments-file-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: var(--border-radii);
  line-height: 1;
  font-size: 1rem;
  color: var(--body-font-colour);
  cursor: default;
  transition: background-color 0.12s ease;
}
.quaive-document-edit.type-markdown .attachments-value .attachments-file-remove::before,
.quaive-document-edit.type-mail .attachments-value .attachments-file-remove::before,
.quaive-document-edit.type-article .attachments-value .attachments-file-remove::before,
.quaive-document-edit.type-task .attachments-value .attachments-file-remove::before {
  margin: 0;
}
@media (hover: hover) {
.quaive-document-edit.type-markdown .attachments-value .attachments-file-remove:hover,
.quaive-document-edit.type-mail .attachments-value .attachments-file-remove:hover,
.quaive-document-edit.type-article .attachments-value .attachments-file-remove:hover,
.quaive-document-edit.type-task .attachments-value .attachments-file-remove:hover {
  background-color: color-mix(in srgb,
					var(--body-font-colour) 7%, transparent);
}
}
.quaive-document-edit.type-markdown .attachments-value .pat-table td.item-media[data-icon="icon-mail"],
.quaive-document-edit.type-mail .attachments-value .pat-table td.item-media[data-icon="icon-mail"],
.quaive-document-edit.type-article .attachments-value .pat-table td.item-media[data-icon="icon-mail"],
.quaive-document-edit.type-task .attachments-value .pat-table td.item-media[data-icon="icon-mail"] {
  color: var(--app-colour-mail, #0F6CBD);
}
.quaive-document-edit.type-markdown #workspaces-markdown-content,
.quaive-document-edit.type-markdown #journal-module-body,
.quaive-document-edit.type-mail #workspaces-markdown-content,
.quaive-document-edit.type-mail #journal-module-body,
.quaive-document-edit.type-article #workspaces-markdown-content,
.quaive-document-edit.type-article #journal-module-body,
.quaive-document-edit.type-task #workspaces-markdown-content,
.quaive-document-edit.type-task #journal-module-body {
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 20px;
  --pat-well-padding-bottom: 0;
  --pat-well-padding: 0;
  --pat-well-background-colour: transparent;
  --pat-well-box-shadow: none;
}
.quaive-document-edit.type-rich,
.quaive-document-edit.type-markdown,
.quaive-document-edit.type-event,
.quaive-document-edit.type-task,
.quaive-document-edit.type-mail,
.quaive-document-edit.type-article {
  --quaive-document-padding-top: 0;
  --quaive-document-padding-bottom: 0;
  --quaive-document-background: transparent;
  --quaive-document-box-shadow: none;
}
.quaive-document-edit.type-mail .tiptap-container .ProseMirror {
  padding-bottom: 1rem;
}
.quaive-document-edit .metadata-fixed-row .metadata-fixed-name {
  display: flex;
  align-items: center;
  color: color-mix(in srgb, var(--body-font-colour) 55%, transparent);
  line-height: 1.4;
}
.quaive-document-edit .metadata-fixed-row:has(textarea) .metadata-fixed-name,
.quaive-document-edit .metadata-fixed-row:has(.image-selection) .metadata-fixed-name,
.quaive-document-edit .metadata-fixed-row:has(.attachments-value) .metadata-fixed-name {
  align-items: flex-start;
  padding-top: 6px;
}
.quaive-document-edit .metadata-item .field-cluster {
  grid-template-columns: 140px 1fr;
}
.quaive-document-edit .metadata-item .field-cluster > .metadata-name,
.quaive-document-edit .metadata-item .field-cluster > .metadata-value {
  min-width: 0;
}
.quaive-document-edit .metadata-name {
  width: 140px;
}
@container screen style(--screen-small: true) {
.quaive-document-edit {
  --quaive-document-padding-left: 0px;
  --quaive-document-padding-right: 0px;
  --pat-sortable-blocks-padding-start: 24px;
  --pat-sortable-blocks-button-width: 24px;
}
}
@container screen style(--screen-small: true) {
.quaive-document-edit .quaive-page-module-edit.pat-well.type-metadata {
  margin: 0 0 var(--small-screen-padding);
  --pat-well-padding-left: 8px;
  --pat-well-padding-right: 8px;
  --pat-well-padding-top: 8px;
  --pat-well-padding-bottom: 8px;
  --pat-well-padding: 8px;
}
}
@container screen style(--screen-small: true) {
.quaive-document-edit .quaive-page-module-edit.pat-well {
  padding-top: var(--pat-well-padding-top);
  padding-right: var(--pat-well-padding-right);
  padding-bottom: var(--pat-well-padding-bottom);
  padding-left: var(--pat-well-padding-left);
}
}
@container screen style(--screen-small: true) {
.quaive-document-edit .quaive-page-module-edit.pat-well.type-metadata .well-header {
  padding: 6px;
}
}
@container screen style(--screen-small: true) {
.quaive-document-edit .metadata-item .field-cluster {
  grid-template-columns: 1fr;
  grid-row-gap: 3px;
}
}
@container screen style(--screen-small: true) {
.quaive-document-edit .metadata-item .field-cluster > .metadata-name {
  width: auto;
  align-items: flex-start;
  padding-top: 0;
}
}
@container screen style(--screen-small: true) {
.quaive-document-edit .metadata-item .field-cluster > .metadata-value > select,
.quaive-document-edit .metadata-item .field-cluster > .metadata-value > textarea,
.quaive-document-edit .metadata-item .field-cluster > .metadata-value > input:not(.pat-autosuggest):not(.select2-input) {
  position: static;
  margin-top: 0;
  margin-bottom: 0;
}
}
.quaive-document-edit .metadata-fixed-row .sortable-handle {
  cursor: default;
}
.quaive-document-edit .metadata-fixed-row .sortable-handle:before {
  content: '' !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / 1em no-repeat;
  mask: var(--kik-svg-angle-right) center / 1em no-repeat;
}
.quaive-document-edit ul.pat-sortable-blocks {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: -1px;
}
.quaive-document-edit ul.pat-sortable-blocks .sortable-item::before {
  content: none;
}
.quaive-document-edit ul.pat-sortable-blocks .sortable-item .sortable-handle {
  height: 26px;
  opacity: 1;
  background: transparent;
  text-indent: 0;
  color: inherit;
}
.quaive-document-edit figcaption {
  display: none;
}
.drawio-editor-shell {
  position: relative;
  padding: 0;
}
.drawio-editor-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.document-body .drawio-editor-frame,
.document-body.drawio-editor-shell .drawio-editor-frame {
  background-color: var(--colour-base);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  width: fill-available;
  height: fill-available;
  top: var(--sidebar-margin-top, 15px);
  right: var(--sidebar-margin-top, 15px);
  bottom: var(--sidebar-margin-top, 15px);
  left: var(--sidebar-padding-left, 25px);
}
body[dir=rtl] .document-body .drawio-editor-frame,
body[dir=rtl] .document-body.drawio-editor-shell .drawio-editor-frame {
  left: var(--sidebar-margin-top, 15px);
  right: var(--sidebar-padding-left, 25px);
}
.sidebar-left-none .document-body .drawio-editor-frame,
.sidebar-left-none .document-body.drawio-editor-shell .drawio-editor-frame {
  top: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  right: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  bottom: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  left: var(--sidebar-padding-left, 25px);
}
body[dir=rtl] .sidebar-left-none .document-body .drawio-editor-frame,
body[dir=rtl] .sidebar-left-none .document-body.drawio-editor-shell .drawio-editor-frame {
  left: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  right: var(--sidebar-padding-left, 25px);
}
@container screen style(--screen-small: true) {
.document-body .drawio-editor-frame,
.sidebar-left-none .document-body .drawio-editor-frame,
.document-body.drawio-editor-shell .drawio-editor-frame,
.sidebar-left-none .document-body.drawio-editor-shell .drawio-editor-frame {
  top: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  right: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  left: var(--sidebar-padding-left, 25px);
  bottom: calc(var(--workspace-tabs-bar-height) + var(--small-screen-padding) + env(safe-area-inset-bottom));
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .document-body .drawio-editor-frame,
body[dir=rtl] .sidebar-left-none .document-body .drawio-editor-frame,
body[dir=rtl] .document-body.drawio-editor-shell .drawio-editor-frame,
body[dir=rtl] .sidebar-left-none .document-body.drawio-editor-shell .drawio-editor-frame {
  left: calc(var(--sidebar-margin-top, 15px) + 0.5 * var(--sidebar-padding-top, 25px));
  right: var(--sidebar-padding-left, 25px);
}
}
body[data-global-nav="compact"] .document-body .drawio-editor-frame,
body[data-global-nav="compact"] .document-body.drawio-editor-shell .drawio-editor-frame {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.drawio-editor-shell .btn-current-user {
  display: none;
}
.diagram-preview {
  width: 100%;
  overflow: auto;
}
.diagram-preview > svg {
  display: block;
  max-width: 100%;
  height: auto;
}
svg[style*="color-scheme"] {
  color-scheme: light !important;
}
.document-body:not(:has(.pat-toolbar:not(.well-title-group *):not(.pat-well *)))
    > .document-content {
  padding-top: var(--document-content-no-toolbar-seat,
      var(--kik-win-toolbar-height,
          calc(var(--pat-toolbar-button-height) + 2 * var(--pat-toolbar-padding))));
}
.document-body > * {
  container-name: screen;
  --screen-small: false;
  --screen-medium: false;
  --screen-large: false;
}
.document-body > .pat-toolbar {
  container-name: screen pat-toolbar;
}
@container document (width <= 680px) {
.document-body > * {
  --screen-small: true;
}
}
@container document (481px <= width <= 1025px) {
.document-body > * {
  --screen-medium: true;
}
}
@container document (width > 1279px) {
.document-body > * {
  --screen-large: true;
}
}
.document-body {
  container-name: document;
  container-type: inline-size;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  padding: 0;
  transition: filter var(--base-animation-duration), opacity var(--base-animation-duration), left var(--base-animation-duration), padding-right 0.24s ease;
  border-radius: var(--document-body-border-radius);
  box-shadow: var(--document-body-box-shadow);
  display: grid;
  min-height: -webkit-fill-available;
  min-height: fill-available;
  z-index: 0;
}
.document-body > .document-content {
  container-name: document-content;
  container-type: inline-size;
}
.document-body.injecting > * {
  opacity: 0.19;
}
.document-body.injecting.injecting-after *,
.document-body.injecting.injecting-content-after * {
  opacity: inherit;
}
.document-body.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.document-body.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.document-body.injecting:before {
  animation: none;
  opacity: 1;
}
}
.document-body > * {
  min-width: 0;
}
@container main (width <= 768px) {
.focus-document .document-body {
  z-index: 2;
}
}
@container main (width <= 768px) {
@container screen style(--kik-sidebar-drawer: false) {
.focus-document .document-body {
  inset: 0;
  background-color: var(--application-body-background-colour);
}
}
}
#app-space .document-body {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
}
.module-whiteboard .document-body {
  overflow: hidden;
}
@container screen style(--screen-small: true) {
.document-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--application-body-background-colour);
}
}
@container screen style(--screen-small: true) {
.document-body:has(.collabora-editor-shell),
.document-body:has(.onlyoffice-editor-shell) {
  padding-bottom: 0;
}
}
@container screen style(--screen-small: true) {
.application-chokhmah .document-body {
  background-color: transparent;
}
}
@container screen style(--screen-small: true) {
.application-search .document-body {
  background-color: transparent;
}
}
@container screen style(--screen-small: false) {
.document-body {
  top: var(--document-body-top-distance);
  right: var(--document-body-right-distance);
  bottom: var(--document-body-bottom-distance);
  left: var(--document-body-left-distance);
  padding-right: var(--kik-kiki-dock-reserve, 0px);
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .document-body {
  right: var(--document-body-left-distance);
  left: var(--document-body-right-distance);
}
}
@container screen style(--screen-small: false) {
.document-body:has(#contacts-map-contacts),
.document-body:has(#images-map-photos) {
  left: 0;
  transition: none;
}
}
.application-body.state-on.sidebar-left-open.sidebar-large .document-body {
  opacity: 0;
}
.application-body.state-on.sidebar-left-open.sidebar-large .document-body > * {
  filter: blur(5px) saturate(150%);
  pointer-events: none;
  transition: all var(--base-animation-duration);
}
.document-body .document-content.injecting > *,
.document-body #document-content.injecting > * {
  opacity: 0.19;
}
.document-body .document-content.injecting.injecting-after *,
.document-body .document-content.injecting.injecting-content-after *,
.document-body #document-content.injecting.injecting-after *,
.document-body #document-content.injecting.injecting-content-after * {
  opacity: inherit;
}
.document-body .document-content.injecting:before,
.document-body #document-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.document-body .document-content.injecting:before,
.document-body #document-content.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.document-body .document-content.injecting:before,
.document-body #document-content.injecting:before {
  animation: none;
  opacity: 1;
}
}
.document-body .document-content .document-attachments,
.document-body #document-content .document-attachments {
  margin-bottom: 3em;
}
@container screen style(--screen-small: false) {
.document-body .document-content .document-attachments,
.document-body #document-content .document-attachments {
  margin: 0 -15px 3em;
}
}
@container screen style(--screen-small: false) {
.document-body .document-content .document-attachments:after,
.document-body #document-content .document-attachments:after {
  content: " ";
  display: table;
  clear: both;
}
}
@container screen style(--screen-small: false) {
.document-body .document-content .document-attachments .document-preview,
.document-body #document-content .document-attachments .document-preview {
  float: left;
  width: 33.33332%;
  box-sizing: border-box;
  padding: 0 15px;
}
}
@container screen style(--screen-small: false) {
.document-body .document-content .document-attachments .document-preview:before,
.document-body #document-content .document-attachments .document-preview:before {
  left: 15px;
}
}
@media print {
.document-body {
  position: static;
  overflow: visible;
}
}
.document-body #title-block {
  margin: 0 0 50px 0;
  position: relative;
}
.document-body #title-block p,
.document-body #title-block textarea {
  font-weight: var(--pat-rich-header-level-1-font-weight);
  font-size: var(--pat-rich-header-level-1-font-size);
  font-stretch: var(--rich-font-stretch);
  line-height: var(--pat-rich-header-level-1-line-height);
  margin-bottom: var(--pat-rich-header-level-1-margin-bottom);
  font-family: var(--pat-rich-header-level-1-font-family);
}
.document-body #title-block .validation.message {
  font-size: 1rem;
}
.document-body #title-block .placeholder {
  font-style: normal;
  color: silver;
}
.document-body #title-block h1,
.document-body #title-block .rich-page-title {
  min-height: var(--pat-rich-header-level-1-font-size);
}
@container screen style(--screen-small: true) {
.document-body #comments-document-comments .comment-trail {
  margin-bottom: 0;
}
}
.document-body .workspace-recommendations {
  display: block;
  margin: 0 auto 2em;
  color: gray;
  font-weight: bold;
  text-align: center;
}
.document-body #primary-functions {
  text-align: center;
  margin-bottom: 2em;
}
@container screen style(--screen-small: false) {
.application-super-space .document-body,
.application-super-space #document-body {
  left: var(--document-body-left-distance);
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .application-super-space .document-body,
body[dir=rtl] .application-super-space #document-body {
  left: auto;
  right: var(--document-body-left-distance);
}
}
@container main (width > 768px) {
.sidebar-left-open:not(.sidebar-left-closed):has(aside.sidebar) .document-body,
.sidebar-left-open:not(.sidebar-left-closed):has(aside.sidebar) #document-body {
  left: var(--document-body-left-distance-sidebar-open);
}
}
@container main (width > 768px) {
body[dir=rtl] .sidebar-left-open:not(.sidebar-left-closed):has(aside.sidebar) .document-body,
body[dir=rtl] .sidebar-left-open:not(.sidebar-left-closed):has(aside.sidebar) #document-body {
  left: var(--document-body-right-distance);
  right: var(--document-body-left-distance-sidebar-open);
}
}
.application-body {
  --kik-kiki-dock-width: 23rem;
  --kik-kiki-dock-inset: var(--kik-win-inset, 25px);
  --kik-kiki-dock-box-shadow: 0 0 var(--kik-kiki-dock-inset) rgba(0, 0, 0, 0.25);
}
.kiki-dock-slot {
  display: contents;
}
.kiki-dock-autoload {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.kiki-dock {
  position: fixed;
  --kik-kiki-dock-top-with-bar: 85px;
  --kik-kiki-dock-top-bar-away: var(--kik-kiki-dock-inset);
  top: var(--kik-kiki-dock-top-with-bar);
  right: var(--kik-kiki-dock-inset);
  bottom: var(--kik-kiki-dock-inset);
  width: var(--kik-kiki-dock-width);
  max-width: calc(100vw - 2rem);
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--colour-base-background, #fff);
  border-radius: var(--border-radii);
  box-shadow: var(--kik-kiki-dock-box-shadow);
  overflow: hidden;
  transition: right 0.24s ease,
              top var(--pat-toolbar-auto-hide-speed, 0.5s) ease;
  animation: kiki-dock-slide-in 0.24s ease;
}
.application-body:has(.scrolling-down:not(.scroll-position-top)) .kiki-dock,
.application-body:has(.scroll-down:not(.scroll-position-top)) .kiki-dock,
.application-body:has(.scroll-position-bottom:not(.scroll-position-top)) .kiki-dock {
  top: var(--kik-kiki-dock-top-bar-away);
}
.kiki-dock.is-refresh {
  animation: none;
}
.application-body:has(> .modal-space > dialog.pat-modal-panel[open]) .kiki-dock {
  top: var(--modal-panel-gap, 20px);
  bottom: var(--modal-panel-gap, 20px);
}
@media (min-width: 681px) {
.application-body:has(> .modal-space > dialog.pat-modal-panel[open]):has(> .kik-win-close) .kiki-dock {
  top: var(--kik-win-toolbar-height, var(--modal-panel-gap, 20px));
}
}
@keyframes kiki-dock-slide-in {

  from { right: calc(-1 * (var(--kik-kiki-dock-width) + 2rem)); }
  to { right: var(--kik-kiki-dock-inset); }
}
.kiki-dock.closing {
  right: calc(-1 * (var(--kik-kiki-dock-width) + 2rem));
}
body #app-space .application-body:has(.kiki-dock:not(.closing)) {
  --document-body-left-distance-sidebar-open: var(--document-body-left-distance);
  --kik-kiki-dock-reserve: calc(var(--kik-kiki-dock-width) + var(--kik-kiki-dock-inset));
}
.application-body:has(.kiki-dock) .pat-toolbar.sticky:not(.auto-hide) {
  --pat-toolbar-auto-hide-offset: 0 !important;
}
@container main (width > 768px) {
.application-body.sidebar-left-open:has(.kiki-dock:not(.closing)) aside.sidebar.left {
  --sidebar-margin-left: var(--sidebar-margin-left-closed);
}
}
.kiki-dock {
  --pat-toolbar-button-height: 25px;
  --pat-toolbar-button-line-height: 25px;
}
.kiki-dock > .pat-toolbar,
.kiki-dock .kiki-chat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.6rem;
  flex: 0 0 auto;
  border-block-end: 1px solid var(--gray-200, #ececec);
  margin-bottom: 0;
}
.kiki-dock .kiki-chat-reset {
  display: contents;
}
.kiki-dock .kiki-chat-reset-btn {
  border: 0;
  padding: 0;
}
.kiki-dock .kiki-chat-reset-btn {
  margin-inline-start: auto;
}
.kiki-dock .kiki-chat-more {
  display: inline-flex;
  align-items: center;
}
.kiki-dock .kiki-chat-close:focus-visible,
.kiki-dock .kiki-chat-reset-btn:focus-visible {
  text-decoration: none;
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
@media (hover: hover) {
.kiki-dock .kiki-chat-close:hover,
.kiki-dock .kiki-chat-reset-btn:hover {
  text-decoration: none;
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
@media (hover: hover) {
.kiki-dock .kiki-chat-close:hover {
  text-decoration: none;
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
.kiki-dock .kiki-chat-close:active {
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  box-shadow: var(--pat-button-box-shadow-active);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.kiki-dock .kiki-chat-log {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0.75rem 0.9rem;
  gap: 0.15rem;
}
.kiki-dock .kik-preview-msg,
.kiki-dock .kiki-turn-actions {
  min-width: 0;
  max-width: 100%;
}
.kiki-dock .kiki-turn-actions .pat-button {
  font-weight: 600;
  color: var(--body-font-colour, #1e1e1e);
  background: var(--colour-base-background, #fff);
  border: 1px solid var(--gray-200, #e6e3dd);
  opacity: 1;
}
@media (hover: hover) {
.kiki-dock .kiki-turn-actions .pat-button:hover {
  border-color: var(--gray-300, #d2cec6);
}
}
.kiki-task {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kiki-task-card {
  margin: 0.4rem 0 0.2rem;
  padding: 0.6rem 0.7rem;
  border-radius: 8px;
  border: 1px solid var(--gray-200, #e6e3dd);
  background: rgba(255, 255, 255, 0.55);
  font-size: 0.86rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.kiki-task-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}
.kiki-task-agent {
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kiki-task-pill {
  flex: 0 0 auto;
  padding: 0.05rem 0.5rem;
  border-radius: 999px;
  font-size: 0.76rem;
  background: var(--gray-100, #f1f3f5);
  color: var(--body-font-colour, inherit);
  white-space: nowrap;
}
.kiki-task-card.is-running .kiki-task-pill,
.kiki-task-card.is-queued .kiki-task-pill {
  background: color-mix(in srgb, var(--colour-accent, #F37021) 16%, white);
  color: var(--colour-accent, #F37021);
}
.kiki-task-card.is-waiting .kiki-task-pill {
  background: rgba(224, 138, 30, 0.18);
  color: #B36F13;
}
.kiki-task-card.is-succeeded .kiki-task-pill {
  background: rgba(31, 157, 116, 0.16);
  color: #1F9D74;
}
.kiki-task-card.is-failed .kiki-task-pill {
  background: rgba(229, 72, 77, 0.16);
  color: #E5484D;
}
.kiki-task-bar {
  position: relative;
  height: 3px;
  margin: 0.5rem 0 0.1rem;
  border-radius: 2px;
  background: var(--gray-100, #f1f3f5);
  overflow: hidden;
}
.kiki-task-bar span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 38%;
  border-radius: 2px;
  background: var(--colour-accent, #F37021);
  animation: kiki-task-sweep 1.5s ease-in-out infinite;
}
@keyframes kiki-task-sweep {

    0% { left: -40%; }
    100% { left: 100%; }
}
.kiki-task-steps {
  list-style: none;
  margin: 0.45rem 0 0;
  padding: 0 0 0.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  width: 0;
  min-width: 100%;
  max-width: 100%;
}
.kiki-task-steps li {
  display: flex;
  gap: 0.45rem;
  align-items: baseline;
  line-height: 1.35;
  width: max-content;
  max-width: none;
  min-width: 0;
}
.kiki-task-steps li::before {
  content: '';
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  margin-top: 0.35em;
  border-radius: 50%;
  background: #1F9D74;
}
.kiki-task-steps li.is-medium::before {
  background: #E08A1E;
}
.kiki-task-steps li.is-approval::before {
  background: var(--colour-accent, #F37021);
}
.kiki-task-steps li.is-bad::before {
  background: #E5484D;
}
.kiki-task-tool {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
  font-size: 0.8rem;
  opacity: 0.72;
}
.kiki-task-outcome {
  flex: 0 0 auto;
  white-space: nowrap;
}
.kiki-task-more,
.kiki-task-foot {
  margin: 0.35rem 0 0;
  font-size: 0.76rem;
  opacity: 0.65;
}
.kiki-task-ask-msg {
  margin: 0.5rem 0 0.2rem;
  padding: 0;
  background: none;
}
.kiki-task-ask {
  margin: 0.1rem 0 0.5rem;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.kiki-task-decide-bar {
  margin: 0.45rem 0 0;
  gap: 0.4rem;
}
.kiki-task-batch {
  flex: 0 0 auto;
  margin-inline-start: auto;
  font-size: 0.76rem;
  opacity: 0.6;
}
.kiki-task-foot {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.kiki-task-stop {
  display: contents;
}
.kiki-task-pause {
  border: 0;
  padding: 0;
  background: none;
  color: inherit;
}
.kiki-task-decide {
  display: flex;
  gap: 0.4rem;
  margin: 0.45rem 0 0;
}
.kiki-task-refresh,
.kiki-task-pause {
  font-size: 0.85rem;
  text-decoration: none;
  cursor: default;
  opacity: 0.55;
}
@media (hover: hover) {
.kiki-task-refresh:hover,
.kiki-task-pause:hover {
  opacity: 1;
  color: var(--body-font-colour, #000);
  text-decoration: none;
}
}
.kiki-task-report {
  margin-top: 0.5rem;
  overflow-wrap: anywhere;
}
.kiki-task-card > .pat-table-box:has(> .kiki-task-docs) {
  margin: 0.6rem 0 0;
}
.kiki-task-report h1,
.kiki-task-report h2,
.kiki-task-report h3,
.kiki-task-report h4 {
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0.55rem 0 0.25rem;
}
.kiki-task-report p,
.kiki-task-report ul,
.kiki-task-report ol {
  margin: 0.35rem 0;
  font-size: 0.86rem;
  line-height: 1.45;
}
.kiki-task-report ul,
.kiki-task-report ol {
  padding-inline-start: 1.1rem;
}
.kiki-task-report li {
  margin: 0.1rem 0;
}
.kiki-task-report li::marker {
  color: var(--gray-400, #9aa0a6);
}
.kiki-task-approval {
  overflow-wrap: anywhere;
}
.kiki-task-report > *:first-child {
  margin-top: 0;
}
.kiki-task-report > *:last-child {
  margin-bottom: 0;
}
.kiki-dock .kik-preview-msg {
  position: relative;
}
.kiki-dock .kik-msg-actions {
  position: absolute;
  top: 2px;
  right: 4px;
}
.kiki-dock .kik-msg-more {
  background: none;
  border: 0;
  padding: 0 2px;
  font-size: 0.9em;
  line-height: 1;
  color: inherit;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}
@media (hover: hover) {
.kiki-dock .kik-preview-msg:hover .kik-msg-more {
  opacity: 0.65;
}
}
.kiki-dock .kik-msg-actions:focus-within .kik-msg-more,
.kiki-dock .kik-msg-actions:has(.kik-msg-menu:not([hidden])) .kik-msg-more {
  opacity: 1;
}
.kiki-dock .kik-msg-menu {
  z-index: 60;
  margin: 0;
  padding: 0.2rem;
  list-style: none;
  background: var(--body-background, #fff);
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}
.kiki-dock .kik-msg-menu[hidden] {
  display: none;
}
.kiki-dock .kik-preview-actions {
  position: absolute;
  top: 6px;
  right: 6px;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}
.kiki-dock .kiki-chat-more .pat-context-menu,
.kiki-dock .kik-preview-actions .pat-context-menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  font-size: 0;
  text-decoration: none;
  cursor: default;
  color: var(--pat-toolbar-icon-text-colour, inherit);
  background-color: var(--pat-toolbar-icon-background-colour);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
}
.kiki-dock .kiki-chat-more .pat-context-menu > svg,
.kiki-dock .kik-preview-actions .pat-context-menu > svg {
  width: 0.9rem;
  height: 0.9rem;
}
@media (hover: hover) {
.kiki-dock .kiki-chat-more .pat-context-menu:hover,
.kiki-dock .kik-preview-actions .pat-context-menu:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover, inherit);
}
}
.kiki-dock .kiki-chat-more .pat-context-menu.tooltip-active-click,
.kiki-dock .kiki-chat-more .pat-context-menu[aria-expanded="true"],
.kiki-dock .kik-preview-actions .pat-context-menu.tooltip-active-click,
.kiki-dock .kik-preview-actions .pat-context-menu[aria-expanded="true"] {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover, inherit);
}
@media (hover: hover) {
.kiki-dock .kik-preview-msg:hover .kik-preview-actions {
  opacity: 0.65;
}
}
@media (hover: none) {
.kiki-dock .kik-preview-actions {
  opacity: 0.65;
}
}
.kiki-dock .kik-preview-actions:focus-within,
.kiki-dock .kik-preview-actions:has(.pat-context-menu[aria-expanded="true"]),
.kiki-dock .kik-preview-actions:has(.pat-context-menu.tooltip-active-click) {
  opacity: 1;
}
.kiki-dock .kik-msg-menu button {
  background: none;
  border: 0;
  width: 100%;
  text-align: left;
  padding: 0.3rem 0.7rem;
  font: inherit;
  color: inherit;
  white-space: nowrap;
}
.kiki-dock .kik-preview-msg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0.35em 0;
  padding: 0.45em 0.65em;
  border-radius: 0.7em;
  background: var(--kik-bubble-kiki-background, var(--colour-post, #fef3e8));
  font-size: 0.95em;
  line-height: 1.4;
  word-break: break-word;
}
.kiki-dock .kik-preview-msg.kik-preview-mine {
  align-self: flex-end;
  align-items: flex-end;
  background: var(--kik-bubble-mine-background, var(--gray-100, #f0f0f0));
}
.kiki-dock .kiki-open-document {
  max-width: 100%;
  min-width: 0;
}
.kiki-dock .kiki-open-document-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kiki-dock .kik-preview-msg .pat-button-bar,
.kiki-dock .kiki-turn-actions .pat-button-bar {
  max-width: 100%;
  min-width: 0;
}
.kiki-dock .kik-preview-actions {
  z-index: 1;
}
.kiki-dock .kik-preview-sender {
  font-size: 0.8em;
  font-weight: 600;
  opacity: 0.7;
  margin-bottom: 0.1em;
}
.kiki-dock .kik-preview-body,
.kiki-dock .kiki-bubble {
  -webkit-user-select: text;
  user-select: text;
}
.kiki-dock .kik-preview-body {
  white-space: pre-wrap;
  width: 100%;
}
.kiki-dock .rewrite-accept:not([disabled]) {
  background: #1a7f37;
  border-color: #1a7f37;
  color: #fff;
}
#rewrite-stream {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
#rewrite-stream del {
  background: #ffe5e5;
  color: #a40e26;
  text-decoration: line-through;
}
#rewrite-stream ins {
  background: #e2f6e6;
  color: #1a7f37;
  text-decoration: none;
}
.rewrite-pending {
  opacity: 0.45;
}
::highlight(kiki-selection) {
  background: var(--primary-color-light, #ffe9a8);
  color: inherit;
}
.kiki-doc-diff .rewrite-status {
  opacity: 0.65;
  font-style: italic;
  padding: 0.5rem 0 0;
}
.kiki-doc-diff #rewrite-stream {
  padding: 0.25rem 0 4rem;
  max-width: 60rem;
}
.rewrite-error {
  color: #a40e26;
  opacity: 1;
}
.kiki-dock .kiki-composer {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem 0.6rem 0.95rem;
  border-block-start: 1px solid var(--gray-200, #ececec);
  --composer-control-size: 2.6rem;
}
.kiki-dock .kik-chat-composer-row {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
}
.kiki-dock .kik-chat-input {
  flex: 1 1 auto;
  box-sizing: border-box;
  field-sizing: content;
  min-height: var(--composer-control-size);
  max-height: calc(3lh + 0.9rem + 2px);
  overflow-y: auto;
  resize: none;
  padding: 0.45rem 2.5rem 0.45rem 0.9rem;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--gray-300, #ced4da);
  border-radius: 1.3rem;
  font: inherit;
  line-height: 1.45;
}
.kiki-dock .kik-composer-plus,
.kiki-dock .kiki-composer .pat-button {
  flex: 0 0 auto;
  width: var(--composer-control-size);
  height: var(--composer-control-size);
  min-height: var(--composer-control-size);
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.kiki-dock .kik-composer-plus::before,
.kiki-dock .kiki-composer .pat-button::before {
  margin: 0;
  font-size: 1rem;
}
.kiki-dock .kik-composer-plus > svg {
  width: 1.25rem;
  height: 1.25rem;
  flex: none;
}
.kiki-dock .kik-composer-plus {
  background: transparent;
  color: var(--body-font-colour, inherit);
  text-decoration: none;
  cursor: default;
}
@media (hover: hover) {
.kiki-dock .kik-composer-plus:hover {
  background: var(--pat-toolbar-hover-background, var(--pat-surface-background-colour-hover));
}
}
.kiki-dock input[type="file"] {
  display: none !important;
}
.kiki-dock .kiki-composer .kik-chat-send {
  position: absolute;
  right: 0.3rem;
  bottom: 0.05rem;
  width: 2rem;
  height: 2rem;
  min-height: 2rem;
}
.kiki-dock .kiki-composer .kik-chat-send.is-busy {
  background: var(--kiki-busy-orange, #F37021);
  border-color: transparent;
  color: #fff;
}
.kiki-dock .kiki-composer .kik-chat-send.is-busy::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  animation: kiki-send-spin 0.8s linear infinite;
}
@media (hover: hover) {
.kiki-dock .kiki-composer .kik-chat-send.is-busy:hover {
  background: var(--kiki-busy-orange, #F37021);
}
}
@media (hover: hover) {
.kiki-dock .kiki-composer .kik-chat-send.is-busy:hover::before {
  width: 0.7rem;
  height: 0.7rem;
  border: 0;
  border-radius: 2px;
  background: #fff;
  animation: none;
}
}
@keyframes kiki-send-spin {

  to { transform: rotate(360deg); }
}
.kiki-dock .kiki-composer .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@container screen style(--screen-small: true) {
.application-body:has(.kiki-dock) .document-body {
  display: block;
  overflow: auto;
}
}
@container screen style(--screen-small: true) {
.kiki-dock {
  top: auto;
  left: 0.5rem;
  right: 0.5rem;
  bottom: var(--kik-dock-clearance, 0.5rem);
  width: auto;
  max-height: calc(100dvh
                     - var(--kik-dock-clearance, 0.5rem)
                     - var(--small-screen-padding));
  animation: none;
}
}
@container screen style(--screen-small: true) {
html.kik-one.kik-windowed .application-body.kik-floating:has(> .kik-win-close) .kiki-dock {
  max-height: calc(100%
                     - var(--kik-win-toolbar-height, 58px)
                     - var(--kik-dock-clearance, 0.5rem));
}
}
@media (max-width: 680px) {
body:has(#app-space .application-body.state-on .kiki-dock:not(.closing)) {
  --kik-dock-clearance: calc(0.5 * var(--small-screen-padding) + var(--kik-safe-bottom));
}
}
@media (max-width: 680px) {
body:has(#app-space .application-body.state-on .kiki-dock:not(.closing)) :is(#global-nav-side, .kik-dock-veil) {
  display: none;
}
}
:root {
  --kik-usage-bar-height: 18px;
}
.kik-ai-budget {
  --kik-ai-budget-track: var(--colour-separation-lines, #dbdbdb);
  --kik-ai-budget-fill: var(--app-colour, var(--colour-primary, #2d7ff9));
  padding: 0.6rem 0.85rem 0.7rem;
  font-size: 0.85em;
  line-height: 1.35;
  border-top: 1px solid var(--colour-separation-lines, #dbdbdb);
}
.kik-ai-budget p,
.kik-ai-budget .kik-ai-budget-head {
  margin: 0;
}
.kik-ai-budget .kik-ai-budget-head {
  color: var(--body-font-colour, inherit);
  font-size: 1em;
  font-weight: 700;
}
.kik-ai-budget .kik-ai-budget-meta {
  margin-top: 0.3rem;
  color: var(--colour-byline, #666);
  margin-bottom: 15px;
}
.kik-ai-budget .kik-ai-budget-bar {
  display: block;
  height: var(--kik-usage-bar-height, 12px);
  margin-top: 0.4rem;
  border-radius: calc(var(--kik-usage-bar-height, 12px) / 2);
  background-color: var(--kik-ai-budget-track);
  overflow: hidden;
}
.kik-ai-budget .kik-ai-budget-bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--kik-ai-budget-fill);
  transition: width 0.2s ease-out;
}
.panel-content > .kik-ai-budget {
  padding: 0;
  border-top: 0;
  font-size: 1em;
}
.kik-ai-budget.warning {
  --kik-ai-budget-fill: var(--colour-orange, #e8890c);
}
.kik-ai-budget.exhausted {
  --kik-ai-budget-fill: var(--colour-alert, red);
}
.kik-ai-budget.exhausted .kik-ai-budget-meta {
  color: var(--colour-alert, red);
}
.kiki-dock .kik-ai-budget-low .pat-context-menu,
.kiki-dock .kik-ai-budget-out .pat-context-menu,
.kiki-dock .kik-ai-budget-low.pat-context-menu,
.kiki-dock .kik-ai-budget-out.pat-context-menu {
  position: relative;
}
.kiki-dock .kik-ai-budget-low .pat-context-menu::after,
.kiki-dock .kik-ai-budget-out .pat-context-menu::after,
.kiki-dock .kik-ai-budget-low.pat-context-menu::after,
.kiki-dock .kik-ai-budget-out.pat-context-menu::after {
  content: "";
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background-color: var(--colour-orange, #e8890c);
  box-shadow: 0 0 0 1.5px var(--colour-base-background, #fff);
}
.kiki-dock .kik-ai-budget-out .pat-context-menu::after,
.kiki-dock .kik-ai-budget-out.pat-context-menu::after {
  background-color: var(--colour-alert, red);
}
@container screen style(--screen-small: true) {
@container pat-table (((width <= 680px) and style(--pat-table-small: preview-cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: preview-cards)) or ((width > 1100px) and style(--pat-table-large: preview-cards))) {
.document-body .pat-table {
  margin-bottom: 0;
}
}
}
html.no-js #app-space .application-body > :is(.document-body, aside.sidebar),
html.no-js #app-space .application-body > form > .document-body,
html.no-js #app-space .document-body .pat-toolbar.kik-win-main-toolbar {
  transition: none !important;
}
.application-body > .document-content:not(.pat-modal),
#application-body > #document-content:not(.pat-modal) {
  padding: 60px var(--quaive-document-padding-left);
}
@media print {
.application-body > .document-content:not(.pat-modal),
#application-body > #document-content:not(.pat-modal) {
  padding: 0;
}
}
@container screen style(--screen-small: true) {
.application-body > .document-content:not(.pat-modal),
#application-body > #document-content:not(.pat-modal) {
  padding: var(--small-screen-padding);
}
}
.document-content,
#document-content {
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  padding-top: var(--document-content-padding-top);
  padding-left: var(--document-content-padding-left);
  padding-right: var(--document-content-padding-right);
  padding-bottom: var(--document-content-padding-bottom);
}
.document-content > .pat-form:not(.pat-toolbar),
#document-content > .pat-form:not(.pat-toolbar) {
  display: contents;
}
@container screen style(--screen-small: true) {
.document-content,
#document-content {
  padding: var(--small-screen-padding);
}
}
@container document (width <= 680px) {
.document-body > .document-content,
.document-body > #document-content {
  padding: var(--small-screen-padding);
}
}
@media print {
.document-content,
#document-content {
  padding: 0;
}
}
.document-content .document-title,
#document-content .document-title {
  margin-bottom: 1em;
}
.document-content.app-settings .page-header,
#document-content.app-settings .page-header {
  display: block;
  margin: 0 auto;
  max-width: var(--pat-container-width);
  padding: var(--pat-container-padding);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 55px;
}
.document-content.app-settings .page-header.medium,
#document-content.app-settings .page-header.medium {
  max-width: var(--pat-container-width-medium);
}
@container screen style(--screen-small: true) {
.document-content.app-settings .page-header,
#document-content.app-settings .page-header {
  --pat-container-padding: var(--pat-container-padding-small);
}
}
.document-type-link .document-content,
.document-type-link #document-content {
  padding-top: 105px;
}
.document-type-presentation .document-content,
.document-type-presentation #document-content {
  padding-top: 20px;
}
.document-type-presentation .toc + .document-content,
.document-type-presentation .toc + #document-content {
  padding-top: 55px;
}
.document-type-rich .document-content,
.document-type-rich #document-content {
  padding: 0;
}
.document-type-rich .document-content .ProseMirror,
.document-type-rich .document-content .redactor-styles,
.document-type-rich #document-content .ProseMirror,
.document-type-rich #document-content .redactor-styles {
  padding: calc(10% + 30px) 10% 10% 10%;
}
@container screen style(--screen-small: true) {
.document-type-rich .document-content .ProseMirror,
.document-type-rich .document-content .redactor-styles,
.document-type-rich #document-content .ProseMirror,
.document-type-rich #document-content .redactor-styles {
  padding: var(--small-screen-padding);
}
}
.document-type-rich.read-only .document-content,
.document-type-rich.read-only #document-content {
  padding: calc(10% + 30px) 10% 10% 10%;
}
@container screen style(--screen-small: true) {
.document-type-rich.read-only .document-content,
.document-type-rich.read-only #document-content {
  padding: var(--small-screen-padding);
}
}
.document-content .collabora-editor-frame,
#document-content .collabora-editor-frame {
  background-color: var(--colour-base);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  width: fill-available;
  height: fill-available;
  position: absolute;
  top: calc(var(--sidebar-margin-top));
  right: calc(var(--sidebar-margin-top));
  bottom: calc(var(--sidebar-margin-top));
  left: calc(0.5 * var(--sidebar-padding-left));
  border: none;
}
body[dir=rtl] .document-content .collabora-editor-frame,
body[dir=rtl] #document-content .collabora-editor-frame {
  left: calc(var(--sidebar-margin-top));
  right: calc(0.5 * var(--sidebar-padding-left));
}
@container screen style(--screen-small: true) {
.document-content .collabora-editor-frame,
#document-content .collabora-editor-frame {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
}
@container screen style(--screen-small: true) {
@media all and (display-mode: standalone) {
.document-content .collabora-editor-frame,
#document-content .collabora-editor-frame {
  top: env(safe-area-inset-top);
  right: env(safe-area-inset-right);
  bottom: env(safe-area-inset-bottom);
  left: env(safe-area-inset-left);
  width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));
  height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
}
}
.document-content.onlyoffice-editor-shell .pat-toolbar,
#document-content.onlyoffice-editor-shell .pat-toolbar {
  display: none;
}
.document-content.onlyoffice-editor-shell iframe,
#document-content.onlyoffice-editor-shell iframe {
  background-color: var(--colour-base);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  width: fill-available;
  height: fill-available;
  position: absolute;
  top: var(--sidebar-margin-top);
  right: calc(var(--sidebar-margin-top));
  bottom: calc(var(--sidebar-margin-top));
  left: calc(0.5 * var(--sidebar-padding-left));
}
@container screen style(--screen-small: true) {
.document-content.onlyoffice-editor-shell iframe,
#document-content.onlyoffice-editor-shell iframe {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 100%;
}
}
@container screen style(--screen-small: true) {
@media all and (display-mode: standalone) {
.document-content.onlyoffice-editor-shell iframe,
#document-content.onlyoffice-editor-shell iframe {
  top: env(safe-area-inset-top);
  right: env(safe-area-inset-right);
  bottom: env(safe-area-inset-bottom);
  left: env(safe-area-inset-left);
  width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));
  height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
}
}
body[data-global-nav="compact"] .document-content.onlyoffice-editor-shell #onlyoffice-editor-toolbar,
body[data-global-nav="compact"] #document-content.onlyoffice-editor-shell #onlyoffice-editor-toolbar {
  display: none;
}
body[data-global-nav="compact"] .document-content.onlyoffice-editor-shell iframe,
body[data-global-nav="compact"] #document-content.onlyoffice-editor-shell iframe {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.document-content.news-feed,
#document-content.news-feed {
  background-color: var(--colour-base-background);
  padding: 8%;
  font-size: 0.8em;
}
.document-content.cases-overview,
#document-content.cases-overview {
  background-color: var(--colour-base-background);
  padding: 8%;
  font-size: 0.8em;
}
.document-content article.rich,
.document-content .content-container,
.document-content div.document,
#document-content article.rich,
#document-content .content-container,
#document-content div.document {
  background-color: var(--colour-base-background);
  font-size: 1.4rem;
}
@media print {
.document-content article.rich,
.document-content .content-container,
.document-content div.document,
#document-content article.rich,
#document-content .content-container,
#document-content div.document {
  font-size: 12pt;
}
}
@container screen style(--screen-small: true) {
.document-content article.rich,
.document-content .content-container,
.document-content div.document,
#document-content article.rich,
#document-content .content-container,
#document-content div.document {
  padding: 0;
}
}
.document-hero-area {
  display: block;
  position: relative;
  background-color: var(--colour-accent);
  --quaive-document-hero-padding-top: 24px;
  padding-top: var(--quaive-document-hero-padding-top);
  margin: 0 0 50px 0;
  overflow: hidden;
  grid-area: hero;
}
@container screen style(--screen-small: true) {
.document-hero-area {
  margin-bottom: 20px;
}
}
.document-hero-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.document-hero-area .document-title {
  position: relative;
  z-index: 2;
  padding: 50px var(--quaive-document-padding-left) 50px var(--quaive-document-padding-left);
  color: white;
  display: block;
  margin: 0 auto;
  max-width: var(--pat-container-width-medium);
}
@container screen style(--screen-small: true) {
.document-hero-area .document-title {
  padding: 80px var(--small-screen-padding) 20px var(--small-screen-padding);
}
}
.document-hero-area .document-title .event-date,
.document-hero-area .document-title .event-title,
.document-hero-area .document-title .event-location {
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
  margin-top: 15px;
}
.document-hero-area .document-title .event-date {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}
.document-hero-area .document-title .event-title {
  font-weight: bold;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.document-hero-area .document-title .event-title {
  font-size: 30px;
}
}
.document-hero-area .document-title .event-location {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: normal;
}
.document-hero-area .document-title .event-location a {
  color: white;
}
@media (hover: hover) {
.document-hero-area .document-title .event-location a:hover {
  text-decoration: underline;
}
}
.document-hero-area .document-title textarea {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 300px 6% 50px;
  margin: 0;
  background: none;
  font-size: 40px;
  max-width: 100%;
  color: white;
  line-height: 50px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  resize: none !important;
  min-width: 100%;
}
.document-hero-area .document-title:before {
  content: attr(data-value) ' ';
  color: transparent;
}
@container screen style(--screen-small: true) {
.document-hero-area .document-title:first-child {
  padding: 20px var(--small-screen-padding) 30px var(--small-screen-padding);
}
}
.document-hero-area img + .document-title {
  padding-top: 300px;
}
@container screen style(--screen-small: true) {
.document-hero-area img + .document-title {
  padding-top: 50px;
}
}
.document-hero-area:has(> img)::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: ' ';
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 20%, #fff 80%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 20%, #fff 80%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
:root {
  --document-preview-rich-font-family: var(--body-font-family);
  --document-preview-news-font-family: var(--body-font-family);
  --document-preview-preview-width: 76px;
}
.document-preview {
  background-color: #efefef;
  position: relative;
  box-shadow: var(--default-box-shadow);
  overflow: hidden;
  border-radius: var(--border-radii);
}
.document-preview + .document-preview {
  margin-top: 0.5em;
}
@media (hover: hover) {
.document-preview a:hover {
  text-decoration: none;
}
}
@media (hover: hover) {
.document-preview a:hover figure figcaption {
  background-color: #ededed;
}
}
.document-preview.type-audio,
.document-preview.type-video,
.document-preview.type-youtube {
  box-shadow: none;
  border-radius: 0;
  background: none;
  border: none;
  box-shadow: none;
}
.document-preview.type-audio figure,
.document-preview.type-video figure,
.document-preview.type-youtube figure {
  border: none;
  background: none;
  box-shadow: none;
}
.document-preview.type-audio figure figcaption,
.document-preview.type-video figure figcaption,
.document-preview.type-youtube figure figcaption {
  padding: 0;
}
.document-preview.type-audio figure figcaption .title,
.document-preview.type-video figure figcaption .title,
.document-preview.type-youtube figure figcaption .title {
  font-weight: bold;
  display: block;
  font-size: 1.2em;
  line-height: inherit;
  padding: 0;
  white-space: normal;
  margin-bottom: 0px;
}
.document-preview.type-audio figure figcaption .byline,
.document-preview.type-video figure figcaption .byline,
.document-preview.type-youtube figure figcaption .byline {
  color: var(--body-font-colour);
  line-height: inherit;
  font-size: inherit;
  padding: 0;
  margin-bottom: 10px;
}
@media (hover: hover) {
.document-preview.type-audio figure figcaption a:hover,
.document-preview.type-video figure figcaption a:hover,
.document-preview.type-youtube figure figcaption a:hover {
  background: transparent;
  color: var(--body-font-colour);
}
}
.document-preview.type-news {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.document-preview.type-news .title {
  font-weight: bold;
  display: block;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: inherit;
  padding: 0;
  white-space: normal;
  margin-bottom: 2px;
}
.document-preview.type-news .byline {
  color: var(--body-font-colour);
  line-height: inherit;
  font-size: inherit;
  padding: 0;
}
.document-preview.type-news a {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.document-preview.type-news a:hover {
  background: transparent;
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
.document-preview.type-news a:hover figcaption {
  background: transparent;
}
}
@media (hover: hover) {
.document-preview.type-news a:hover .read-more {
  text-decoration: underline;
}
}
.document-preview.type-news figure {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.document-preview.type-news figure figcaption {
  font-family: var(--document-preview-news-font-family);
}
.document-preview.type-news figure .read-more {
  font-style: normal;
  color: var(--colour-link);
  display: inline-block;
}
@container screen style(--screen-small: true) {
.document-preview.type-news figure img {
  width: 100%;
  margin-bottom: 1em;
}
}
@container screen style(--screen-small: true) {
.document-preview.type-news figure figcaption {
  background: transparent;
  padding: 0;
}
}
.stream-container.col-3 .document-preview.type-news figure img {
  width: 100%;
  margin-bottom: 1em;
}
.stream-container.col-3 .document-preview.type-news figure figcaption {
  background: transparent;
  padding: 0;
}
@container screen style(--screen-small: false) {
.stream-container:not(.col-3) .document-preview.type-news figure {
  display: flex;
  gap: 20px;
  line-height: 1.3;
}
}
@container screen style(--screen-small: false) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure {
  display: block;
}
}
@container screen style(--screen-small: false) {
.stream-container:not(.col-3) .document-preview.type-news figure figcaption {
  box-sizing: border-box;
  padding: 0;
  font-size: 22px;
}
}
@container screen style(--screen-small: false) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure figcaption {
  width: 100%;
  clear: both;
  padding: 0;
  line-height: 1.5;
  padding: 0;
}
}
@container screen style(--screen-small: false) {
.stream-container:not(.col-3) .document-preview.type-news figure img {
  align-self: top;
  margin-top: 0.3em;
}
}
@container screen style(--screen-small: false) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure img {
  width: 100%;
  margin: 0;
}
}
@container screen style(--screen-small: false) {
.stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link {
  flex-basis: 34%;
  flex-shrink: 0;
}
}
@container screen style(--screen-small: false) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link {
  width: 100%;
  margin-bottom: 15px;
}
}
@container screen style(--screen-small: false) {
.stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link img {
  width: 100%;
}
}
.document-preview.type-youtube > figure > iframe {
  width: 100%;
  display: block;
  height: 381px;
}
@container screen style(--screen-small: true) {
.document-preview.type-youtube > figure > iframe {
  height: 207px;
}
}
.document-preview figure {
  background-color: #fafafa;
  max-width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
}
@container screen style(--screen-small: true) {
.document-preview figure {
  clear: both;
  background-color: #efefef;
}
}
@container screen style(--screen-small: true) {
.document-preview figure figcaption {
  background-color: #fafafa;
}
}
.document-preview figure audio {
  width: 100%;
  display: block;
}
.document-preview figure video {
  width: 100%;
  overflow: hidden;
  display: block;
}
.document-preview figure .youtube-player {
  width: 100%;
}
.document-preview figure figcaption {
  padding: 0 0 0 20px;
  position: relative;
  min-height: 1.8em;
}
.document-preview figure figcaption a {
  text-decoration: none;
}
.document-preview figure figcaption .title {
  color: var(--body-font-colour);
  font-weight: normal;
  display: block;
  padding: 9px 0.5em 7px 0;
  line-height: 1.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 75px;
}
@media (hover: hover) {
.document-preview figure figcaption .title a:not(.icon):hover {
  text-decoration: underline;
}
}
.document-preview figure figcaption .title .page-counter {
  color: rgba(0,0,0,0.5);
  font-weight: bold;
  font-size: 0.8em;
}
.document-preview figure figcaption .title .functions {
  position: absolute;
  margin-top: 1px;
  font-size: 1em;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}
.document-preview figure figcaption .byline {
  color: rgba(0,0,0,0.5);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5em 0.9em 0;
  font-style: normal;
  line-height: 1.3em;
  font-size: 0.8em;
  text-decoration: none;
}
.document-preview.type-image {
  display: inline-block;
  border-radius: var(--border-radii);
}
.document-preview.type-image figure {
  display: inline-block;
}
.document-preview.type-image figure img[src*=".svg"] {
  width: 1000px;
  max-width: 100%;
}
.document-preview.type-image .overlay {
  color: white;
  padding: 2em 1em 1em 1em;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.document-preview.type-image .overlay a {
  color: silver;
  float: right;
  cursor: default;
}
@media (hover: hover) {
.document-preview.type-image .overlay a:hover,
.document-preview.type-image .overlay a:hover * {
  color: white;
}
}
.document-preview.type-image .overlay .icon {
  float: right;
  margin-left: 1em;
  color: silver;
  font-style: normal;
}
.document-preview.document.type-ad {
  border-radius: var(--sticky-note-border-radii);
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: all 0.2s;
}
.document-preview.document.type-ad:not(.has-image) figure {
  padding: 0 10px;
}
.document-preview.document.type-ad:not(.has-image) figure figcaption {
  width: 100%;
}
.document-preview.document.type-ad:not(.has-image) figure:after {
  display: none;
}
@media (hover: hover) {
.document-preview.document.type-ad:hover {
  transform: scale(1.01);
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
}
}
.document-preview.document.type-ad figure {
  border: none;
  overflow: hidden;
}
.document-preview.document.type-ad figure:after {
  background-color: rgba(0, 0, 0, 0.12);
}
.document-preview.document.type-ad figure img {
  position: absolute;
  object-fit: cover;
}
@container screen style(--screen-small: false) {
.document-preview.document.type-ad figure img {
  top: 0;
  height: 100%;
  bottom: 0;
  border-top-left-radius: var(--sticky-note-border-radii);
  border-bottom-left-radius: var(--sticky-note-border-radii);
}
}
@container screen style(--screen-small: true) {
.document-preview.document.type-ad figure img {
  position: static;
  transform: none;
}
}
.portlet.span-1 .document-preview.document.type-ad figure img {
  position: static;
  transform: none;
}
.document-preview.document.type-ad figure figcaption {
  font-size: 22px;
  color: var(--body-font-colour);
  padding: 0;
  background-color: transparent !important;
  max-height: initial;
}
.document-preview.document.type-ad figure figcaption .title {
  font-weight: bold;
  color: var(--body-font-colour);
  white-space: normal;
  margin: 0;
  padding: 22px 22px 10px 22px;
}
.document-preview.document.type-ad figure figcaption .byline {
  color: var(--body-font-colour);
  padding: 0 22px 22px 22px;
}
.document-preview.document.type-ad.kind-offered figure {
  background-color: var(--colour-sticky-note-kind-offered);
}
.document-preview.document.type-ad.kind-needed figure {
  background-color: var(--colour-sticky-note-kind-needed);
}
.document-preview.document.type-ad.kind-generic figure {
  background-color: var(--colour-sticky-note-kind-generic);
}
.document-preview.document figure:after {
  width: var(--document-preview-preview-width);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: ' ';
  display: block;
  height: 100%;
  background-color: #efefef;
  z-index: 0;
}
@container screen style(--screen-small: true) {
.document-preview.document figure:after {
  display: none;
}
}
.portlet.span-1 .document-preview.document figure:after {
  display: none;
}
.document-preview.document figure img {
  width: var(--document-preview-preview-width);
  float: left;
  position: relative;
  z-index: 2;
  background-color: white;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.07);
}
@container screen style(--screen-small: true) {
.document-preview.document figure img {
  width: 100%;
}
}
.portlet.span-1 .document-preview.document figure img {
  width: 100%;
}
.document-preview.document figure .rich-page {
  width: var(--document-preview-preview-width);
  overflow: hidden;
  position: relative;
  float: left;
  z-index: 1;
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.document-preview.document figure .rich-page {
  width: 100%;
}
}
.portlet.span-1 .document-preview.document figure .rich-page {
  width: 100%;
}
.document-preview.document figure .rich-page .page-preview {
  width: 100%;
  height: 130px;
  padding: 7%;
  font-size: 3px;
  line-height: 1.3em;
  background-color: white;
  color: var(--body-font-colour);
  box-sizing: border-box;
  border-right: 1px solid #efefef;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
  overflow: hidden;
}
.document-preview.document figure .rich-page .page-preview h1,
.document-preview.document figure .rich-page .page-preview h2,
.document-preview.document figure .rich-page .page-preview p,
.document-preview.document figure .rich-page .page-preview ul,
.document-preview.document figure .rich-page .page-preview ol,
.document-preview.document figure .rich-page .page-preview table,
.document-preview.document figure .rich-page .page-preview dl,
.document-preview.document figure .rich-page .page-preview pre,
.document-preview.document figure .rich-page .page-preview .screenshot,
.document-preview.document figure .rich-page .page-preview figure {
  margin-bottom: 1em;
}
.document-preview.document figure .rich-page .page-preview ul li,
.document-preview.document figure .rich-page .page-preview ol li {
  padding-left: 10px;
}
.document-preview.document figure .rich-page .page-preview ul li:before,
.document-preview.document figure .rich-page .page-preview ol li:before {
  margin-left: -10px;
}
.document-preview.document figure .rich-page .follow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: -1000px;
}
.document-preview.document figcaption {
  box-sizing: border-box;
  width: calc(100% - var(--document-preview-preview-width));
  float: right;
  max-height: 113px;
}
@container screen style(--screen-small: true) {
.document-preview.document figcaption {
  width: 100%;
}
}
.portlet.span-1 .document-preview.document figcaption {
  width: 100%;
}
.document-preview.document figcaption .functions {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.document-preview.document figcaption .functions nav {
  display: inline;
}
.document-preview.document figcaption .functions a {
  color: rgba(0,0,0,0.5);
  cursor: default;
  text-decoration: none;
}
@media (hover: hover) {
.document-preview.document figcaption .functions a:hover {
  color: var(--body-font-colour);
}
}
.document-preview.type-rich .pat-rich {
  font-family: var(--document-preview-rich-font-family);
}
@container screen style(--screen-small: true) {
.document-preview.type-rich figcaption {
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  z-index: 10;
}
}
.portlet.span-1 .document-preview.type-rich figcaption {
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  z-index: 10;
}
.document-preview.not-generated figure:before,
.document-preview.not-possible figure:before,
.document-preview.type-link:before {
  float: left;
  height: 1em;
  line-height: 1em;
  width: 1em;
  z-index: 1;
  position: absolute;
  font-size: 1.5em;
  color: gray;
  top: 50%;
  left: calc(0.5 * var(--document-preview-preview-width));
  margin-top: -0.5em;
  margin-left: -0.5em;
  font-style: normal;
}
@container screen style(--screen-small: true) {
.document-preview.not-generated figure:before,
.document-preview.not-possible figure:before,
.document-preview.type-link:before {
  display: block;
  position: static;
  width: 100%;
  line-height: 88px;
  margin: 0;
  height: 88px;
  text-align: center;
}
}
.portlet.span-1 .document-preview.not-generated figure:before,
.portlet.span-1 .document-preview.not-possible figure:before,
.portlet.span-1 .document-preview.type-link:before {
  display: block;
  position: static;
  width: 100%;
  line-height: 88px;
  margin: 0 0 -16px 0;
  height: 88px;
  text-align: center;
}
.document-preview.compact {
  background-color: transparent;
  margin: 0 0 1em 0;
  box-shadow: none;
}
.document-preview.compact:before {
  height: 3em;
  width: 3em;
  line-height: 3em;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: transparent;
  margin: 0 1em 0 0;
  color: rgba(0,0,0,0.5);
}
@media (hover: hover) {
.document-preview.compact:hover:before {
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
.document-preview.compact:hover .title {
  color: var(--body-font-colour);
}
}
.document-preview.compact .title {
  display: block;
  padding: 0 2em 0 3em;
  line-height: 3em;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  background-color: rgba(0,0,0,0.06);
  color: rgba(0,0,0,0.5);
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
}
.document-preview.compact .title:after {
  position: absolute;
  right: 1em;
  top: 0;
  content: '';
  width: 1em;
  height: 3em;
  display: block;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-down-circle) center / 1em no-repeat;
  mask: var(--kik-svg-down-circle) center / 1em no-repeat;
}
.document-preview.not-generated figure:before {
  content: "";
  height: 3em;
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
}
.document-preview.not-possible figure:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-document) center / 1em no-repeat;
  mask: var(--kik-svg-document) center / 1em no-repeat;
}
.document-preview.type-link:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-link) center / 1em no-repeat;
  mask: var(--kik-svg-link) center / 1em no-repeat;
}
.document-preview img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.document-preview-panel .toolbar-title:has(> svg.kik-file-mark) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  min-width: 0;
}
.document-preview-panel .toolbar-title:has(> svg.kik-file-mark) > svg.kik-file-mark {
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
}
.document-preview-panel .toolbar-title:has(> svg.kik-file-mark) > .file-title-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#editor-toolbar,
.editor-toolbar {
  --kik-tip-font-size: calc(0.8 * var(--body-font-size));
}
@media print {
#editor-toolbar,
.editor-toolbar {
  display: none;
}
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external {
  border: none;
  overflow: hidden;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button {
  postition: relative;
  text-align: center;
  outline: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  cursor: default;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: var(--canvas-toolbar-button-height);
  width: var(--canvas-toolbar-button-height);
  line-height: var(--canvas-toolbar-button-height);
  padding: 0;
  color: transparent;
  float: left;
  margin: 0;
  background: transparent;
  border-radius: var(--border-radii);
}
@media (hover: hover) {
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover {
  outline: none;
  background-color: transparent;
  cursor: default;
}
}
@media (hover: hover) {
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before {
  color: var(--body-font-colour);
}
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active {
  background-color: var(--colour-accent) !important;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before {
  color: white;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before {
  color: rgba(0,0,0,0.6);
  position: absolute;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  display: block;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:is(.re-video, .re-unorderedlist, .re-lists, .re-undo, .re-underline, .re-textdirection, .re-fontcolor, .re-table, .re-redo, .re-quote, .re-outdent, .re-orderedlist, .re-link, .re-italic, .re-indent, .re-image, .re-fullscreen, .re-normalscreen, .re-format, .re-fontsize, .re-fontfamily, .re-deleted, .re-clips, .re-bold, .re-backcolor, .re-file, .re-alignright, .re-alignment, .re-alignleft, .re-alignjustify, .re-aligncenter):before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:is(.re-video, .re-unorderedlist, .re-lists, .re-undo, .re-underline, .re-textdirection, .re-fontcolor, .re-table, .re-redo, .re-quote, .re-outdent, .re-orderedlist, .re-link, .re-italic, .re-indent, .re-image, .re-fullscreen, .re-normalscreen, .re-format, .re-fontsize, .re-fontfamily, .re-deleted, .re-clips, .re-bold, .re-backcolor, .re-file, .re-alignright, .re-alignment, .re-alignleft, .re-alignjustify, .re-aligncenter):before {
  content: '';
  height: var(--canvas-toolbar-button-height);
  background-color: currentColor;
  -webkit-mask: var(--kik-redactor-mark) center / 1em no-repeat;
  mask: var(--kik-redactor-mark) center / 1em no-repeat;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video {
  --kik-redactor-mark: var(--kik-svg-video);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists {
  --kik-redactor-mark: var(--kik-svg-list);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo {
  --kik-redactor-mark: var(--kik-svg-undo);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline {
  --kik-redactor-mark: var(--kik-svg-font);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection {
  --kik-redactor-mark: var(--kik-svg-paragraph);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor {
  --kik-redactor-mark: var(--kik-svg-palette);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table {
  --kik-redactor-mark: var(--kik-svg-table);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo {
  --kik-redactor-mark: var(--kik-svg-redo);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote {
  --kik-redactor-mark: var(--kik-svg-quote);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent {
  --kik-redactor-mark: var(--kik-svg-angle-double-left);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist {
  --kik-redactor-mark: var(--kik-svg-list);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link {
  --kik-redactor-mark: var(--kik-svg-link);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic {
  --kik-redactor-mark: var(--kik-svg-italic);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent {
  --kik-redactor-mark: var(--kik-svg-angle-double-right);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image {
  --kik-redactor-mark: var(--kik-svg-picture);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen {
  --kik-redactor-mark: var(--kik-svg-resize-full);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen {
  --kik-redactor-mark: var(--kik-svg-resize-small);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format {
  --kik-redactor-mark: var(--kik-svg-paragraph);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize {
  --kik-redactor-mark: var(--kik-svg-font);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily {
  --kik-redactor-mark: var(--kik-svg-font);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted {
  --kik-redactor-mark: var(--kik-svg-strike);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips {
  --kik-redactor-mark: var(--kik-svg-copy);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold {
  --kik-redactor-mark: var(--kik-svg-bold);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor {
  --kik-redactor-mark: var(--kik-svg-palette);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file {
  --kik-redactor-mark: var(--kik-svg-attach);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright {
  --kik-redactor-mark: var(--kik-svg-align-right);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft {
  --kik-redactor-mark: var(--kik-svg-align-left);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify {
  --kik-redactor-mark: var(--kik-svg-align-justify);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter {
  --kik-redactor-mark: var(--kik-svg-align-center);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before {
  content: "—";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before {
  content: "<>";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before {
  content: "I./II.";
}
#editor-toolbar .icon,
.editor-toolbar .icon {
  margin: 0;
}
@media (hover: hover) {
#editor-toolbar [data-kik-tip]:not(.open):hover::after,
.editor-toolbar [data-kik-tip]:not(.open):hover::after {
  content: attr(data-kik-tip);
  position: absolute;
  top: calc(100% + var(--kik-tip-gap));
  left: 50%;
  translate: -50% 0;
  background-color: var(--kik-tip-background-dark);
  color: var(--kik-tip-text-colour-dark);
  font-family: var(--body-font-family);
  text-indent: 0;
  font-size: var(--kik-tip-font-size);
  font-weight: var(--kik-tip-font-weight);
  line-height: var(--kik-tip-line-height);
  padding: var(--kik-tip-padding);
  border-radius: var(--kik-tip-border-radius);
  box-shadow: var(--kik-tip-box-shadow);
  white-space: nowrap;
  text-align: center;
  z-index: 1000;
  pointer-events: none;
}
}
@container screen style(--screen-small: true) {
#editor-toolbar,
.editor-toolbar {
  display: none;
}
}
.pat-element iframe {
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
}
#application-body-workspaces .pat-element iframe,
#application-body-documents .pat-element iframe {
  height: -webkit-fill-available !important;
  width: -webkit-fill-available !important;
  height: fill-available !important;
  width: fill-available !important;
  position: absolute;
  top: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  right: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  bottom: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  left: calc(var(--sidebar-padding-left) + 0 * var(--sidebar-padding-left));
}
@container screen style(--screen-small: true) {
#application-body-workspaces .pat-element iframe,
#application-body-documents .pat-element iframe {
  bottom: calc(var(--workspace-tabs-bar-height) + var(--small-screen-padding) + env(safe-area-inset-bottom));
}
}
#error-zone {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  z-index: 12;
}
#error-zone .pat-modal {
  pointer-events: auto;
}
.error-page {
  position: absolute;
  top: var(--global-header-height);
  background-color: var(--colour-base);
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  animation: fadeInUp 0.2s;
}
.error-page.hidden {
  display: none;
}
@media screen {
.error-page:before {
  position: absolute;
  right: 0;
  left: 0;
  height: var(--global-header-box-shadow-size);
  background: 
        linear-gradient(
            to bottom, 
            color-mix(var(--global-header-box-shadow) var(--global-header-box-shadow-intensity), transparent) 0%,
            color-mix(var(--global-header-box-shadow) 0%, transparent) 100%);
  content: ' ';
  display: block;
  z-index: 12;
  pointer-events: none;
}
}
@media screen {
@container screen style(--screen-small: true) {
.error-page:before {
  top: var(--global-header-height);
}
}
}
@media screen {
@container screen style(--screen-small: false) {
.error-page:before {
  top: 0;
}
}
}
.error-page.anonymous {
  top: 0;
}
.error-page .text-block {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  hyphens: auto;
}
.error-page .container {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}
.error-page.error-500a .text-block {
  width: 35%;
  float: left;
}
.error-page.error-500a .error-codes {
  width: 58%;
  font-size: 13px;
  line-height: 1.3;
  box-sizing: border-box;
  float: right;
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: 5%;
  background-color: rgba(0,0,0,0.6);
  color: white;
  padding: 30px;
  overflow: auto;
  -webkit-user-select: auto;
  user-select: auto;
  border-radius: var(--border-radii);
  opacity: 0;
  animation: fadeIn 1s 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.error-page.error-500a .error-codes pre {
  margin: 0;
  -webkit-user-select: text;
  user-select: text;
}
.error-page.error-503 {
  background-color: var(--colour-base-background);
  top: 0;
}
.error-page.error-503 .text-block {
  width: 50%;
  float: left;
}
.error-page.error-503 .pat-puppies-and-kittens {
  width: 40%;
  height: 100%;
  float: right;
  position: absolute;
  top: 0;
  right: 5%;
}
.error-page.error-503 .pat-puppies-and-kittens img {
  max-height: 80%;
  max-width: 100%;
  width: auto;
}
.event-card {
  transition: transform 0.20s;
  font-family: var(--event-card-font-family);
}
@media (hover: hover) {
.event-card:hover:not(:has(.follow.current)) {
  transform: scale(1.01);
}
}
@media (hover: hover) {
.event-card:hover:not(:has(.follow.current)) .follow {
  box-shadow: var(--default-box-shadow-hover);
}
}
.event-card.type-birthday .follow .title: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;
  margin-inline-end: 4px;
  animation: heartbeat 1s;
  color: var(--colour-accent);
}
.event-card .follow {
  background: var(--event-card-background-colour);
  border-radius: var(--event-card-border-radius);
  box-shadow: var(--event-card-box-shadow);
  display: block;
  overflow: hidden;
  transition: box-shadow 0.25s;
  text-decoration: none;
}
@media (hover: hover) {
.event-card .follow:hover {
  text-decoration: none;
}
}
.event-card .follow.current {
  box-shadow: inset 0 0 0 3px var(--colour-accent);
  cursor: default;
}
.event-card .follow figure {
  float: left;
  width: 100%;
  margin: 0;
}
.pat-magazine .event-card .follow figure {
  margin-bottom: 0 !important;
}
.event-card .follow figure img {
  width: 100%;
  display: block;
  background-size: cover;
  object-fit: cover;
  background-position: center;
  aspect-ratio: 21 / 9;
}
.event-card .follow .teaser {
  padding: var(--pat-x-list-padding);
  clear: both;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "event-date title";
  justify-content: start;
  align-items: center;
}
.event-card .follow .teaser:has(.byline),
.event-card .follow .teaser:has(.description) {
  grid-template-areas: 
					"event-date title" 
					"event-date byline";
  row-gap: 0;
}
.pat-magazine .event-card .follow .teaser {
  padding: 13px 20px 14px 100px;
}
.pat-magazine .event-card .follow .teaser .byline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-card .follow .teaser .event-date {
  width: var(--pat-x-list-icon-tile-width);
  text-align: center;
  grid-area: event-date;
  display: grid;
  line-height: 20px;
  margin-right: var(--pat-x-list-gutter);
}
.event-card .follow .teaser .event-date .month {
  color: var(--kik-date-dial-month-ink, red);
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  line-height: 13px;
  margin-bottom: 3px;
}
.event-card .follow .teaser .event-date .day {
  font-size: 22px;
  display: block;
  color: var(--contact-card-text-colour);
}
.event-card .follow .teaser .title {
  font-size: var(--body-font-size);
  line-height: calc(1.3 * var(--body-font-size));
  margin-bottom: 0;
  font-weight: bold;
  color: var(--contact-card-text-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: title;
}
.event-card .follow .teaser .title .category,
.event-card .follow .teaser .title .comment-count {
  float: right;
  margin-top: 0.25em;
  margin-left: 0.4em;
  font-size: 0.7em;
  display: inline-block;
  background-color: rgba(0,0,0,0.15);
  color: rgba(0,0,0,0.6);
  padding: 0 0.5em;
  line-height: 153%;
  font-weight: normal;
  font-style: normal;
  border-radius: 0.4em;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: -0.07em;
}
.event-card .follow .teaser .title .comment-count:before {
  font-size: 0.9em;
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-chat) center / contain no-repeat;
  mask: var(--kik-svg-chat) center / contain no-repeat;
  margin-right: 0.4em;
}
.event-card .follow .teaser .description,
.event-card .follow .teaser .byline {
  margin: 0 !important;
  color: var(--colour-byline);
  font-size: var(--body-font-size);
  line-height: calc(1.3 * var(--body-font-size));
  font-style: normal;
  grid-area: byline;
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > th.item-name a[href],
.pat-table.event-cards tbody tr > th.item-name a[href]::after,
.pat-table.event-cards tbody tr > td {
  cursor: pointer;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr:has(> th.item-name) {
  grid-template-columns: calc(var(--bullet-space) * 2) minmax(0, 1fr) auto;
  grid-template-areas:
            "media title  marker"
            "media byline marker";
  column-gap: calc(var(--pat-x-list-gutter) * 0.7);
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr:has(> th.item-name):has(> td.item-media > figure.preview) {
  grid-template-areas:
            "thumb thumb  thumb"
            "media title  marker"
            "media byline marker";
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr:not(:has(> td.item-byline:not(:empty))) > th.item-name {
  grid-row: title-start / byline-end !important;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media.item-media:not(:empty) {
  display: contents;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media > figure.preview {
  grid-area: thumb;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 8px;
  border-radius: var(--border-radii-medium, 6px);
  overflow: hidden;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media > figure.preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media > .event-date {
  grid-area: media;
  align-self: start;
  box-sizing: border-box;
  display: grid;
  align-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  container-type: inline-size;
  text-align: center;
  line-height: 1;
  border: var(--ll-tile-border, 1px solid rgba(0, 0, 0, 0.3));
  border-radius: var(--border-radii-small, 4px);
  background-color: color-mix(in srgb, var(--kik-card-colour, red) 10%, var(--kik-date-dial-ground, white));
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media > .event-date .month,
.pat-table.event-cards tbody tr > td.item-media > .event-date .day {
  display: block;
  color: color-mix(in srgb, var(--kik-card-colour, red) 60%,
                             var(--kik-date-dial-ink-shade, black) 50%);
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media > .event-date .month {
  font-size: 19cqi;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 0.15em;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-media > .event-date .day {
  font-size: 34cqi;
  line-height: 1;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-marker:not(:empty) {
  grid-area: marker;
  display: flex;
  align-self: center;
  align-items: center;
  padding: 0;
  margin-inline-end: 0.5rem;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-marker .events-card-glyphs {
  display: flex;
  align-items: center;
  gap: 0.25em;
  line-height: 1;
  color: color-mix(in srgb, currentColor 50%, transparent);
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: cards)) or ((680px < width <= 1100px) and style(--pat-table-medium: cards)) or ((width > 1100px) and style(--pat-table-large: cards))) {
.pat-table.event-cards tbody tr > td.item-byline .kik-travel-depart {
  display: block;
}
}
.event-list .event-card + .event-card {
  margin-top: var(--pat-x-list-gutter);
}
.event-list .event {
  margin-bottom: 1em;
  position: relative;
  min-height: 5.5em;
}
.event-list .event:after {
  content: " ";
  display: table;
  clear: both;
}
.event-list .event a {
  color: var(--body-font-colour);
}
.event-list .event a .date {
  float: left;
  width: 24%;
  position: absolute;
  top: 0.3em;
  left: 0;
}
.event-list .event a .date time {
  background-color: var(--colour-base-background);
  outline: rgb(223, 223, 223) 1px solid;
}
.event-list .event a .title,
.event-list .event a .byline,
.event-list .event a .description {
  float: right;
  width: 70%;
  font-size: 0.8em;
  line-height: 1.3em;
}
.event-list .event a .byline {
  margin-bottom: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.event-list .event a .title {
  font-weight: bold;
  color: var(--colour-accent);
  margin-bottom: 0.4em;
  font-size: 1em;
}
@media (hover: hover) {
.event-list .event a:hover .title {
  text-decoration: underline;
}
}
.journal-list {
  list-style: none;
  padding: 0;
  margin: 0;
  container-type: inline-size;
  container-name: journal-list;
}
.journal-list-item {
  --layout-morph-mode: wide;
  display: grid;
  grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
  gap: 1.5rem 2rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--quaive-journal-list-rule, rgba(0, 0, 0, 0.12));
}
.journal-list-item:last-child {
  border-bottom: 0;
}
.journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr) minmax(6rem, 9rem);
}
@container journal-list (width < 800px) {
.journal-list-item {
  --layout-morph-mode: stacked;
  grid-template-columns: 1fr;
  gap: 0.3rem 0.8rem;
}
}
@container journal-list (width < 800px) {
.journal-list-item .journal-list-date {
  padding-top: 0;
}
}
@container journal-list (width < 800px) {
.journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) minmax(6rem, 9rem);
}
}
@container journal-list (width < 800px) {
.journal-list-item:has(.journal-list-thumb) .journal-list-date {
  grid-column: 1 / -1;
}
}
@container journal-list (width < 800px) {
.journal-list-item:has(.journal-list-thumb) .journal-list-content {
  grid-column: 1;
}
}
@container journal-list (width < 800px) {
.journal-list-item:has(.journal-list-thumb) .journal-list-thumb {
  grid-column: 2;
  grid-row: 2;
}
}
@container journal-list (width < 640px) {
.journal-list-item {
  --layout-morph-mode: compact;
  padding: 1rem 0;
}
}
@container journal-list (width < 640px) {
.journal-list-item .journal-list-title {
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}
}
@container journal-list (width < 640px) {
.journal-list-item .journal-list-summary {
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
}
}
@container journal-list (width < 640px) {
.journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 4.5rem;
}
}
@container journal-list (width < 640px) {
.journal-list-item .journal-list-thumb {
  border-radius: var(--border-radii-small);
}
}
.quaive-portlet .journal-list-item {
  --layout-morph-mode: portlet;
  grid-template-columns: 1fr;
  gap: 0.3rem 0.8rem;
  padding: 1rem 0;
}
.quaive-portlet .journal-list-item .journal-list-date {
  padding-top: 0;
}
.quaive-portlet .journal-list-item .journal-list-title {
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}
.quaive-portlet .journal-list-item .journal-list-summary {
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
}
.quaive-portlet .journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 4.5rem;
}
.quaive-portlet .journal-list-item:has(.journal-list-thumb) .journal-list-date {
  grid-column: 1 / -1;
}
.quaive-portlet .journal-list-item:has(.journal-list-thumb) .journal-list-content {
  grid-column: 1;
}
.quaive-portlet .journal-list-item:has(.journal-list-thumb) .journal-list-thumb {
  grid-column: 2;
  grid-row: 2;
}
.quaive-portlet .journal-list-item .journal-list-title {
  font-size: 1.3rem;
}
.quaive-portlet .journal-list-item .journal-list-summary {
  font-size: 1rem;
}
.quaive-portlet .journal-list-item .journal-list-byline {
  font-size: 0.85rem;
}
.quaive-portlet.span-2 .journal-list-item .journal-list-title {
  font-size: 1.8rem;
}
.quaive-portlet.span-2 .journal-list-item .journal-list-summary {
  font-size: 1.35rem;
}
.quaive-portlet.span-2 .journal-list-item .journal-list-byline {
  font-size: 1.05rem;
}
.quaive-portlet.span-2 .journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 9rem;
}
.quaive-portlet.span-3 .journal-list-item .journal-list-title,
.quaive-portlet.span-4 .journal-list-item .journal-list-title {
  font-size: 2.75rem;
}
.quaive-portlet.span-3 .journal-list-item .journal-list-summary,
.quaive-portlet.span-4 .journal-list-item .journal-list-summary {
  font-size: 1.55rem;
}
.quaive-portlet.span-3 .journal-list-item .journal-list-byline,
.quaive-portlet.span-4 .journal-list-item .journal-list-byline {
  font-size: 1.15rem;
}
.quaive-portlet.span-3 .journal-list-item:has(.journal-list-thumb),
.quaive-portlet.span-4 .journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 12rem;
}
.post-body .journal-list-item {
  grid-template-columns: 1fr;
  gap: 0.3rem 0.8rem;
  padding: 1rem 0;
  padding: 1rem 1.2rem;
  margin-top: 0.6rem;
  border: 1px solid var(--quaive-journal-list-rule, rgba(0, 0, 0, 0.12));
  border-radius: var(--border-radii-medium, 10px);
  background: var(--kik-post-card-ground, rgba(0, 0, 0, 0.025));
  position: relative;
}
.post-body .journal-list-item .journal-list-date {
  padding-top: 0;
}
.post-body .journal-list-item .journal-list-title {
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}
.post-body .journal-list-item .journal-list-summary {
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
}
.post-body .journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 4.5rem;
}
.post-body .journal-list-item:has(.journal-list-thumb) .journal-list-date {
  grid-column: 1 / -1;
}
.post-body .journal-list-item:has(.journal-list-thumb) .journal-list-content {
  grid-column: 1;
}
.post-body .journal-list-item:has(.journal-list-thumb) .journal-list-thumb {
  grid-column: 2;
  grid-row: 2;
}
.post-body .journal-list-item .journal-list-title {
  font-size: 1.3rem;
  margin-bottom: 0;
}
.post-body .journal-list-item .journal-list-summary {
  font-size: 1.1rem;
  margin-top: 0;
}
.post-body .journal-list-item .journal-list-content > * + * {
  margin-top: 0.1rem;
  --grid-gutter: 4px;
  cursor: pointer;
}
.post-body .journal-list-item .journal-list-content {
  text-decoration: none;
  cursor: pointer;
}
.post-body .journal-list-item .journal-list-content::after {
  content: "";
  cursor: pointer;
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.post-body .journal-list-item .journal-list-content .journal-list-title,
.post-body .journal-list-item .journal-list-content:hover .journal-list-title {
  text-decoration: none;
}
.post-body .journal-list-item .journal-list-thumb {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
.post-body .journal-list-item {
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
}
@media (hover: hover) {
.post-body .journal-list-item:hover {
  background: var(--kik-post-card-ground-hover, rgba(0, 0, 0, 0.055));
  border-color: var(--quaive-journal-list-rule-hover, rgba(0, 0, 0, 0.25));
}
}
.post-body .journal-list-item .journal-list-byline {
  font-size: 1.05rem;
}
.post-body .journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 9rem;
}
.post-body .journal-list-item .journal-list-date {
  display: none;
}
.post-body .journal-list-item:has(.journal-list-thumb) .journal-list-thumb {
  grid-row: auto;
  align-self: start;
  margin-top: 0.5em;
}
@container screen style(--screen-small: true) {
.post-body .journal-list-item:has(.journal-list-thumb),
.quaive-portlet.span-2 .post-body .journal-list-item:has(.journal-list-thumb),
.quaive-portlet.span-3 .post-body .journal-list-item:has(.journal-list-thumb),
.quaive-portlet.span-4 .post-body .journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: 1fr;
}
}
@container screen style(--screen-small: true) {
.post-body .journal-list-item:has(.journal-list-thumb) .journal-list-content,
.quaive-portlet.span-2 .post-body .journal-list-item:has(.journal-list-thumb) .journal-list-content,
.quaive-portlet.span-3 .post-body .journal-list-item:has(.journal-list-thumb) .journal-list-content,
.quaive-portlet.span-4 .post-body .journal-list-item:has(.journal-list-thumb) .journal-list-content {
  grid-column: 1;
  grid-row: 2;
}
}
@container screen style(--screen-small: true) {
.post-body .journal-list-item:has(.journal-list-thumb) .journal-list-thumb,
.quaive-portlet.span-2 .post-body .journal-list-item:has(.journal-list-thumb) .journal-list-thumb,
.quaive-portlet.span-3 .post-body .journal-list-item:has(.journal-list-thumb) .journal-list-thumb,
.quaive-portlet.span-4 .post-body .journal-list-item:has(.journal-list-thumb) .journal-list-thumb {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 0.6rem;
  align-self: stretch;
}
}
.journal-list-thumb {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--quaive-journal-list-thumb-bg, rgba(0, 0, 0, 0.04));
}
.journal-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.journal-list-date {
  font-size: 0.8125rem;
  line-height: 1.3;
  color: var(--quaive-journal-list-meta-colour, #6b6b6b);
  font-family: var(--font-family-sans, var(--body-font-family));
  letter-spacing: 0;
  padding-top: 0.25rem;
  white-space: nowrap;
}
.journal-list-content {
  display: block;
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
.journal-list-content:hover {
  text-decoration: none;
}
}
@media (hover: hover) {
.journal-list-content:hover .journal-list-title {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
}
.journal-list-category {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--quaive-journal-list-meta-colour, #6b6b6b);
  margin: 0 0 0.45rem;
  font-weight: 600;
}
.journal-list-category-public {
  color: var(--colour-accent);
}
.journal-list-title {
  font-family: var(--font-family-serif, Georgia, "Times New Roman", Times, serif);
  font-size: 1.65rem;
  line-height: 1.18;
  font-weight: 700;
  color: var(--quaive-journal-list-title-colour, #121212);
  margin: 0 0 0.6rem;
}
@container screen style(--screen-small: true) {
.journal-list-title {
  font-size: 1.35rem;
}
}
.journal-list-summary {
  font-family: var(--font-family-serif, Georgia, "Times New Roman", Times, serif);
  font-size: 1rem;
  line-height: 1.45;
  color: var(--quaive-journal-list-summary-colour, #363636);
  margin: 0 0 0.85rem;
}
.journal-list-byline {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  color: var(--quaive-journal-list-meta-colour, #6b6b6b);
  margin: 0;
}
.journal-list-byline .byline-name {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.public-view #global-header .pat-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: var(--global-header-height);
}
.public-view #global-header .platform-logo {
  margin-top: 0;
}
.public-view .public-login-button {
  font-size: 0.85rem;
  height: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  padding: 0 1rem;
  line-height: calc(var(--global-header-height) - 2 * var(--application-label-white-space) - 3px);
  box-sizing: border-box;
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: var(--colour-text, var(--colour-header-elements, #333));
  border: 1.5px solid var(--colour-border, rgba(0, 0, 0, 0.15));
  border-radius: var(--pat-form-fields-border-radius, 4px);
  box-shadow: none;
  font-weight: 500;
  transition:
			border-color var(--pat-transition, 0.15s ease),
			color var(--pat-transition, 0.15s ease),
			background var(--pat-transition, 0.15s ease);
}
.public-view .public-login-button:focus {
  border-color: var(--colour-accent);
  color: var(--colour-accent);
  background: color-mix(in srgb, var(--colour-accent) 8%, transparent);
  text-decoration: none;
}
@media (hover: hover) {
.public-view .public-login-button:hover {
  border-color: var(--colour-accent);
  color: var(--colour-accent);
  background: color-mix(in srgb, var(--colour-accent) 8%, transparent);
  text-decoration: none;
}
}
.public-view .public-top-nav {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
  align-items: center;
}
.public-view .public-top-nav .public-nav-link {
  color: var(--colour-header-elements, #666);
  font-size: 0.95rem;
  font-weight: 500;
  padding: 0.4rem 0.85rem;
  border-radius: var(--pat-form-fields-border-radius, 4px);
  text-decoration: none;
  transition: background var(--pat-transition, 0.15s ease), color var(--pat-transition, 0.15s ease);
}
.public-view .public-top-nav .public-nav-link.current {
  background: color-mix(in srgb, var(--colour-accent) 12%, white);
  color: var(--colour-accent);
  text-decoration: none;
}
@media (hover: hover) {
.public-view .public-top-nav .public-nav-link:hover {
  background: color-mix(in srgb, var(--colour-accent) 12%, white);
  color: var(--colour-accent);
  text-decoration: none;
}
}
.public-main {
  padding: 1.5rem 1rem 3rem;
}
.journal-list-public-marker {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0.05em 0.45em;
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.6em;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--quaive-journal-list-public-marker-fg, white);
  background: var(--quaive-journal-list-public-marker-bg, var(--colour-accent, #2a7));
  border-radius: 2px;
  vertical-align: middle;
}
.newspaper {
  max-width: var(--quaive-newspaper-max-width, var(--pat-container-width));
  margin: 0 auto;
  padding: 0 1rem 3rem;
  color: var(--quaive-newspaper-fg, #000);
  font-family: var(--quaive-newspaper-body-font, 'Georgia', 'Times New Roman', Times, serif);
}
@container screen style(--screen-small: true) {
.newspaper {
  padding-left: 0;
  padding-right: 0;
}
}
.newspaper-masthead {
  font-family: var(--quaive-newspaper-masthead-font, 'Cormorant Garamond', 'TeX Gyre Pagella', Palatino, Georgia, serif);
  font-weight: 600;
  text-align: center;
  font-size: clamp(2.8rem, 7vw, 5.5rem);
  line-height: 1.0;
  letter-spacing: 0;
  margin: 1.8rem 0 2rem;
  color: var(--quaive-newspaper-masthead-colour, #000);
}
.newspaper-tagline {
  text-align: center;
  margin: 0 0 2rem;
  padding: 0.4rem 0;
  border-top: 1px solid var(--quaive-newspaper-rule, #000);
  border-bottom: 3px double var(--quaive-newspaper-rule, #000);
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--quaive-newspaper-fg, #000);
}
.newspaper-front {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  gap: 2.5rem;
}
@container screen style(--screen-small: true) {
.newspaper-front {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
}
.newspaper-front.no-aside {
  grid-template-columns: 1fr;
}
.newspaper-main {
  min-width: 0;
}
.newspaper-aside {
  min-width: 0;
}
@container screen style(--screen-small: false) {
.newspaper-aside {
  border-left: 1px solid var(--quaive-newspaper-cell-rule, #d4d4d4);
  padding-left: 2rem;
  margin-left: -0.5rem;
}
}
.newspaper-section {
  margin: 2.5rem 0 0;
}
.newspaper-section:first-child {
  margin-top: 0;
}
.newspaper-section-header {
  border-bottom: 1px solid var(--quaive-newspaper-rule, #000);
  margin-bottom: 1.2rem;
}
.newspaper-section-title {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  padding: 0.25rem 0 0.45rem;
  color: var(--quaive-newspaper-section-colour, #000);
}
.newspaper-section-link {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
.newspaper-section-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
}
.newspaper-item-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
.newspaper-item-link:hover .newspaper-item-title {
  color: var(--quaive-newspaper-link-hover, #555);
}
}
a[href].newspaper-item-link {
  cursor: pointer;
}
.newspaper-item-figure {
  display: block;
  margin: 0 0 0.7rem;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--quaive-newspaper-figure-bg, #eee);
  position: relative;
  container-type: inline-size;
}
.newspaper-item-figure picture,
.newspaper-item-figure .pat-picture {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.newspaper-item-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@container (max-width: 200px) {
.newspaper-item-figure .copyright-mention {
  display: none;
}
}
.newspaper-item-title {
  font-family: var(--quaive-newspaper-headline-font, 'Georgia', 'Times New Roman', Times, serif);
  font-size: 1.15rem;
  line-height: 1.12;
  font-weight: 700;
  margin: 0 0 0.35rem;
  color: var(--quaive-newspaper-headline-colour, #000);
  letter-spacing: -0.005em;
}
.newspaper-item-summary {
  font-family: var(--quaive-newspaper-body-font, 'Georgia', 'Times New Roman', Times, serif);
  font-size: 0.92rem;
  line-height: 1.4;
  color: var(--quaive-newspaper-summary-colour, #333);
  margin: 0 0 0.45rem;
}
.newspaper-item-byline {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  color: var(--quaive-newspaper-meta-colour, #6b6b6b);
  margin: 0;
}
.newspaper-item-byline .byline-name {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: var(--quaive-newspaper-meta-colour-strong, #000);
}
.newspaper-section--news_article .newspaper-section-grid {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 1.8rem;
}
.newspaper-section--news_article .newspaper-section-grid + .newspaper-section-grid {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--quaive-newspaper-rule, #000);
}
.newspaper-section--news_article .newspaper-item {
  flex: 1 1 calc(25% - 1.2rem);
  min-width: 0;
  position: relative;
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-item {
  flex-basis: calc(50% - 0.8rem);
}
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-item {
  flex-basis: 100%;
}
}
@container screen style(--screen-small: false) {
.newspaper-section--news_article .newspaper-section-grid > .newspaper-item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.8rem;
  width: 1px;
  background: var(--quaive-newspaper-cell-rule, #d4d4d4);
}
}
@container screen style(--screen-small: false) {
.newspaper-section--news_article .newspaper-section-grid:not(.newspaper-section-grid--text) .newspaper-item.is-lead::before,
.newspaper-section--news_article .newspaper-section-grid:not(.newspaper-section-grid--text) .newspaper-item:nth-child(2)::before,
.newspaper-section--news_article .newspaper-section-grid:not(.newspaper-section-grid--text) .newspaper-item:nth-child(5)::before,
.newspaper-section--news_article .newspaper-section-grid:not(.newspaper-section-grid--text) .newspaper-item:nth-child(4n + 7)::before {
  content: none;
}
}
@container screen style(--screen-small: false) {
.newspaper-section--news_article .newspaper-section-grid--text .newspaper-item:nth-child(4n+1)::before {
  content: none;
}
}
.newspaper-section--news_article .newspaper-item.is-lead {
  flex-basis: 100%;
  padding-bottom: 1.5rem;
  border-bottom: 3px double var(--quaive-newspaper-rule, #000);
  margin-bottom: 0.6rem;
}
.newspaper-section--news_article .newspaper-item.is-lead .newspaper-item-link {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
.newspaper-section--news_article .newspaper-item.is-lead .newspaper-item-figure {
  aspect-ratio: 16 / 9;
  margin-bottom: 0.2rem;
}
.newspaper-section--news_article .newspaper-item.is-lead .newspaper-item-title {
  font-size: clamp(2rem, 4.2vw, 3.2rem);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.015em;
  max-width: 32ch;
}
.newspaper-section--news_article .newspaper-item.is-lead .newspaper-item-summary {
  font-size: 1.08rem;
  line-height: 1.45;
  max-width: 60ch;
}
.newspaper-section--news_article .newspaper-item.is-secondary {
  flex-basis: calc(50% - 0.8rem);
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-item.is-secondary {
  flex-basis: 100%;
}
}
.newspaper-section--news_article .newspaper-item.is-secondary .newspaper-item-figure {
  aspect-ratio: 16 / 10;
}
.newspaper-section--news_article .newspaper-item.is-secondary .newspaper-item-title {
  font-size: 1.5rem;
  line-height: 1.08;
}
.newspaper-section--news_article .newspaper-item.is-secondary .newspaper-item-summary {
  font-size: 0.98rem;
}
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(-n + 4) {
  flex-basis: calc(33.333% - 1.067rem);
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(-n + 4) {
  flex-basis: calc(50% - 0.8rem);
}
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(-n + 4) {
  flex-basis: 100%;
}
}
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(2):last-child {
  flex-basis: 100%;
}
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(2):last-child .newspaper-item-link {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  column-gap: 1.4rem;
  align-items: start;
}
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(2):last-child .newspaper-item-figure {
  margin: 0;
  aspect-ratio: 16 / 9;
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(2):last-child .newspaper-item-link {
  grid-template-columns: 1fr;
}
}
.newspaper-section--news_article .newspaper-item.has-image:not(.is-lead):not(.is-secondary) .newspaper-item-figure {
  aspect-ratio: 16 / 10;
}
.newspaper-section--news_article .newspaper-item.has-image:not(.is-lead):not(.is-secondary) .newspaper-item-summary {
  display: none;
}
.newspaper-section--news_article .newspaper-section-grid--text {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 1.8rem;
}
.newspaper-section--news_article .newspaper-section-grid--text > .newspaper-item {
  flex: 1 1 calc(25% - 1.2rem);
  min-width: 0;
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-section-grid--text > .newspaper-item {
  flex-basis: calc(50% - 0.8rem);
}
}
@container screen style(--screen-small: true) {
.newspaper-section--news_article .newspaper-section-grid--text > .newspaper-item {
  flex-basis: 100%;
}
}
.newspaper-section--news_article .newspaper-section-grid--text > .newspaper-item.is-lead {
  flex-basis: 100%;
}
.newspaper-section--news_article .newspaper-section-grid--text .newspaper-item-title {
  font-size: 1.1rem;
}
.newspaper-section--news_article .newspaper-section-grid--text .newspaper-item-summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.newspaper-section--blog_opinion .newspaper-section-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.8rem;
  row-gap: 1.8rem;
}
@container screen style(--screen-small: true) {
.newspaper-section--blog_opinion .newspaper-section-grid {
  grid-template-columns: 1fr;
}
}
.newspaper-section--blog_opinion .newspaper-section-grid + .newspaper-section-grid {
  margin-top: 1.4rem;
}
.newspaper-section--blog_opinion .newspaper-item {
  grid-column: span 1;
  position: relative;
}
@container screen style(--screen-small: false) {
.newspaper-section--blog_opinion .newspaper-section-grid > .newspaper-item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.9rem;
  width: 1px;
  background: var(--quaive-newspaper-cell-rule, #d4d4d4);
}
}
.newspaper-section--blog_opinion .newspaper-section-grid > .newspaper-item:nth-child(3n+1)::before {
  content: none;
}
.newspaper-section--blog_opinion .newspaper-item-figure {
  display: none;
}
.newspaper-section--blog_opinion .newspaper-item-title {
  font-style: italic;
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1.15;
  margin-top: 0.15rem;
}
.newspaper-section--blog_opinion .newspaper-item-summary {
  font-size: 0.95rem;
  line-height: 1.5;
}
.newspaper-section--blog_opinion .newspaper-item-byline {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.7rem;
  color: var(--quaive-newspaper-accent, #000);
  margin: 0 0 0.3rem;
  font-weight: 700;
  order: -1;
}
.newspaper-section--blog_opinion .newspaper-item-byline .byline-name {
  color: var(--quaive-newspaper-accent, #000);
}
.newspaper-section--blog_opinion .newspaper-item-link {
  display: flex;
  flex-direction: column;
}
.newspaper-aside .newspaper-section--announcement {
  margin-top: 0;
}
.newspaper-section--latest-blog {
  margin-top: 0;
}
.newspaper-section--latest-blog .newspaper-item-link {
  display: block;
  text-align: center;
}
.newspaper-section--latest-blog .newspaper-author-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  margin: 0 auto 0.8rem;
}
.newspaper-section--latest-blog .newspaper-author-card .pat-avatar {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newspaper-section--latest-blog .newspaper-author-card .pat-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.newspaper-section--latest-blog .newspaper-author-name {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
  color: var(--quaive-newspaper-byline-colour, #6b6b6b);
}
.newspaper-section--latest-blog .newspaper-item-title,
.newspaper-section--latest-blog .newspaper-item-summary {
  text-align: center;
}
.newspaper-aside-list {
  list-style: none;
  margin: 0;
  padding: 1rem 0 1.4rem;
  display: flex;
  flex-direction: column;
}
.newspaper-section--announcement .newspaper-item {
  padding: 0.8rem 0;
  border-top: 1px solid var(--quaive-newspaper-cell-rule, #d4d4d4);
}
.newspaper-section--announcement .newspaper-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.newspaper-section--announcement .newspaper-item:last-child {
  padding-bottom: 0;
}
.newspaper-section--announcement .newspaper-item-link {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.newspaper-section--announcement .newspaper-item.has-image .newspaper-item-link {
  grid-template-columns: minmax(0, 1fr) 4.5rem;
  column-gap: 0.8rem;
  align-items: start;
}
.newspaper-section--announcement .newspaper-item-figure {
  margin: 0;
  aspect-ratio: 1 / 1;
  grid-column: 2;
  grid-row: 1 / span 99;
}
.newspaper-section--announcement .newspaper-item-title {
  font-size: 0.95rem;
  line-height: 1.18;
  margin: 0;
  grid-column: 1;
}
.newspaper-section--announcement .newspaper-item-summary {
  font-size: 0.85rem;
  line-height: 1.35;
  color: var(--quaive-newspaper-summary-colour, #333);
  margin: 0.35rem 0 0;
  grid-column: 1;
}
.package-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.package-tile {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  background: var(--quaive-package-tile-background, var(--colour-base-background));
  border: var(--quaive-package-tile-border, 1px solid var(--colour-border, rgba(0, 0, 0, 0.08)));
  box-shadow: var(--quaive-package-tile-shadow, none);
  margin: 0;
  position: relative;
  border-radius: var(--border-radii);
  padding: var(--pat-x-list-padding);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
@media (hover: hover) {
.package-tile:hover {
  --quaive-package-tile-border: 1px solid var(--colour-accent);
}
}
.package-tile .tile-title {
  font-size: 1.3rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  color: var(--colour-link);
}
.col-3 .package-tile .tile-title,
.portlet .package-tile .tile-title {
  font-size: 1.5rem;
}
.package-tile .byline {
  margin-top: 0.2rem !important;
  margin-bottom: 0;
  color: var(--body-font-colour);
}
.package-tile .tile-body {
  flex: 1 1 auto;
  min-width: 0;
}
.package-tile .tile-actions {
  flex: 0 0 auto;
  margin: 0;
}
.package-tile .tile-actions button {
  margin: 0;
}
.package-tile.enabled {
  --quaive-package-tile-border: 1px solid var(--colour-accent);
  --quaive-package-tile-background: color-mix(
			in srgb, var(--colour-accent) 12%, var(--colour-base-background));
  --quaive-package-tile-shadow:
			0 0 0 3px color-mix(in srgb, var(--colour-accent) 25%, transparent);
}
label.file-attachment {
  position: relative;
  top: 1px;
}
@media (hover: hover) {
label.file-attachment:hover {
  text-decoration: underline;
}
}
label.file-attachment:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 4px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-attach) center / contain no-repeat;
  mask: var(--kik-svg-attach) center / contain no-repeat;
}
label.file-attachment input {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
}
.comments form.response .state-attachment .button-bar label.file-attachment,
.comments form.response .focus .button-bar label.file-attachment {
  margin-right: 20px;
}
fieldset.horizontal label.file-attachment input {
  left: 33%;
}
form label.no-label {
  font-size: 0;
  line-height: 0;
}
form label.no-label > * {
  font-size: var(--body-font-size, 1rem);
  line-height: normal;
}
@container screen style(--screen-small: true) {
form .initiator .pat-avatar {
  display: none;
}
}
form .ueber-selector .pat-miller-columns {
  background-color: var(--colour-base);
  border-radius: var(--form-fields-border-radius);
  margin: 0;
}
@media print {
form .initiator .pat-avatar {
  display: none;
}
}
form fieldset label .iconified,
form fieldset > .panel-content label .iconified {
  margin-left: -27px;
  margin-top: 4px !important;
}
form .date-time-span .date-time-range {
  display: grid;
  grid-template-areas: 
        "from from until until"
        "all-day time-zone time-zone time-zone";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
form .date-time-span .date-time-range legend,
form .date-time-span .date-time-range .legend {
  margin-bottom: 5px;
  font-size: 16px;
}
form .date-time-span .date-time-range:has(input:checked) .field-cluster {
  grid-template-columns: 1fr;
}
form .date-time-span .date-time-range fieldset {
  margin-bottom: 0;
}
form .date-time-span .date-time-from {
  grid-area: from;
}
form .date-time-span .date-time-until {
  grid-area: until;
}
form .date-time-span .all-day,
form .date-time-span .time-zone {
  line-height: 25px;
}
form .date-time-span .all-day {
  grid-area: all-day;
  padding-left: 0;
}
form .date-time-span .time-zone {
  grid-area: time-zone;
  justify-self: end;
}
@media screen {
form input:focus,
form textarea:focus,
form .textarea:focus,
form select:focus,
form .select2-container .select2-choice:focus,
form .select2-container .select2-choices:focus,
form .md-editor .md-render:focus {
  box-shadow: inset 0 0 1px 1px silver;
}
}
@media screen {
.pat-modal:not(.panel) form input,
.pat-modal:not(.panel) form textarea,
.pat-modal:not(.panel) form .textarea,
.pat-modal:not(.panel) form select,
.pat-modal:not(.panel) form .select2-container .select2-choice,
.pat-modal:not(.panel) form .select2-container .select2-choices,
.pat-modal:not(.panel) form .md-editor .md-render {
  background-color: rgba(50,50,50,0.1);
}
}
form input:disabled,
form input.disabled,
form textarea:disabled,
form textarea.disabled,
form .textarea:disabled,
form .textarea.disabled,
form select:disabled,
form select.disabled,
form .select2-container .select2-choice:disabled,
form .select2-container .select2-choice.disabled,
form .select2-container .select2-choices:disabled,
form .select2-container .select2-choices.disabled,
form .md-editor .md-render:disabled,
form .md-editor .md-render.disabled {
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.15);
  padding: 0.2em 0.5em;
  opacity: 1;
  background-color: transparent;
  background: none;
  color: var(--body-font-colour);
}
form .map-no-location {
  margin-top: var(--pat-message-margin-bottom, var(--grid-gutter, 1rem));
}
form .select2-container.select2-container-active .select2-choice,
form .select2-container.select2-container-active .select2-choices {
  box-shadow: inset 0 0 1px 1px silver;
}
form .select2-container.select2-dropdown-open .select2-choice,
form .select2-container.select2-dropdown-open .select2-choices {
  background-color: var(--colour-base-background);
}
@container screen style(--screen-large: true) {
form fieldset.fancy {
  line-height: 30px;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy.vertical fieldset .legend {
  margin-bottom: 0.2em;
  margin-top: 0;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .title,
form fieldset.fancy > .location,
form fieldset.fancy > .organiser,
form fieldset.fancy > .options,
form fieldset.fancy > .date-time,
form fieldset.fancy > .invitees,
form fieldset.fancy > .attachments,
form fieldset.fancy > .assignee,
form fieldset.fancy > .initiator,
form fieldset.fancy > .description,
form fieldset.fancy > .stage,
form fieldset.fancy > .agenda,
form fieldset.fancy > .attached-documents,
form fieldset.fancy > .attachments,
form fieldset.fancy > .priority,
form fieldset.fancy > .publish-copy,
form fieldset.fancy > .workspace,
form fieldset.fancy > .origin,
form fieldset.fancy > .information,
form fieldset.fancy > .image,
form fieldset.fancy > .video,
form fieldset.fancy > .schedule,
form fieldset.fancy > .spaces,
form fieldset.fancy > .attendance,
form fieldset.fancy > .url,
form fieldset.fancy > .video-conference {
  padding-left: 4.5rem;
  position: relative;
  margin-bottom: 2em;
  clear: both;
  padding-right: 0;
  background-color: transparent;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .title:before,
form fieldset.fancy > .location:before,
form fieldset.fancy > .organiser:before,
form fieldset.fancy > .options:before,
form fieldset.fancy > .date-time:before,
form fieldset.fancy > .invitees:before,
form fieldset.fancy > .attachments:before,
form fieldset.fancy > .assignee:before,
form fieldset.fancy > .initiator:before,
form fieldset.fancy > .description:before,
form fieldset.fancy > .stage:before,
form fieldset.fancy > .agenda:before,
form fieldset.fancy > .attached-documents:before,
form fieldset.fancy > .attachments:before,
form fieldset.fancy > .priority:before,
form fieldset.fancy > .publish-copy:before,
form fieldset.fancy > .workspace:before,
form fieldset.fancy > .origin:before,
form fieldset.fancy > .information:before,
form fieldset.fancy > .image:before,
form fieldset.fancy > .video:before,
form fieldset.fancy > .schedule:before,
form fieldset.fancy > .spaces:before,
form fieldset.fancy > .attendance:before,
form fieldset.fancy > .url:before,
form fieldset.fancy > .video-conference:before {
  width: 4.5rem;
  height: 4.4rem;
  text-align: center;
  line-height: 4.4rem;
  font-size: 1.6em;
  color: silver;
  background-color: currentColor;
  -webkit-mask: var(--kik-form-field-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  mask: var(--kik-form-field-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  font-weight: normal;
  top: 0;
  float: left;
  position: absolute;
  left: 0;
}
}
@container screen style(--screen-large: true) {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
form fieldset.fancy > .title:before,
form fieldset.fancy > .location:before,
form fieldset.fancy > .organiser:before,
form fieldset.fancy > .options:before,
form fieldset.fancy > .date-time:before,
form fieldset.fancy > .invitees:before,
form fieldset.fancy > .attachments:before,
form fieldset.fancy > .assignee:before,
form fieldset.fancy > .initiator:before,
form fieldset.fancy > .description:before,
form fieldset.fancy > .stage:before,
form fieldset.fancy > .agenda:before,
form fieldset.fancy > .attached-documents:before,
form fieldset.fancy > .attachments:before,
form fieldset.fancy > .priority:before,
form fieldset.fancy > .publish-copy:before,
form fieldset.fancy > .workspace:before,
form fieldset.fancy > .origin:before,
form fieldset.fancy > .information:before,
form fieldset.fancy > .image:before,
form fieldset.fancy > .video:before,
form fieldset.fancy > .schedule:before,
form fieldset.fancy > .spaces:before,
form fieldset.fancy > .attendance:before,
form fieldset.fancy > .url:before,
form fieldset.fancy > .video-conference:before {
  top: 1em;
}
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .title:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-font);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .file-upload-button {
  line-height: 31px;
  font-size: 18px;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy p.legend + .file-upload-button {
  margin-top: 2px;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .location iframe {
  margin-top: 10px;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .location:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-map-pin);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .stage:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-slideshow);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .organiser:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-user);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .information:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-info-circle);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .priority:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-attention);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .spaces .button-bar {
  margin: 0;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .spaces:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-logout);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .video-conference:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-videocam);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .workspace:before,
form fieldset.fancy > .origin:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-workspace);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .publish-copy:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-copy);
  font-size: 1.2em;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .attached-documents:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-document);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .attendance:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-mail);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .url:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-globe);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy > .options:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-ok);
  line-height: 3.2rem;
  height: 3.2rem;
}
}
@container screen style(--screen-large: true) {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
form fieldset.fancy > .options:before {
  top: 0.8em;
}
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .date-time:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-clock);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .date-time .group > .pat-checklist {
  width: 41.66667%;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .invitees:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-users);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .attachments:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-attach);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .agenda:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-list);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .schedule .day-title {
  padding-top: 5px;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  display: block;
  clear: both;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .schedule .scheduler {
  margin-bottom: 10px;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .schedule:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-menu);
  transform: rotate(90deg);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .initiator .pat-avatar {
  position: absolute;
  left: 0.7em;
  top: 0.7em;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .initiator .pat-avatar img {
  max-width: 100% !important;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .assignee:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-user);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .description:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-feather);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .image img {
  max-width: 100%;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .image .icon-cancel-circle {
  clear: both;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .image:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-picture);
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .video video {
  max-width: 100%;
  width: 100%;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .video .icon-cancel-circle {
  clear: both;
}
}
@container screen style(--screen-large: true) {
form fieldset.fancy .video:before {
  content: '';
  --kik-form-field-mark: var(--kik-svg-video);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
form fieldset .image img {
  max-width: 100%;
}
}
@container screen style(--screen-small: true) {
form fieldset .date-time .columns .date {
  margin-bottom: 10px;
}
}
@container screen style(--screen-small: true) {
form fieldset .image img {
  max-width: 100%;
}
}
@container screen style(--screen-small: true) {
form fieldset .video video {
  max-width: 100%;
}
}
form fieldset.group[class^="icon-"],
form fieldset.group[class*=" icon-"] {
  position: relative;
  padding-left: 1.8em;
}
form fieldset.group[class^="icon-"]:before,
form fieldset.group[class*=" icon-"]:before {
  position: absolute;
  left: 0;
  top: 0.6em;
}
form fieldset.group[class^="icon-"] .title input,
form fieldset.group[class*=" icon-"] .title input {
  font-weight: bold;
}
.pat-form fieldset.vertical {
  --kik-toggle-rows: stacked;
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal {
  --kik-toggle-rows: stacked;
}
}
@container style(--kik-toggle-rows: stacked) {
.pat-form fieldset.vertical .group.pat-form-field-toggle,
.pat-form fieldset.horizontal .group.pat-form-field-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto var(--pat-form-help-button-width, 19px);
  align-items: center;
  column-gap: 12px;
  margin-bottom: var(--pat-form-label-margin-bottom, 1rem);
}
}
@container style(--kik-toggle-rows: stacked) {
.pat-form fieldset.vertical .group.pat-form-field-toggle > legend,
.pat-form fieldset.vertical .group.pat-form-field-toggle > .legend,
.pat-form fieldset.horizontal .group.pat-form-field-toggle > legend,
.pat-form fieldset.horizontal .group.pat-form-field-toggle > .legend {
  grid-column: 1;
  min-width: 0;
  margin: 0;
}
}
@container style(--kik-toggle-rows: stacked) {
.pat-form fieldset.vertical .group.pat-form-field-toggle > label.pat-toggle-switch,
.pat-form fieldset.horizontal .group.pat-form-field-toggle > label.pat-toggle-switch {
  grid-column: 2;
  justify-self: end;
  margin: 0;
}
}
@container style(--kik-toggle-rows: stacked) {
.pat-form fieldset.vertical .group.pat-form-field-toggle > .help-icon,
.pat-form fieldset.horizontal .group.pat-form-field-toggle > .help-icon {
  grid-column: 3;
  justify-self: center;
  align-self: center;
  margin: 0;
  flex: none;
}
}
@container style(--kik-toggle-rows: stacked) {
.pat-form fieldset.vertical .group.pat-form-field-toggle > .pat-message,
.pat-form fieldset.vertical .group.pat-form-field-toggle > .message,
.pat-form fieldset.horizontal .group.pat-form-field-toggle > .pat-message,
.pat-form fieldset.horizontal .group.pat-form-field-toggle > .message {
  grid-column: 1 / -1;
}
}
@container style(--kik-toggle-rows: stacked) {
.pat-form fieldset.vertical .group.pat-form-field-toggle:not(:has(> .help-icon)) > label.pat-toggle-switch,
.pat-form fieldset.horizontal .group.pat-form-field-toggle:not(:has(> .help-icon)) > label.pat-toggle-switch {
  grid-column: 2 / -1;
}
}
.group.pat-form-field-toggle.disabled > label.pat-toggle-switch {
  opacity: 0.6;
}
.pat-form .group.pat-form-field-toggle > .pat-message {
  margin-top: var(--pat-message-margin-bottom, var(--grid-gutter, 1rem));
}
.pat-form label.inline-controls > .controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pat-form label.inline-controls > .controls > input,
.pat-form label.inline-controls > .controls > select {
  width: auto;
  margin: 0;
}
.pat-form label.inline-controls > .controls > input[type="number"] {
  width: 5em;
}
.pat-form .group.checklist-row > .pat-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 16px;
}
.pat-form .group.checklist-row > .pat-checklist > label {
  margin: 0;
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group.image-selection:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) {
  grid-template-areas:
            "label icons"
            "field field"
            "bar bar";
  row-gap: 12px;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group.image-selection:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .pat-button-bar {
  grid-area: bar;
  flex-wrap: nowrap;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group.image-selection:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > figure.pat-image {
  width: min(100%, 10rem);
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:has(> #location-map-preview):not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) {
  grid-template-areas:
            "label icons"
            "field field"
            "preview preview";
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:has(> #location-map-preview):not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > #location-map-preview {
  grid-area: preview;
}
}
.image-selection .pat-button-bar {
  --image-selection-button-height: 36px;
}
@media (width <= 768px) {
.image-selection .pat-button-bar {
  --image-selection-button-height: 39px;
}
}
.image-selection .pat-button-bar > .pat-button,
.image-selection .pat-button-bar > .pat-subform > .pat-button {
  box-sizing: border-box;
  height: var(--image-selection-button-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.image-selection .pat-button-bar > .pat-subform:has(> .remove.icon-disc) {
  display: contents;
}
.image-selection .pat-button-bar .pat-button.remove.icon-disc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  width: var(--image-selection-button-height);
  min-width: 0;
  height: var(--image-selection-button-height);
  align-self: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 50%;
}
.image-selection .pat-button-bar .pat-button.remove.icon-disc > .kik-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.image-selection .pat-button-bar .pat-button.remove.icon-disc > .icon-disc-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > label,
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > .panel-content > label {
  column-gap: 0;
  grid-template-columns:
                calc(var(--pat-form-horizontal-label-width) + var(--pat-form-horizontal-column-gap))
                minmax(0, 1fr) 0 0;
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > fieldset.group,
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > div.group,
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > .pat-checklist,
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > .panel-content > fieldset.group,
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > .panel-content > div.group,
.pat-form fieldset.horizontal.horizontal:not(:has(.help-icon)) > .panel-content > .pat-checklist {
  grid-auto-columns:
                calc(var(--pat-form-horizontal-label-width) + 25px) auto 0 0;
  column-gap: 0;
}
}
span.legend {
  margin-left: 0;
}
@media print {
span.legend {
  display: none !important;
}
}
.legend dfn {
  padding: 0;
  margin: 0 1em 0 0;
  list-style-type: none;
  display: inline-block;
  font-size: 0.8em;
  font-weight: normal;
  font-style: italic;
}
.legend dfn:before {
  content: " ";
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5em;
  width: 0.8em;
  height: 0.8em;
}
.legend dfn.declined:before {
  background-color: red;
}
.legend dfn.confirmed:before {
  background-color: #5bb75b;
}
.legend dfn.tentative:before {
  background-color: #ff9300;
}
.legend dfn.undecided:before {
  background-color: #0081be;
}
.pat-calendar__fc.fc {
  --fc-page-bg-color: var(--kik-fc-view-background, #fff);
  --fc-border-color: var(--kik-fc-border, #ddd);
  --fc-today-bg-color: var(--kik-fc-today-bg, rgba(255, 220, 40, 0.15));
  --fc-list-event-hover-bg-color: var(--pat-surface-background-colour-hover, #f5f5f5);
}
.fc {
  direction: ltr;
  text-align: left;
}
body[dir=rtl] .fc {
  text-align: right;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  font-size: 1em;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed .fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
}
.fc-bgevent {
  background: rgb(143, 223, 130);
  opacity: .3;
  filter: alpha(opacity=30);
}
.fc-nonbusiness {
  background: #d7d7d7;
}
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fc-icon:after {
  position: relative;
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}
.fc button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  font-size: 1em;
  white-space: nowrap;
}
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc button .fc-icon {
  position: relative;
  top: -0.05em;
  margin: 0 .2em;
  vertical-align: middle;
}
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.fc-button-group {
  display: inline-block;
}
.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  margin-left: 0;
}
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
}
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
}
.fc-bg table {
  height: 100%;
}
.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
}
.fc .fc-row {
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
}
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  background: none;
  border-color: transparent;
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  border-top: 0;
}
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%;
}
.fc-list-day-cushion a {
  color: var(--body-font-colour);
  text-decoration: none;
}
@media (hover: hover) {
.fc-list-event:hover th,
.fc-list-event:hover td {
  background: transparent !important;
}
}
.fc-event:not(.fc-list-event) {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  background-color: #3a87ad;
  font-weight: normal;
  height: 100%;
}
.fc-event:not(.fc-list-event),
.ui-widget .fc-event:not(.fc-list-event) {
  color: #fff;
  text-decoration: none;
}
@media (hover: hover) {
.fc-event:not(.fc-list-event):hover {
  color: #fff;
  text-decoration: none;
}
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: default;
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  cursor: not-allowed;
}
.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  display: block;
}
.fc-event.fc-selected .fc-resizer:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.fc-event.fc-selected {
  z-index: 9999 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
}
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px;
}
.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px;
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
}
.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px;
}
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25;
  filter: alpha(opacity=25);
}
.fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
}
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  text-decoration: none;
  cursor: default;
}
@media (hover: hover) {
a.fc-more:hover {
  text-decoration: underline;
}
}
.fc-limited {
  display: none;
}
.fc-day-grid .fc-row {
  z-index: 1;
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
.fc .fc-toolbar > * > * {
  float: left;
  margin-left: .75em;
}
.fc .fc-toolbar > * > :first-child {
  margin-left: 0;
}
.fc-toolbar h2 {
  margin: 0;
}
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  position: relative;
  z-index: 1;
}
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  padding-top: 1px;
  padding-bottom: 1em;
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
}
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
body[dir=rtl] .fc-rtl .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  padding-bottom: 1em;
}
.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
body[dir=rtl] .fc-rtl .fc-axis {
  text-align: right;
}
.ui-widget td.fc-axis {
  font-weight: normal;
}
.fc-time-grid-container,
.fc-time-grid {
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
}
.fc-time-grid table {
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-helper-container {
  position: relative;
  z-index: 6;
}
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
}
.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
}
.fc-time-grid .fc-bgevent {
  left: 0;
  right: 0;
}
.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event {
  overflow: hidden;
}
.fc-time-grid-event.fc-selected {
  overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  padding: 0;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
.fc-time-grid-event.fc-selected .fc-resizer {
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
}
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.kik-events-calendar {
  font-family: var(--body-font-family);
  --fc-classic-primary: var(--colour-link);
  --fc-classic-primary-foreground: #fff;
  --fc-classic-background: var(--colour-base-background);
  --fc-classic-foreground: var(--body-font-colour);
  --fc-classic-border: var(--colour-separation-lines);
  --fc-classic-event: var(--app-colour);
  --fc-classic-event-contrast: #fff;
  --fc-event-color: var(--app-colour);
}
.kik-events-calendar button,
.kik-events-calendar .kik-fc-toolbar-button,
.kik-events-calendar .kik-fc-toolbar-button:focus {
  cursor: default !important;
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:hover {
  cursor: default !important;
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped) {
  font-family: var(--body-font-family);
  border-radius: var(--button-border-radius);
  line-height: var(--pat-button-height);
  box-shadow: var(--pat-button-box-shadow);
  color: var(--pat-button-text-colour);
  background-color: var(--pat-button-background-colour);
  border: var(--button-border);
  padding: var(--pat-button-paddings);
  font-size: var(--pat-button-font-size);
  font-weight: var(--pat-button-font-weight);
  background-image: var(--button-background-image);
  margin: 0;
  cursor: default;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: text-bottom;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--pat-toolbar-button-height, var(--button-height));
  line-height: 1;
  box-sizing: border-box;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):before {
  line-height: inherit;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
  box-shadow: var(--pat-button-box-shadow-focus);
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):hover {
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  text-decoration: none;
  box-shadow: var(--pat-button-box-shadow-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).default {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped)[disabled],
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).disabled,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):is(a):not([href]),
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).default[disabled],
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).default.disabled,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped)[disabled]:hover,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).disabled:hover,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):is(a):not([href]):hover,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).default[disabled]:hover,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).default.disabled:hover,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
}
@media print {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped) {
  display: none;
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).small {
  font-size: var(--button-small-font-size);
  padding: var(--button-small-paddings);
  height: var(--button-small-height);
  line-height: var(--button-small-line-height);
  vertical-align: baseline;
  box-shadow: var(--button-small-shadow);
  font-weight:  var(--button-small-font-weight);
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).small:before {
  font-size: 15px;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).iconified {
  width: 30px;
  padding: 0;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).add:not(:has(> svg.kik-icon)):before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-plus) center / 1em no-repeat;
  mask: var(--kik-svg-plus) center / 1em no-repeat;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped) svg {
  display: block;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped)::before {
  margin-right: 0;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped):has(svg) {
  padding: 0 0.5rem;
}
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped)[aria-pressed="true"],
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).kik-fc-view-active {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
@media (hover: hover) {
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped)[aria-pressed="true"]:hover,
.kik-events-calendar .kik-fc-toolbar-button:not(.kik-fc-grouped).kik-fc-view-active:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
}
.kik-events-calendar .kik-events-tz-select {
  --pat-select-box-padding-top-bottom: 0;
  --pat-select-box-box-shadow: var(--pat-toolbar-button-box-shadow);
  --pat-select-box-background-colour: var(--pat-toolbar-button-background-colour);
  --pat-select-box-background-colour-hover: var(--pat-toolbar-button-background-colour-hover);
  --pat-select-box-arrow-text-colour: var(--pat-toolbar-button-text-colour);
  --pat-select-box-height: var(--pat-toolbar-button-line-height);
  --pat-select-box-padding-right-left: 20px;
  --pat-select-box-font-size: var(--pat-toolbar-font-size);
  align-self: center;
  margin-inline-end: 0.5rem;
  appearance: none;
  background-image: var(--arrow-down-dark-image);
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-size: auto 10px;
  --kik-tz-collapsed: 1;
  padding-left: 0.6rem !important;
  padding-right: 0.6rem !important;
  background-image: none;
  text-align: center;
}
@container document (width < 900px) {
.kik-events-calendar .kik-events-tz-select {
  margin-inline-end: 0;
}
}
.kik-events-calendar .fc-classic-Q3Z {
  opacity: 1;
}
.kik-events-calendar .kik-fc-view {
  border: none;
  background: var(--kik-fc-view-background, white);
  border-radius: var(--border-radii);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--kik-fc-view-ring, rgba(0, 0, 0, 0.18));
}
.kik-events-calendar .fc-classic-pKG {
  border: 0;
}
.kik-events-calendar.kik-fc-swiping {
  overflow: hidden;
}
@media (pointer: coarse) {
.kik-events-calendar .kik-fc-view {
  touch-action: pan-y;
}
}
.kik-events-calendar .fc-MF .fc-oN,
.kik-events-calendar .fc-MF .fc-2l {
  border-radius: var(--border-radii) !important;
}
.kik-events-calendar .fc-classic-Jk3 {
  background: transparent;
  border-radius: var(--border-radii);
  overflow: hidden;
}
.kik-events-calendar.fc-classic-yth {
  gap: 0;
}
.kik-events-calendar .kik-fc-title {
  font-size: calc(0.7 * var(--pat-toolbar-button-height)) !important;
  line-height: var(--pat-toolbar-button-line-height);
  margin: 0;
  font-weight: normal;
  white-space: nowrap !important;
  max-width: 100%;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  color: var(--body-font-colour);
}
@container document (width < 650px) {
.kik-events-calendar .kik-fc-title {
  font-size: calc(0.5 * var(--pat-toolbar-button-height)) !important;
}
}
#events-upcoming .event-card .follow {
  border: 1px solid color-mix(in srgb, var(--kik-card-colour, transparent) 30%, white);
}
#events-upcoming .event-card .teaser {
  padding-top: 0;
  padding-bottom: 0;
}
#events-upcoming .event-card .teaser:has(.byline) .title {
  transform: translateY(4.5px);
}
#events-upcoming .event-card .teaser:has(.byline) .byline {
  transform: translateY(-4.5px);
  font-size: 0.85em;
}
#events-upcoming .event-card .event-date {
  padding: 5px 0;
  border-radius: 12px;
  background: color-mix(in srgb, var(--kik-card-colour) 10%, white);
  aspect-ratio: 1/1;
  height: var(--pat-x-list-icon-tile-width);
  box-sizing: border-box;
  margin-top: 7px;
  margin-left: -5px;
  margin-bottom: 7px;
}
#events-upcoming .event-card .event-date .month {
  color: var(--kik-card-colour);
  line-height: 15px;
  margin-bottom: 0px;
}
#events-upcoming .event-card .event-date .day {
  font-size: 20px;
  display: block;
  color: rgba(0, 0, 0, 0.7);
}
#events-upcoming .event-card .follow.current {
  box-shadow: inset 0 0 0 3px var(--kik-card-colour, var(--colour-accent));
}
#portlet-events .pat-link-list li a {
  border: 1px solid color-mix(in srgb, var(--kik-card-colour, transparent) 30%, white);
}
#portlet-events .pat-link-list li a.follow.current {
  box-shadow: inset 0 0 0 2px var(--kik-card-colour, var(--colour-accent));
}
#events-upcoming .events-upcoming-group-header {
  margin: 1.5em 0 0.6em;
  font-size: 0.78em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--body-font-colour);
  opacity: 0.55;
}
#events-upcoming .events-upcoming-batch:first-child .events-upcoming-group-header:first-child {
  margin-top: 0.2em;
}
#events-upcoming .event-card {
  margin-bottom: 0.5em;
}
#events-upcoming .pat-link-list.tile-icons li a:has(> .item-thumb) {
  grid-template-columns: calc(var(--bullet-space) * 2) 1fr;
  grid-template-areas:
            "thumb thumb"
            "icon  title";
}
#events-upcoming .pat-link-list.tile-icons li a:has(> .item-thumb):has(.item-byline) {
  grid-template-areas:
                "thumb thumb"
                "icon  title"
                "icon  byline";
}
#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;
}
@keyframes kik-events-cal-reveal {

    to { opacity: 1; }
}
#global-header {
  background-color: var(--colour-header);
  color: var(--colour-header-elements);
  background-image: var(--portal-tabs-background-image);
  background-size: var(--portal-tabs-background-size);
  background-position: var(--portal-tabs-background-image-position);
  background-repeat: var(--portal-tabs-background-image-repeat);
  background-attachment: fixed;
  --body-font-size: calc(0.4 * var(--global-header-height));
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-left: 15px;
  transition: opacity var(--base-animation-duration);
  transition: all var(--base-animation-duration);
}
#global-header .platform-logo {
  height: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  margin-top: var(--application-label-white-space);
  display: block;
}
#global-header .platform-logo img {
  height: 100%;
  width: auto;
}
#global-header .hub-logo {
  display: none;
}
@media only screen and (min-width: 1000px) {
#global-header .hub-logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  max-width: min(40vw, 360px);
  width: auto;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.8s ease;
}
}
@container screen style(--screen-small: true) {
#global-header {
  height: var(--global-header-height);
  padding-right: 56px;
  z-index: 11;
  pointer-events: none;
}
}
@container screen style(--screen-small: true) {
#global-header > * {
  pointer-events: all;
}
}
@container screen style(--screen-small: false) {
#global-header {
  height: var(--global-header-height);
  padding-right: 1em;
  z-index: 12;
}
}
#global-header #global-organisation-link {
  display: none;
}
@media print {
#global-header {
  display: none;
}
}
#global-header .portal-tabs {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
}
#global-header .pat-select {
  --pat-select-box-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  margin-top: var(--application-label-white-space);
  float: right;
  font-size: var(--body-font-size);
  margin-left: var(--application-label-white-space);
  gap: 4px;
  display: flex;
  align-items: center;
  padding-left: 0px;
  font-size: calc(var(--global-header-height) * 0.3);
}
@container screen style(--screen-small: true) {
#global-header .pat-select {
  gap: 0;
  display: inline-block;
  padding: 0;
  position: absolute;
  margin-top: var(--application-label-white-space);
  right: var(--small-screen-padding);
  transform: scale(1);
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] #global-header .pat-select {
  right: auto;
  left: var(--small-screen-padding);
}
}
@container screen style(--screen-small: true) {
#global-header .pat-select:after {
  display: none;
}
}
@container screen style(--screen-small: true) {
#global-header .pat-select #user-avatar {
  position: static;
}
}
body[dir=rtl] #global-header .pat-select {
  margin-left: 0;
  margin-right: var(--application-label-white-space);
  float: left;
  padding-left: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  padding-right: 0;
}
body[dir=rtl] #global-header .pat-select:after {
  right: auto;
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--pat-form-fields-border-radius);
  border-bottom-left-radius: var(--pat-form-fields-border-radius);
}
#global-header .pat-select .hub-user-menu-logo {
  width: auto;
  height: 85%;
  margin: 0;
  max-width: 120px;
  object-fit: contain;
  display: inline-block;
  border-left: 5px solid transparent;
}
body[dir=rtl] #global-header .pat-select .hub-user-menu-logo {
  border-left: none;
  border-right: 5px solid transparent;
}
@container screen style(--screen-small: true) {
#global-header .pat-select .hub-user-menu-logo {
  display: none;
}
}
#global-header .pat-select .hub-user-menu-name {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}
body[dir=rtl] #global-header .pat-select .hub-user-menu-name {
  padding-left: 0;
  padding-right: 5px;
}
@container screen style(--screen-small: true) {
#global-header .pat-select .hub-user-menu-name {
  display: none;
}
}
#global-header .pat-select .pat-avatar#user-avatar {
  width: auto;
  aspect-ratio: 1 / 1;
  height: calc(var(--global-header-height) - 8px - 2 * var(--application-label-white-space));
  margin: 0;
}
#global-header .pat-select .pat-avatar#user-avatar:before {
  line-height: calc(var(--global-header-height) - 8px - 2 * var(--application-label-white-space));
}
#global-header .icon {
  float: right;
  position: relative;
  height: 32px;
  color: rgba(0,0,0,0);
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  font-size: var(--body-font-size);
  margin-left: var(--application-label-white-space);
  margin-right: 0;
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  text-shadow: none;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
}
body[dir=rtl] #global-header .icon {
  float: left;
}
body[dir=rtl] #global-header .icon {
  margin-left: 0;
  margin-right: var(--application-label-white-space);
}
#global-header .icon:before {
  color: var(--colour-header-elements);
}
#global-header .icon svg {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
@container screen style(--screen-small: true) {
#global-header .icon.icon-cog,
#global-header .icon.icon-bell,
#global-header .icon.icon-chat {
  display: none;
}
}
#global-header .icon.osh-toggle {
  opacity: 0.6;
}
@container screen style(--screen-small: true) {
#global-header .icon.osh-toggle {
  display: none;
}
}
.osh-on #global-header .icon.osh-toggle {
  opacity: 1;
}
@media (hover: hover) {
#global-header .icon:hover,
#global-header form.search:hover {
  text-decoration: none;
  color: var(--colour-header-elements);
  cursor: default;
}
}
#global-header .icon sup.counter {
  font-size: 0.6em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  top: 2px;
  right: 0;
  position: absolute;
  background-color: var(--colour-alert);
  text-align: center;
  color: white;
  border-radius: 0.6em;
}
body[dir=rtl] #global-header .icon sup.counter {
  left: 0;
  right: auto;
}
#global-header .icon sup.counter.mutated {
  animation: bounceIn 0.5s;
}
#global-header .icon sup.counter.digit-2 {
  width: 1.5em;
}
#global-header .icon sup.counter.digit-3 {
  width: 1.8em;
}
#global-header .global-header-message {
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.3em;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: normal;
  float: right;
  padding: 0 1em;
  border-radius: var(--border-radii);
  height: 26px;
  line-height: 26px;
  margin: 0 16px;
  position: relative;
  color: var(--colour-header-elements);
  font-size: 1rem;
}
body[dir=rtl] #global-header .global-header-message {
  float: left;
}
@media (hover: hover) {
#global-header .global-header-message:hover {
  background-color: rgba(255, 255, 255, 0.25);
  text-decoration: none;
}
}
@container screen style(--screen-small: true) {
#global-header .global-header-message {
  display: none;
}
}
#global-header form.search {
  color: var(--colour-header-elements);
  padding-left: 0;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
}
body[dir=rtl] #global-header form.search {
  text-align: right;
}
@container screen style(--screen-small: true) {
#global-header form.search {
  margin-top: var(--application-label-white-space);
}
}
@container screen style(--screen-small: false) {
#global-header form.search {
  position: relative;
  float: right;
  line-height: 1.3em;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] #global-header form.search {
  float: left;
}
}
#global-header form.search label {
  transition: all var(--base-animation-duration);
  float: right;
  position: relative;
  z-index: 10;
  border-radius: var(--border-radii);
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
}
body[dir=rtl] #global-header form.search label {
  float: left;
}
#global-header form.search label.focus {
  z-index: 11;
  background-color: var(--colour-base-background);
}
#global-header form.search label.focus:after {
  color: var(--colour-byline);
}
@container screen style(--screen-small: false) {
#global-header form.search label.focus {
  width: calc(5 * var(--global-header-height));
}
}
@container screen style(--screen-small: true) {
@container screen style(--screen-small: true) {
#global-header form.search label.focus {
  width: 100%;
}
}
}
@container screen style(--screen-small: true) {
@container screen style(--screen-small: false) and style(--screen-large: false) {
#global-header form.search label.focus {
  width: 30%;
}
}
}
@container screen style(--screen-small: true) {
#global-header form.search label.focus input.search {
  width: 100%;
  opacity: 1;
  padding-left: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  cursor: text;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] #global-header form.search label.focus input.search {
  padding-left: 0;
  padding-right: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
}
}
@container screen style(--screen-small: true) {
#global-header form.search label.focus:after {
  color: var(--pat-form-input-field-text-colour);
}
}
#global-header form.search label input.search {
  background-color: var(--pat-form-input-field-background-colour);
  color: var(--pat-form-input-field-text-colour);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
  opacity: 0;
  cursor: default;
  transition: all var(--base-animation-duration);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  padding-left: 0.8em;
  border-radius: var(--border-radii);
  float: right;
  width: 100%;
  margin: 0;
}
body[dir=rtl] #global-header form.search label input.search {
  padding-left: 0;
  padding-right: 0.8em;
}
body[dir=rtl] #global-header form.search label input.search {
  float: left;
}
@container screen style(--screen-small: false) {
#global-header form.search label input.search {
  padding-left: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  float: left;
  padding-top: 0;
  padding-bottom: 0;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] #global-header form.search label input.search {
  padding-left: 0;
  padding-right: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] #global-header form.search label input.search {
  float: right;
}
}
#global-header form.search label:after {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-search) center / 1em 1em no-repeat;
  mask: var(--kik-svg-search) center / 1em 1em no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  aspect: 1 / 1;
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  font-size: var(--body-font-size);
  display: inline-block;
  color: var(--colour-header-elements);
}
body[dir=rtl] #global-header form.search label:after {
  left: auto;
  right: 0;
}
#global-header form.search label.focus input.search {
  opacity: 1;
  padding-left: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  cursor: text;
}
body[dir=rtl] #global-header form.search label.focus input.search {
  padding-left: 0;
  padding-right: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
}
@container screen style(--screen-small: false) {
#global-header form.search label.focus input.search {
  width: calc(5 * var(--global-header-height));
}
}
#global-header form.search label.focus:before {
  top: 0.25em;
  color: var(--colour-header-elements);
}
#global-header form.search button[type="submit"] {
  position: absolute;
  left: -100000px;
  display: block;
  top: 0;
  width: 1em;
  height: 1.8em;
  opacity: 0;
}
.application-home #global-header:after {
  display: none;
}
@media only screen and (min-width: 1000px) {
#app-space:not(:has(.application-body.state-on)) ~ #global-header .hub-logo {
  opacity: 1;
}
}
.tooltip-container nav {
  padding: 0;
}
.tooltip-container nav .onscreen-help {
  float: right;
  top: -3px;
  right: 30px;
}
body[dir=rtl] .tooltip-container nav .onscreen-help {
  float: left;
}
.tooltip-container nav a.title,
.tooltip-container nav a.organisation {
  display: none;
}
.tooltip-container nav a.tab {
  display: block;
  padding: 0.3em 0 0.3em 1.6em;
  color: var(--body-font-colour);
  line-height: 1.3em;
  color: var(--body-font-colour);
}
.tooltip-container nav a.tab:before {
  content: '';
  margin-left: -1.5em;
  float: left;
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-portal-tab-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
  mask: var(--kik-portal-tab-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
}
.tooltip-container nav a.tab:before[dir=rtl] {
  float: right;
}
.tooltip-container nav a.tab.section-dashboard:before {
  --kik-portal-tab-mark: var(--kik-svg-speedometer);
}
.tooltip-container nav a.tab.section-news:before {
  --kik-portal-tab-mark: var(--kik-svg-newspaper);
}
.tooltip-container nav a.tab.section-library:before {
  --kik-portal-tab-mark: var(--kik-svg-grid);
}
.tooltip-container nav a.tab.section-workspaces:before {
  --kik-portal-tab-mark: var(--kik-svg-workspace);
}
.tooltip-container nav a.tab.section-apps:before {
  --kik-portal-tab-mark: var(--kik-svg-app);
}
.group-table {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 2em;
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.group-table:after {
  content: " ";
  display: table;
  clear: both;
}
@container screen style(--screen-small: true) {
.group-table {
  grid-template-columns: repeat(1, 1fr);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.group-table {
  grid-template-columns: repeat(2, 1fr);
}
}
@container screen style(--screen-large: true) {
.group-table {
  grid-template-columns: repeat(3, 1fr);
}
}
.group-table .group {
  list-style-type: none;
  line-height: 0.95em;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  float: left;
}
@container screen style(--screen-small: false) {
.group-table .group {
  grid-template-columns: repeat(3, 1fr);
}
}
@container screen style(--screen-small: false) {
form .horizontal .group .group-table .group {
  width: 100%;
  margin: 0 0 0.5em 0;
}
}
@container screen style(--screen-small: false) {
form .horizontal .group .group-table .group > a {
  padding: 1%;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.group-table .group {
  grid-template-columns: repeat(2, 1fr);
}
}
@container screen style(--screen-small: true) {
.group-table .group {
  height: auto !important;
}
}
@container screen style(--screen-small: true) {
form .horizontal .group .group-table .group {
  width: 100%;
  margin: 0 0 0.5em 0;
}
}
@container screen style(--screen-small: true) {
form .horizontal .group .group-table .group > a {
  padding: 1%;
}
}
.group-table .group:before {
  display: none;
}
.group-table .group > a {
  color: var(--body-font-colour);
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.07);
  box-sizing: border-box;
  padding: 10px;
  border-radius: 0.6em;
  display: block;
  text-decoration: none;
}
@container screen style(--screen-small: false) {
.group-table .group > a {
  font-size: 0.8em;
}
}
@container screen style(--screen-small: true) {
.group-table .group > a {
  line-height: 1.4;
}
}
@media (hover: hover) {
.group-table .group > a:hover {
  background: rgba(0,0,0,0.1);
  text-decoration: none;
}
}
.group-table .group > a .group-badge {
  height: 2.5em;
  width: 2.5em;
  margin-right: 0.6em;
  border-radius: 15%;
  box-shadow: none;
  float: left;
}
.group-table .group > a .title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@container screen style(--screen-small: false) {
.group-table .group > a .title {
  padding-top: 0.15em;
}
}
.group-table .group > a .byline {
  margin: 0;
  font-size: 0.8em;
  color: var(--colour-byline);
}
@container screen style(--screen-small: false) {
.long-read.help-text {
  margin-top: 100px;
  margin-bottom: 100px;
}
}
@container screen style(--screen-small: true) {
.long-read.help-text {
  margin-bottom: 60px;
}
}
html {
  width: 100%;
  height: 100%;
  container-type: inline-size;
  container-name: viewport;
}
@container screen style(--screen-small: true) {
html {
  overflow: hidden;
}
}
.iconified {
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
}
.iconified:active {
  box-shadow: none;
}
@media (hover: hover) {
.iconified:hover {
  text-decoration: none;
}
}
.iconified:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .iconified:before {
  margin: 0 0 10px 0;
}
.icon-selector {
  overflow: hidden;
}
.icon-selector label {
  float: left;
  margin: 0;
  width: 1.8em !important;
  height: 1.8em;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid transparent;
  position: relative;
  line-height: 1.9em;
  padding: 0;
  color: transparent;
}
@media (hover: hover) {
.icon-selector label:hover:before {
  color: var(--body-font-colour);
}
}
.icon-selector label:has(:checked) {
  border-color: var(--colour-accent) !important;
}
.icon-selector label:has(:checked):before {
  color: var(--colour-accent);
}
.icon-selector label:before {
  float: left;
  margin: 0;
  text-align: center;
  width: 100%;
  line-height: 1.9em;
  color: rgba(0,0,0,0.6);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.icon-selector label input {
  position: absolute;
  opacity: 0;
}
.quaive-illustration {
  width: 100%;
}
.quaive-illustration .pat-picture {
  width: 100%;
}
.quaive-illustration figcaption {
  font-size: 0.8em;
  opacity: 0.8;
}
.image-gallery:not(.page-module) {
  margin: 0 -0.5em;
}
.image-gallery:not(.page-module) .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
  opacity: 1;
  transition: opacity 1s;
}
.image-gallery:not(.page-module) .item#load-more-results {
  margin-top: 5em;
  padding: 7em 0 2em 0;
  width: 100%;
  text-align: center;
}
@container screen style(--screen-small: true) {
.image-gallery:not(.page-module) .item {
  width: 100%;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.image-gallery:not(.page-module) .item {
  width: 33.333332%;
}
}
@container screen style(--screen-large: true) {
.image-gallery:not(.page-module) .item {
  width: 25%;
}
}
@container screen style(--screen-large: true) {
@media (min-width: 1600px) {
.image-gallery:not(.page-module) .item {
  width: 20%;
}
}
}
@container screen style(--screen-large: true) {
@media (min-width:2000px) {
.image-gallery:not(.page-module) .item {
  width: 16.6666665%;
}
}
}
@container screen style(--screen-large: true) {
@media (min-width:2400px) {
.image-gallery:not(.page-module) .item {
  width: 12.5%;
}
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item:hover {
  color: var(--body-font-colour);
  text-decoration: none;
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item:hover figure img {
  transform: scale(1.2);
  filter: blur(10px) brightness(0.7);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item:hover .functions {
  opacity: 1;
  transform: scale(1) translateY(-50%);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item.has-caption:hover {
  border-color: var(--body-font-colour);
}
}
.image-gallery:not(.page-module) .item.has-caption figure {
  border: solid 1px #dedede;
}
.image-gallery:not(.page-module) .item.has-caption .functions {
  top: calc(50% - 0.75em);
}
.image-gallery:not(.page-module) .item figure {
  overflow: hidden;
  position: relative;
}
.image-gallery:not(.page-module) .item figure .touchevents {
  display: none;
}
.image-gallery:not(.page-module) .item figure .functions {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 10%;
  opacity: 0;
  transform: scale(2) translateY(-25%);
  transform-origin: center;
  transition: all 0.3s;
  height: 70%;
  max-height: 300px;
}
.image-gallery:not(.page-module) .item figure .functions.view {
  max-height: 100%;
  padding: 0;
  height: 100%;
}
.image-gallery:not(.page-module) .item figure .functions.view a,
.image-gallery:not(.page-module) .item figure .functions.view button {
  width: 100%;
  height: 100%;
  cursor: default;
}
.image-gallery:not(.page-module) .item figure .functions a,
.image-gallery:not(.page-module) .item figure .functions button {
  float: left;
  width: 33.33333332%;
  height: 50%;
  color: transparent;
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: default;
  box-shadow: none !important;
}
.image-gallery:not(.page-module) .item figure .functions a:before,
.image-gallery:not(.page-module) .item figure .functions button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: white;
  font-size: 40px;
  opacity: 0.5;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--image-gallery-mark) center / contain no-repeat;
  mask: var(--image-gallery-mark) center / contain no-repeat;
}
.image-gallery:not(.page-module) .item figure .functions a.active:before,
.image-gallery:not(.page-module) .item figure .functions button.active:before {
  color: var(--colour-accent);
  opacity: 1;
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a:hover:before,
.image-gallery:not(.page-module) .item figure .functions button:hover:before {
  opacity: 1;
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.view:before,
.image-gallery:not(.page-module) .item figure .functions button.view:before {
  content: '';
  --image-gallery-mark: var(--kik-svg-visibility);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.download:before,
.image-gallery:not(.page-module) .item figure .functions button.download:before {
  content: '';
  --image-gallery-mark: var(--kik-svg-download);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.basket:before,
.image-gallery:not(.page-module) .item figure .functions button.basket:before {
  content: '';
  --image-gallery-mark: var(--kik-svg-basket);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.info:before,
.image-gallery:not(.page-module) .item figure .functions button.info:before {
  content: '';
  --image-gallery-mark: var(--kik-svg-info-circle);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.delete:before,
.image-gallery:not(.page-module) .item figure .functions button.delete:before {
  content: '';
  --image-gallery-mark: var(--kik-svg-trash);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.favourite:before,
.image-gallery:not(.page-module) .item figure .functions button.favourite:before {
  content: '';
  --image-gallery-mark: var(--kik-svg-heart);
}
}
@media (hover: hover) {
.image-gallery:not(.page-module) .item figure .functions a.favourite.active:before,
.image-gallery:not(.page-module) .item figure .functions button.favourite.active:before {
  --image-gallery-mark: var(--kik-svg-heart-fill);
}
}
.image-gallery:not(.page-module) .item figure img {
  width: 100%;
  display: block;
  transition: all 1s;
  filter: blur(0px);
  opacity: 1;
  transition: all 0.3s;
}
.image-gallery:not(.page-module) .item figure figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: var(--colour-base-background);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.image-picker {
  position: relative;
}
@container screen style(--screen-small: true) {
.image-picker #image-selector {
  --pat-toolbar-grid-template-areas: "first middle last";
  grid-template-columns:
				minmax(0, max-content)
				minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr)
				minmax(0, auto);
}
}
@container screen style(--screen-small: true) {
.image-picker #image-selector:not(:has(.toolbar-section.micro-navigation > *)) {
  --pat-toolbar-grid-template-areas: "middle last";
  grid-template-columns:
					minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr)
					minmax(0, auto);
}
}
@container screen style(--screen-small: true) {
.image-picker #image-selector:not(:has(.toolbar-section.micro-navigation > *)) .toolbar-section.micro-navigation {
  display: none;
}
}
@container screen style(--screen-small: true) {
.image-picker #image-selector .toolbar-section.micro-navigation {
  grid-area: first;
  justify-self: start;
  justify-content: start;
}
}
@container screen style(--screen-small: true) {
.image-picker #image-selector .toolbar-section.navigation {
  grid-area: middle;
  width: 100%;
  justify-self: start;
  justify-content: flex-start;
}
}
@container screen style(--screen-small: true) {
.image-picker #image-selector .toolbar-section.quick-functions {
  grid-area: last;
  justify-self: end;
  justify-content: end;
}
}
.image-picker .button-bar {
  border: none !important;
}
.image-picker .image-selector {
  --image-selector-gap: 6px;
}
@container screen style(--screen-small: true) {
.image-picker .image-selector {
  --image-selector-columns: 4;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector.col-6 {
  --image-selector-columns: 4;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection {
  --kik-table-media-size: 2.4rem;
  --kik-table-media-inset: 5px;
  --kik-table-media-radius: var(--border-radii-small, 4px);
  grid-column: 1 / -1;
  display: block;
  aspect-ratio: auto;
  padding: 0;
  perspective: none;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection figure {
  position: static;
  inset: auto;
  display: flex;
  align-items: center;
  background: none;
  border: 0;
  outline: none;
  box-shadow: none;
  border-radius: var(--pat-table-border-radius);
  overflow: hidden;
  padding: 0;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection .photo-skimmer {
  flex: 0 0 auto;
  display: block;
  width: var(--kik-table-media-size);
  height: var(--kik-table-media-size);
  margin: var(--kik-table-media-inset);
  border-radius: var(--kik-table-media-radius);
  background-color: rgba(0, 0, 0, 0.06);
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection .photo-skimmer .image {
  width: 100%;
  height: 100%;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection .photo-skimmer .image:not(:first-child) {
  display: none;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection .photo-skimmer .image img {
  border-radius: var(--kik-table-media-radius);
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection figcaption {
  position: static;
  inset: auto;
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 6px 2px;
  text-align: start;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0;
  background: none;
  color: var(--body-font-colour);
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection.empty figure:before {
  top: 50%;
  inset-inline-start: var(--kik-table-media-inset);
  inset-inline-end: auto;
  width: var(--kik-table-media-size);
  height: var(--kik-table-media-size);
  margin: 0;
  transform: translateY(-50%);
  font-size: calc(var(--kik-table-media-size) * 0.7);
  line-height: var(--kik-table-media-size);
  text-align: center;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector .item.collection.empty.personal-collection figure:before,
.image-picker .image-selector .item.collection.empty.film-roll figure:before {
  top: 50%;
  inset-inline-start: var(--kik-table-media-inset);
  inset-inline-end: auto;
  width: var(--kik-table-media-size);
  height: var(--kik-table-media-size);
  margin: 0;
  transform: translateY(-50%);
  -webkit-mask-size: 70%;
  mask-size: 70%;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-selector:has(.item.collection):not(:has(.item.image)) {
  row-gap: var(--kik-table-collapsed-row-gap, 2px);
}
}
.image-picker .image-selector .item {
  padding: 2px;
}
.image-picker .image-selector .item.image {
  --photo-tile-radius: var(--border-radii-medium);
}
.image-picker .image-panel-content {
  height: 440px;
  max-height: calc(100vh - 450px);
  overflow: auto;
  padding: 30px;
  position: relative;
  background-color: var(--colour-base);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.1), inset 0 0 15px rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: var(--border-radii);
}
.image-picker .image-panel-content.injecting > * {
  opacity: 0.19;
}
.image-picker .image-panel-content.injecting.injecting-after *,
.image-picker .image-panel-content.injecting.injecting-content-after * {
  opacity: inherit;
}
.image-picker .image-panel-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.image-picker .image-panel-content.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.image-picker .image-panel-content.injecting:before {
  animation: none;
  opacity: 1;
}
}
@container screen style(--screen-small: true) {
.image-picker .image-panel-content {
  height: auto;
  max-height: none;
  overflow: visible;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-radius: 0;
  min-height: 12rem;
}
}
.image-picker .image-panel-content .pat-message {
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  border: none;
  position: absolute;
  inset: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  text-align: center;
}
.image-picker .image-panel-content .image-panel-upload-form {
  background-color: pink;
}
.image-picker .image-panel-content .image-panel-upload-form .file-upload-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.image-picker .image-panel-content .image-panel-upload-form img {
  object-fit: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.image-selector {
  --image-selector-gap: 15px;
  display: grid;
  grid-template-columns: repeat(var(--image-selector-columns), 1fr);
  grid-template-rows: auto;
  gap: var(--image-selector-gap);
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.image-selector {
  --image-selector-columns: 3;
}
}
@container screen style(--screen-large: true) {
.image-selector {
  --image-selector-columns: 4;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.image-selector {
  --image-selector-columns: 3;
}
}
@container screen style(--screen-small: true) {
.image-selector {
  --image-selector-columns: 2;
}
}
@container screen style(--screen-large: true) {
.image-selector.col-6 {
  --image-selector-columns: 6;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.image-selector.col-6 {
  --image-selector-columns: 4;
}
}
@container screen style(--screen-small: true) {
.image-selector.col-6 {
  --image-selector-columns: 2;
}
}
.image-selector .pat-lazy-load.infinite-scrolling {
  --pat-lazy-lead: 80px;
  --pat-lazy-pull: 0px;
  --pat-lazy-reserve: 50px;
  grid-column: 1 / -1;
}
.image-selector .infinite-scrolling-trigger,
.image-selector .pat-message {
  grid-column: span var(--image-selector-columns);
}
.image-selector .photo-skimmer {
  overflow: hidden;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  position: relative;
  z-index: 1;
}
.image-selector .photo-skimmer .image {
  width: 100%;
}
.image-selector .photo-skimmer .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  float: left;
  border-radius: calc(0.8 * var(--border-radii));
  opacity: 0;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  display: flex;
  font-size: 12px;
  color: rgba(0,0,0,0.4);
  align-items: center;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
@media (hover: hover) {
.image-selector .photo-skimmer .image:hover img {
  opacity: 1;
}
}
.image-selector .photo-skimmer .image:first-child img {
  opacity: 1;
}
.image-selector.cropping-cover .item.image img {
  object-fit: cover;
}
.image-selector.cropping-contain .item {
  padding: 5px;
}
.image-selector.mode-follow label {
  pointer-events: none;
}
.image-selector.mode-follow label .follow {
  pointer-events: auto;
}
.image-selector.mode-select label:before {
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 30px;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  color: white;
  -webkit-text-stroke : rgba(0, 0, 0, 0.5);
  -webkit-text-stroke-width : 9px;
  -webkit-text-stroke-linejoin : round;
  -webkit-paint-order: stroke fill;
  text-stroke : rgba(0, 0, 0, 0.5);
  text-stroke-width : 9px;
  text-stroke-linejoin : round;
  paint-order: stroke fill;
}
.image-selector.mode-select label:has(input:checked):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-checkbox-checked) center / 1em no-repeat;
  mask: var(--kik-svg-checkbox-checked) center / 1em no-repeat;
}
.image-selector.mode-select label:has(input:checked) img {
  filter: brightness(0.8);
}
.image-selector.mode-select label .follow {
  pointer-events: none;
}
.image-selector .item {
  display: inline-block;
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  padding: 5px;
  box-sizing: border-box;
  perspective: 100px;
  perspective-origin: bottom;
  outline-offset: 3px;
  transition: 
			padding 0.4s;
}
.image-selector .item[href] {
  cursor: default;
}
.image-selector .item[data-title]:after,
.image-selector .item figcaption {
  position: absolute;
  padding: 4px 10px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  transition: all 0.4s;
  border-radius: var(--border-radii);
}
.image-selector .item.state-for-approval {
  outline: 3px solid var(--colour-for-review);
}
.image-selector .item.state-draft {
  outline: 3px solid var(--colour-draft);
}
.image-selector .item.collection.empty figure:before {
  content: '';
  font-size: 50px;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-picture) center / contain no-repeat;
  mask: var(--kik-svg-picture) center / contain no-repeat;
  color: rgba(0, 0, 0, 0.4);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.image-selector .item.collection.empty.personal-collection figure:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-mask: url(/assets/libraries/kikaron/app-icons/artefacts/photo-album.svg) center / contain no-repeat;
  mask: url(/assets/libraries/kikaron/app-icons/artefacts/photo-album.svg) center / contain no-repeat;
}
.image-selector .item.collection.empty.film-roll figure:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-mask: url(/assets/libraries/kikaron/app-icons/artefacts/film-roll.svg) center / contain no-repeat;
  mask: url(/assets/libraries/kikaron/app-icons/artefacts/film-roll.svg) center / contain no-repeat;
}
.image-selector .item.collection figure {
  border-radius: var(--border-radii);
  background-color: rgba(0, 0, 0, 0.1);
  border: 4px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  top:    20px;
  right:  20px;
  bottom: 20px;
  left:   20px;
}
.image-selector .item.collection figure .photo-skimmer {
  width: 100%;
  height: 100%;
  border-radius: calc(0.8 * var(--border-radii));
}
.image-selector .item.collection figure figcaption {
  color: var(--body-font-colour);
  left:   -25px;
  right:  -25px;
  bottom: -32px;
}
@media (hover: hover) {
.image-selector .item:hover figure {
  background-color: rgba(0, 0, 0, 0.05);
}
}
.image-selector .item[data-title]:after {
  background-color: rgba(black, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  content: attr(data-title);
  text-shadow: 0 0 4px black;
  color: white;
  opacity: 0;
  transform: translate(-50%,100%);
  transform-origin: center bottom;
  transition: opacity 0.2s, bottom 0.2s, transform 0.2s;
  z-index: 2;
  left: 50%;
  right: 2px;
  bottom: 32px;
  z-index: 2;
  position: relative;
  display: inline-block;
  max-width: calc(100% - 27px);
}
.image-selector .item input {
  display: none;
}
.image-selector .item .follow {
  display: flex;
  justify-content: center;
  aspect-ratio: 1/1;
}
.image-selector .item.image {
  --photo-tile-radius: 6px;
  --photo-tile-padding: 2px;
  box-shadow: var(--default-box-shadow);
  background-color: var(--colour-base-background);
  border-radius: var(--photo-tile-radius);
  overflow: hidden;
}
.image-selector .item.image img {
  display: flex;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  transition: object-fit 0.4s, filter 0.2s;
  align-self: center;
  border-radius: max(0px, calc(var(--photo-tile-radius) - var(--photo-tile-padding)));
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  color: var(--colour-muted, #999);
}
.image-selector .item:before {
  display: none;
  font-size: 0;
  opacity: 0;
  transition: font-size 0.2s, opacity 0.2s, background-color 0.2s;
}
@media (hover: hover) {
.image-selector .item.image:hover {
  background-color: var(--colour-base-background);
}
}
@media (hover: hover) {
.image-selector .item.image:hover:after {
  opacity: 1;
  transform: translate(-50%, 0%);
}
}
.image-selector.titles-visible .item.image:after {
  opacity: 1;
  transform: translate(-50%, 0%);
}
:root {
  --gallery-button-distance: 10px;
}
:root {
  --image-details-social-button-bar-height: var(--button-height);
}
.image-details-social {
  --gallery-button-width: 40px;
  --gallery-button-height: 40px;
}
@container screen style(--screen-small: false) {
.image-details-social {
  display: flex;
}
}
.image-details-social .navigation-buttons .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--gallery-button-width);
  height: var(--gallery-button-height);
  color: transparent;
  cursor: default;
}
.image-details-social .navigation-buttons .button:before {
  width: var(--gallery-button-width);
  height: var(--gallery-button-height);
  line-height: var(--gallery-button-height);
  box-shadow: 0 0 0 2px rgba(white, 0.7);
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
  background-image: var(--image-details-social-mark);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  border-radius: var(--border-radii);
  color: white;
  text-align: center;
  font-size: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (hover: hover) {
.image-details-social .navigation-buttons .button:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}
}
.image-details-social .navigation-buttons .button.previous {
  left: -65px;
}
.image-details-social .navigation-buttons .button.previous:before {
  --image-details-social-mark: var(--kik-svg-arrow-left-white);
}
.image-details-social .navigation-buttons .button.next {
  right: -65px;
}
.image-details-social .navigation-buttons .button.next:before {
  --image-details-social-mark: var(--kik-svg-arrow-right-white);
}
@container screen style(--screen-small: true) {
.image-details-social .navigation-buttons {
  display: none;
}
}
.image-details-social .image-section {
  padding: 10px;
}
@container screen style(--screen-small: false) {
.image-details-social .image-section {
  width: 70%;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
  box-sizing: border-box;
  background-color: var(--colour-base-background);
  align-items: center;
}
}
@container screen style(--screen-small: false) {
.image-details-social .image-section picture {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
}
}
@container screen style(--screen-small: false) {
.image-details-social .image-section picture img {
  border-radius: calc(0.4 * var(--border-radii));
}
}
@container screen style(--screen-small: true) {
.image-details-social .image-section picture {
  max-width: 100%;
  display: block;
  object-fit: contain;
  max-height: 40vh;
  position: relative;
}
}
.image-details-social .social-section {
  background-color: var(--colour-base);
  position: relative;
}
.image-details-social .social-section .comments {
  font-size: 16px;
}
.image-details-social .social-section .icon-bar {
  display: flex;
  gap: 10px;
}
@container screen style(--screen-small: true) {
.image-details-social .social-section .icon-bar {
  margin-bottom: 10px;
  height: var(--image-details-social-button-bar-height);
  gap: 5px;
  padding: 15px 64px 15px 15px;
}
}
@container screen style(--screen-small: false) {
.image-details-social .social-section .icon-bar {
  padding: 20px 64px 20px 20px;
}
}
.image-details-social .social-section .icon-bar .icon {
  box-sizing: border-box;
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  border: none;
  border-radius: var(--button-border-radius);
  background-color: var(--pat-toolbar-icon-frost-background);
  color: var(--pat-toolbar-icon-text-colour);
  box-shadow: var(--pat-toolbar-button-box-shadow);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
  font-size: 0;
}
.image-details-social .social-section .icon-bar .icon > svg.kik-icon {
  width: var(--kik-toolbar-icon-size);
  height: var(--kik-toolbar-icon-size);
  pointer-events: none;
}
.image-details-social .social-section .icon-bar .icon:has(button) {
  width: auto;
}
.image-details-social .social-section .icon-bar .icon select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.image-details-social .social-section .icon-bar .icon:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.image-details-social .social-section .icon-bar .icon.active {
  color: var(--colour-accent);
}
@media (hover: hover) {
.image-details-social .social-section .icon-bar .icon:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.image-details-social .social-section .icon-bar .icon.tooltip-active-click {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.image-details-social .social-section .title-group {
  clear: both;
  margin-bottom: 40px;
  margin-top: 10px;
}
.image-details-social .social-section .title-group .title-block,
.image-details-social .social-section .title-group .title-block textarea,
.image-details-social .social-section .title-group .title-block h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 42px;
  min-height: 42px;
  margin-bottom: 10px;
}
.image-details-social .social-section .title-group .title-block,
.image-details-social .social-section .title-group .summary-block {
  margin-bottom: 10px;
}
.image-details-social .social-section .title-group .summary-block,
.image-details-social .social-section .title-group .summary-block textarea,
.image-details-social .social-section .title-group .summary-block p {
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
}
@container screen style(--screen-small: true) {
.image-details-social .social-section {
  padding: 15px;
}
}
@container screen style(--screen-small: false) {
.image-details-social .social-section {
  width: 30%;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
}
@container screen style(--screen-small: false) {
.image-details-social .social-section .image-details-content {
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0 20px 20px;
  overflow: auto;
}
}
@container screen style(--screen-small: false) {
.image-details-social .social-section .image-details-content fieldset.vertical {
  margin-bottom: 0;
}
}
@container screen style(--screen-small: false) {
.image-details-social .social-section .image-details-content fieldset.vertical > *:last-child {
  margin-bottom: 0;
}
}
@container screen style(--screen-small: false) {
.image-details-social .social-section .image-details-content .update-social {
  position: sticky;
  bottom: 0;
  margin: 30px 0 0 0;
  border: none;
}
}
.infinite-scrolling-trigger {
  display: block;
  color: rgba(0,0,0,0.5);
  text-align: center;
  position: relative;
  color: rgba(0,0,0,0.6);
  padding-top: 185px;
  height: 450px;
  box-sizing: border-box;
  clear: both;
  text-decoration: none !important;
  cursor: default;
}
.infinite-scrolling-trigger:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  top: 150px;
}
@media (prefers-reduced-motion: reduce) {
.infinite-scrolling-trigger:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
body[dir=rtl] .item-selector {
  --item-selector-indent: 65px;
}
.item-selector .pasting-message {
  display: none;
  animation: bounceIn 0.5s;
}
.item-selector .action-in-progress:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.item-selector .action-in-progress:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
.item-selector .action-in-progress .pasting-message {
  display: block;
}
.item-selector .action-in-progress .item,
.item-selector .action-in-progress .batch-functions,
.item-selector .action-in-progress ~ .upload-form {
  opacity: 0.5;
  -webkit-pointer-events: none;
  pointer-events: none;
  filter: blur(2px);
}
.item-selector .action-in-progress .batch-functions button,
.item-selector .action-in-progress .batch-functions .pat-collapsible {
  -webkit-pointer-events: none;
  pointer-events: none;
  right: 0;
  left: inherit;
}
body[dir=rtl] .item-selector .action-in-progress .batch-functions button,
body[dir=rtl] .item-selector .action-in-progress .batch-functions .pat-collapsible {
  right: inherit;
  left: 0;
}
.batch-functions .item-selector {
  right: 0;
  left: auto;
}
body[dir=rtl] .batch-functions .item-selector {
  right: auto;
  left: 0;
}
.item-selector.titles-multi-line .search-result .item .title {
  white-space: normal;
}
.item-selector br {
  display: none;
}
.item-selector .functions .quick-functions {
  right: 6%;
}
body[dir=rtl] .item-selector .functions .quick-functions {
  right: auto;
  left: 6%;
}
.item-selector .batch-functions {
  height: 4.5em;
  padding: 0;
  transition: all var(--base-animation-duration);
  opacity: 1;
  z-index: 9;
}
.item-selector .batch-functions .button-bar {
  margin: 0;
  padding: 0;
  height: 34px;
  gap: 5px;
}
.item-selector .batch-functions .button-bar .button-cluster {
  position: relative;
  z-index: 1;
  margin: 0;
  display: flex;
}
.item-selector .batch-functions .button-bar > button,
.item-selector .batch-functions .button-bar > .button,
.item-selector .batch-functions .button-bar > .pat-button,
.item-selector .batch-functions .button-bar .button-cluster > button,
.item-selector .batch-functions .button-bar .button-cluster > .button,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button {
  margin-bottom: 0.6em;
  margin-right: 0;
  text-overflow: inherit;
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
  color: var(--button-text-colour-subdued);
  background-color: var(--button-background-colour-subdued);
}
@media (hover: hover) {
.item-selector .batch-functions .button-bar > button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar > .button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar > .pat-button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar .button-cluster > button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar .button-cluster > .button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover {
  background-color: var(--button-background-colour-subdued-hover);
  color: var(--button-text-colour-subdued-hover);
}
}
.item-selector .batch-functions .button-bar > button:before,
.item-selector .batch-functions .button-bar > .button:before,
.item-selector .batch-functions .button-bar > .pat-button:before,
.item-selector .batch-functions .button-bar .button-cluster > button:before,
.item-selector .batch-functions .button-bar .button-cluster > .button:before,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button:before {
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
}
.item-selector .batch-functions .button-bar > button.no-label,
.item-selector .batch-functions .button-bar > .button.no-label,
.item-selector .batch-functions .button-bar > .pat-button.no-label,
.item-selector .batch-functions .button-bar .button-cluster > button.no-label,
.item-selector .batch-functions .button-bar .button-cluster > .button.no-label,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button.no-label {
  width: 40px;
}
.item-selector .batch-functions .pat-context-menu .context-menu-label {
  width: 40px;
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
  color: var(--button-text-colour-subdued);
  background-color: var(--button-background-colour-subdued);
}
@media (hover: hover) {
.item-selector .batch-functions .pat-context-menu .context-menu-label:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover {
  background-color: var(--button-background-colour-subdued-hover);
  color: var(--button-text-colour-subdued-hover);
}
}
@media (hover: hover) {
.item-selector .batch-functions .pat-context-menu .context-menu-label.collapsible-closed:hover {
  color: black !important;
}
}
.item-selector .batch-functions .pat-context-menu .context-menu-label.collapsible-open {
  background: var(--colour-accent);
}
.item-selector .batch-functions .pat-context-menu .context-menu-label.collapsible-open:before {
  color: var(--body-font-colour);
}
.item-selector .batch-functions .pat-context-menu .context-menu-label:before {
  width: 100%;
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
}
.item-selector .batch-functions .pat-context-menu .context-menu-label:after {
  display: none;
}
.item-selector .batch-functions .pat-context-menu .panel-content {
  right: 0;
  left: auto;
}
body[dir=rtl] .item-selector .batch-functions .pat-context-menu .panel-content {
  right: auto;
  left: 0;
}
.item-selector .search-box {
  position: relative;
  margin-bottom: 1.5em;
}
.item-selector .search-box label {
  position: relative;
}
.item-selector .search-box label input[type="search"] {
  line-height: var(--item-selector-search-box-height);
  height: var(--item-selector-search-box-height);
  padding-top: var(--item-selector-padding-top);
  padding-bottom: var(--item-selector-padding-bottom);
}
.item-selector .search-box label button {
  display: none;
}
.item-selector .search-result .pat-checklist label {
  padding-left: 0;
  grid-template-columns: 0 auto;
  min-width: 0;
}
.item-selector .search-result .pat-checklist label input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
}
body[dir=rtl] .item-selector .search-result .pat-checklist label input[type="checkbox"] {
  left: auto;
  right: 0;
}
.item-selector .search-result .folder-intro,
.item-selector .search-result .introduction {
  margin-bottom: 1.5em;
  position: relative;
  clear: both;
}
.item-selector .search-result .folder-intro .folder-title,
.item-selector .search-result .folder-intro .title,
.item-selector .search-result .introduction .folder-title,
.item-selector .search-result .introduction .title {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  padding-right: 2.5em;
  margin-top: 0.2em;
}
body[dir=rtl] .item-selector .search-result .folder-intro .folder-title,
body[dir=rtl] .item-selector .search-result .folder-intro .title,
body[dir=rtl] .item-selector .search-result .introduction .folder-title,
body[dir=rtl] .item-selector .search-result .introduction .title {
  padding-right: 0;
  padding-left: 2.5em;
}
.item-selector .search-result .folder-intro .folder-title em.highlight,
.item-selector .search-result .folder-intro .title em.highlight,
.item-selector .search-result .introduction .folder-title em.highlight,
.item-selector .search-result .introduction .title em.highlight {
  background-color: var(--colour-accent);
  border-radius: var(--border-radii);
  display: inline-block;
  padding: 0 0.25em;
  color: white;
  font-style: normal;
}
.item-selector .search-result .folder-intro .folder-title .pat-button.float-after,
.item-selector .search-result .folder-intro .title .pat-button.float-after,
.item-selector .search-result .introduction .folder-title .pat-button.float-after,
.item-selector .search-result .introduction .title .pat-button.float-after {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
body[dir=rtl] .item-selector .search-result .folder-intro .folder-title .pat-button.float-after,
body[dir=rtl] .item-selector .search-result .folder-intro .title .pat-button.float-after,
body[dir=rtl] .item-selector .search-result .introduction .folder-title .pat-button.float-after,
body[dir=rtl] .item-selector .search-result .introduction .title .pat-button.float-after {
  right: auto;
  left: 0;
}
.item-selector .search-result .folder-intro .folder-title .icon-ellipsis,
.item-selector .search-result .folder-intro .title .icon-ellipsis,
.item-selector .search-result .introduction .folder-title .icon-ellipsis,
.item-selector .search-result .introduction .title .icon-ellipsis {
  color: var(--body-font-colour);
  position: absolute;
  right: 0;
  top: 0.2em;
  font-size: 1.2em;
}
body[dir=rtl] .item-selector .search-result .folder-intro .folder-title .icon-ellipsis,
body[dir=rtl] .item-selector .search-result .folder-intro .title .icon-ellipsis,
body[dir=rtl] .item-selector .search-result .introduction .folder-title .icon-ellipsis,
body[dir=rtl] .item-selector .search-result .introduction .title .icon-ellipsis {
  right: auto;
  left: 0;
}
.item-selector .search-result .folder-intro .icon-info-circle,
.item-selector .search-result .introduction .icon-info-circle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  color: transparent;
}
.item-selector .search-result .folder-intro .icon-info-circle:before,
.item-selector .search-result .introduction .icon-info-circle:before {
  position: absolute;
  right: 0.35em;
  top: 50%;
  margin-top: -0.4em;
  color: var(--colour-link);
}
body[dir=rtl] .item-selector .search-result .folder-intro .icon-info-circle:before,
body[dir=rtl] .item-selector .search-result .introduction .icon-info-circle:before {
  right: auto;
  left: 0.35em;
}
.item-selector .search-result .folder-intro .group-badge,
.item-selector .search-result .introduction .group-badge {
  border-radius: var(--border-radii);
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  position: absolute;
  left: var(--item-selector-icon-offset);
  top: 0;
  object-fit: cover;
}
body[dir=rtl] .item-selector .search-result .folder-intro .group-badge,
body[dir=rtl] .item-selector .search-result .introduction .group-badge {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .folder-intro .avatar,
.item-selector .search-result .introduction .avatar {
  font-size: 15px;
  border-radius: 50%;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  position: absolute;
  left: var(--item-selector-icon-offset);
  top: 50%;
  transform: translateY(-50%);
}
body[dir=rtl] .item-selector .search-result .folder-intro .avatar,
body[dir=rtl] .item-selector .search-result .introduction .avatar {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .folder-intro .folder-description,
.item-selector .search-result .folder-intro .description,
.item-selector .search-result .introduction .folder-description,
.item-selector .search-result .introduction .description {
  color: rgba(0,0,0,0.61);
  font-style: normal;
  padding-right: 2.5em;
  line-height: 1.3;
}
body[dir=rtl] .item-selector .search-result .folder-intro .folder-description,
body[dir=rtl] .item-selector .search-result .folder-intro .description,
body[dir=rtl] .item-selector .search-result .introduction .folder-description,
body[dir=rtl] .item-selector .search-result .introduction .description {
  padding-right: 0;
  padding-left: 2.5em;
}
.item-selector .search-result .folder-intro.has-description,
.item-selector .search-result .introduction.has-description {
  padding-left: var(--item-selector-indent);
}
body[dir=rtl] .item-selector .search-result .folder-intro.has-description,
body[dir=rtl] .item-selector .search-result .introduction.has-description {
  padding-left: 0;
  padding-right: var(--item-selector-indent);
}
.item-selector .search-result .folder-intro.has-description:before,
.item-selector .search-result .introduction.has-description:before {
  position: absolute;
  top: 0;
  left: 0.07em;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5em;
  font-size: 2.2em;
  width: 45px;
  height: 45px;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-item-selector-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  mask: var(--kik-item-selector-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
}
body[dir=rtl] .item-selector .search-result .folder-intro.has-description:before,
body[dir=rtl] .item-selector .search-result .introduction.has-description:before {
  left: auto;
  right: 0.07em;
}
.item-selector .search-result .folder-intro.has-description.folder-intro:before,
.item-selector .search-result .introduction.has-description.folder-intro:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-folder);
}
.item-selector .search-result .folder-intro.has-description.tag-intro:before,
.item-selector .search-result .introduction.has-description.tag-intro:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-tag);
}
.item-selector .search-result .folder-intro.has-description.division-intro:before,
.item-selector .search-result .introduction.has-description.division-intro:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-division);
}
.item-selector .search-result .folder-intro.has-description.group-intro:before,
.item-selector .search-result .introduction.has-description.group-intro:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-users);
}
.item-selector .search-result .folder-intro.has-description.emergency-services-intro:before,
.item-selector .search-result .introduction.has-description.emergency-services-intro:before {
  content: '';
  -webkit-mask: none;
  mask: none;
  background: var(--kik-svg-alarm) center / 1em no-repeat;
  background-color: rgba(255,0,0,0.1);
  color: var(--body-font-colour);
  font-size: 26px;
  border: 2px solid red;
  left: 3px;
}
body[dir=rtl] .item-selector .search-result .folder-intro.has-description.emergency-services-intro:before,
body[dir=rtl] .item-selector .search-result .introduction.has-description.emergency-services-intro:before {
  left: auto;
  right: 3px;
}
.item-selector .search-result .folder-intro.has-description.register-intro:before,
.item-selector .search-result .introduction.has-description.register-intro:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-archive);
}
.item-selector .search-result .folder-intro .folder-infographic,
.item-selector .search-result .introduction .folder-infographic {
  position: relative;
  overflow: hidden;
}
.item-selector .search-result .folder-intro .folder-infographic img,
.item-selector .search-result .folder-intro .folder-infographic svg,
.item-selector .search-result .introduction .folder-infographic img,
.item-selector .search-result .introduction .folder-infographic svg {
  width: 100%;
  border-radius: var(--border-radii);
  box-sizing: border-box;
  border: solid 1px var(--colour-base);
  float: left;
}
@media (hover: hover) {
.item-selector .search-result .folder-intro .folder-infographic:hover .icon,
.item-selector .search-result .introduction .folder-infographic:hover .icon {
  opacity: 1;
}
}
.item-selector .search-result .folder-intro .folder-infographic .icon,
.item-selector .search-result .introduction .folder-infographic .icon {
  position: absolute;
  opacity: 0.5;
  bottom: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.3);
  color: transparent;
  height: 32px;
  width: 32px;
  border-radius: calc(0.95 * var(--border-radii));
  overflow: hidden;
}
body[dir=rtl] .item-selector .search-result .folder-intro .folder-infographic .icon,
body[dir=rtl] .item-selector .search-result .introduction .folder-infographic .icon {
  right: auto;
  left: 6px;
}
@media (hover: hover) {
.item-selector .search-result .folder-intro .folder-infographic .icon:hover,
.item-selector .search-result .introduction .folder-infographic .icon:hover {
  background: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
}
.item-selector .search-result .folder-intro .folder-infographic .icon:before,
.item-selector .search-result .introduction .folder-infographic .icon:before {
  width: 100%;
  height: 100%;
  text-align: center;
  color: var(--body-font-colour);
  display: block;
  line-height: 29px;
  margin: 0;
}
.item-selector .search-result .item {
  margin-bottom: -1px;
  display: block;
  position: relative;
  color: var(--colour-primary);
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
  overflow: hidden;
  clear: both;
  border-radius: var(--border-radii);
  transition: padding-left var(--base-animation-duration);
  will-change: transform;
}
.item-selector .search-result .item.active {
  background-color: var(--colour-accent);
  --item-selector-type-colour: currentColor;
}
.item-selector .search-result .item.active .title,
.item-selector .search-result .item.active .byline {
  color: white;
  cursor: default;
}
.item-selector .search-result .item:has(.label) .follow {
  padding-right: var(--item-selector-indent);
}
body[dir=rtl] .item-selector .search-result .item:has(.label) .follow {
  padding-left: var(--item-selector-indent);
}
.item-selector .search-result .item:has(.label) .label {
  position: absolute;
  right: 17px;
  z-index: 0;
  display: inline-block;
  width: 39%;
  max-width: max-content;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  background-color: var(--colour-base-background);
  border: var(--default-border);
  border-radius: var(--border-radii);
  color: var(--pat-button-text-colour);
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.3rem 0.9rem !important;
  cursor: default;
  line-height: 25px;
  margin: 0;
  box-sizing: border-box;
  pointer-events: none;
}
body[dir=rtl] .item-selector .search-result .item:has(.label) .label {
  right: auto;
  left: 17px;
}
.item-selector .search-result .item:has(.label) .label[href] {
  pointer-events: auto;
  background-color: var(--pat-button-background-colour);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
@media (hover: hover) {
.item-selector .search-result .item:has(.label) .label[href]:hover {
  text-decoration: none;
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
.item-selector .search-result .item.open,
.item-selector .search-result .item.closed.in-progress {
  z-index: 1;
  overflow: visible;
}
.item-selector .search-result .item .options.panel-content {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  right: -15px;
  background: var(--colour-base-background);
  padding: 1.5em;
  padding-top: 3em;
  z-index: 1;
  border: silver 1px solid;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  min-width: 80%;
}
body[dir=rtl] .item-selector .search-result .item .options.panel-content {
  right: auto;
  left: -15px;
}
.sidebar-large .item-selector .search-result .item .options.panel-content {
  min-width: 220px;
}
.item-selector .search-result .item .options.panel-content .pat-menu-list {
  margin: 0 0 1em 0;
}
.item-selector .search-result .item .options.panel-content .pat-menu-list:last-child {
  margin: 0;
}
.item-selector .search-result .item.group .follow {
  padding-right: 1.5em;
}
body[dir=rtl] .item-selector .search-result .item.group .follow {
  padding-left: 1.5em;
}
.item-selector .search-result .item .alert-badge {
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  position: absolute;
  right: 0.6em;
  top: 50%;
  margin-top: -0.5em;
  text-indent: -1000px;
  line-height: 1.4em;
  z-index: 2;
  font-style: normal;
  transition: right var(--base-animation-duration), left var(--base-animation-duration);
}
.item-selector .search-result .item .alert-badge:active {
  box-shadow: none;
}
@media (hover: hover) {
.item-selector .search-result .item .alert-badge:hover {
  text-decoration: none;
}
}
.item-selector .search-result .item .alert-badge:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .item-selector .search-result .item .alert-badge:before {
  margin: 0 0 10px 0;
}
body[dir=rtl] .item-selector .search-result .item .alert-badge {
  right: auto;
  left: 0.6em;
}
.item-selector .search-result .item .alert-badge:before {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
}
body[dir=rtl] .item-selector .search-result .item .alert-badge:before {
  left: auto;
  right: 0;
}
.item-selector .search-result .item .alert-badge.warning:before {
  content: '';
  width: 1em;
  height: 1em;
  color: var(--colour-warning);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-attention) center / contain no-repeat;
  mask: var(--kik-svg-attention) center / contain no-repeat;
}
.item-selector .search-result .item .follow {
  display: block;
  width: 100%;
  position: relative;
  z-index: -1;
  float: left;
  color: var(--colour-primary);
  border-radius: var(--border-radii);
  padding: 6px 0 6px var(--item-selector-indent);
  line-height: 22px;
  box-sizing: border-box;
}
body[dir=rtl] .item-selector .search-result .item .follow {
  float: right;
}
body[dir=rtl] .item-selector .search-result .item .follow {
  padding: 6px var(--item-selector-indent) 6px 0;
}
.item-selector .search-result .item .follow.active {
  background-color: var(--colour-accent);
  color: var(--body-font-colour);
}
@media (hover: hover) {
.item-selector .search-result .item .follow:hover {
  text-decoration: none;
}
}
.item-selector .search-result .item.important .follow:before {
  content: '';
  text-align: center;
  line-height: calc(var(--item-selector-icon-size) + 27%);
  font-size: 1.3em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-crown) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-crown) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.user-group .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.3em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-users) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-users) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.workspace .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.3em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-workspace) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-workspace) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.division .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.3em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-division) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-division) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.emergency-services .follow:before {
  content: '';
  background-image: var(--kik-svg-alarm);
  background-position: center;
  background-size: 1em;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 39px;
  font-size: 1.5em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: rgba(255,0,0,0.1);
  color: var(--body-font-colour);
  border: 2px solid red;
}
.item-selector .search-result .item.emergency-services .follow.current:before {
  background-color: var(--item-selector-icon-background-colour);
  border-color: var(--body-font-colour);
  color: var(--body-font-colour);
}
.item-selector .search-result .item.bookmarked .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.2em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--item-selector-bookmarked-icon-radius);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-bookmark) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-bookmark) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.following .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.5em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-user-add) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-user-add) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.family .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.2em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-shield) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-shield) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.map .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.2em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-map) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-map) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.new-born .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.2em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-baby-bottle) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-baby-bottle) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.deceased-jewish .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.2em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-star-of-david) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-star-of-david) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.deceased-christian .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.2em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-cross) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-cross) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.all-users .follow:before {
  content: '';
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.4em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-hub) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-hub) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.all-contacts .follow:before {
  content: '';
  text-align: center;
  line-height:calc(var(--item-selector-icon-size) + 1px);
  font-size: 1.52em;
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  border: none;
  border-radius: var(--border-radii);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-contacts) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-svg-contacts) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
}
.item-selector .search-result .item.emergency-service .follow:before {
  text-align: center;
  line-height: var(--item-selector-icon-size);
  font-size: 1.5em;
  height: var(--item-selector-icon-size);
  width: 52px;
  left: 0;
  border: none;
  border-radius: 50%;
  color: var(--body-font-colour);
}
body[dir=rtl] .item-selector .search-result .item.emergency-service .follow:before {
  left: auto;
  right: 0;
}
.item-selector .search-result .item.group.type-folder .follow,
.item-selector .search-result .item.group.type-trash .follow {
  padding-right: 35px;
}
body[dir=rtl] .item-selector .search-result .item.group.type-folder .follow,
body[dir=rtl] .item-selector .search-result .item.group.type-trash .follow {
  padding-right: 0;
  padding-left: 35px;
}
.item-selector .search-result .item.group.type-folder:after,
.item-selector .search-result .item.group.type-trash:after {
  content: '';
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-forward) center / contain no-repeat;
  mask: var(--kik-svg-forward) center / contain no-repeat;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  transition: all var(--base-animation-duration);
}
body[dir=rtl] .item-selector .search-result .item.group.type-folder:after,
body[dir=rtl] .item-selector .search-result .item.group.type-trash:after {
  -webkit-mask-image: var(--kik-svg-back);
  mask-image: var(--kik-svg-back);
}
body[dir=rtl] .item-selector .search-result .item.group.type-folder:after,
body[dir=rtl] .item-selector .search-result .item.group.type-trash:after {
  right: auto;
  left: 1em;
}
.item-selector .search-result .item .avatar,
.item-selector .search-result .item .follow:before {
  box-sizing: border-box;
  position: absolute;
  left: var(--item-selector-icon-offset);
  top: 50%;
  transform: translateY(-50%);
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
}
body[dir=rtl] .item-selector .search-result .item .avatar,
body[dir=rtl] .item-selector .search-result .item .follow:before {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .item .group-badge {
  border-radius: var(--border-radii);
  height: var(--item-selector-icon-size);
  width: var(--item-selector-icon-size);
  position: absolute;
  left: var(--item-selector-icon-offset);
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
body[dir=rtl] .item-selector .search-result .item .group-badge {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .item .division-badge {
  border-radius: 0;
  height: 3.1em;
  width: 3.1em;
  position: absolute;
  left: var(--item-selector-icon-offset);
  top: 50%;
  transform: translateY(-50%);
  border: none;
}
body[dir=rtl] .item-selector .search-result .item .division-badge {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.item-selector .search-result .item .title .icon-archive,
.item-selector .search-result .item .title .icon-trash {
  position: absolute;
  right: 0;
  top: 0.7em;
}
body[dir=rtl] .item-selector .search-result .item .title .icon-archive,
body[dir=rtl] .item-selector .search-result .item .title .icon-trash {
  right: auto;
  left: 0;
}
.item-selector .search-result .item .title .alias-symbol,
.item-selector .search-result .item .title .dropbox-symbol {
  color: transparent;
  width: 16px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  left: calc(var(--item-selector-icon-size) - 16px);
  position: absolute;
  top: 50%;
  margin-top: 0;
  border: 2px solid black;
  border-radius: 50%;
  z-index: 1;
}
body[dir=rtl] .item-selector .search-result .item .title .alias-symbol,
body[dir=rtl] .item-selector .search-result .item .title .dropbox-symbol {
  left: auto;
  right: calc(var(--item-selector-icon-size) - 16px);
}
.item-selector .search-result .item .title .alias-symbol:before,
.item-selector .search-result .item .title .dropbox-symbol:before {
  content: '';
  color: var(--body-font-colour);
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: var(--colour-base-background);
  background-image: var(--kik-item-selector-symbol);
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  font-size: 10px;
  text-align: center;
}
.item-selector .search-result .item .title .alias-symbol:before {
  --kik-item-selector-symbol: var(--kik-svg-level-up);
}
.item-selector .search-result .item .title .dropbox-symbol:before {
  --kik-item-selector-symbol: var(--kik-svg-dropbox);
}
.item-selector .search-result .item .title em.highlight {
  background-color: var(--colour-accent);
  border-radius: 0.2em;
  display: inline-block;
  padding: 0 0.25em;
  color: white;
  font-style: normal;
}
.item-selector .search-result .item .title:before {
  font-size: var(--item-selector-icon-glyph-size);
  background-color: currentColor;
  -webkit-mask: var(--kik-item-selector-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  mask: var(--kik-item-selector-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  color: var(--item-selector-type-colour, inherit);
  left: var(--item-selector-icon-offset);
  width: var(--item-selector-icon-size);
  height: var(--item-selector-icon-size);
  line-height: var(--item-selector-icon-size);
  text-align: center;
  border-radius: var(--border-radii);
  position: absolute;
  top: 50%;
  font-weight: normal;
  transition: left var(--base-animation-duration), right var(--base-animation-duration);
  transform: translateY(-50%);
}
body[dir=rtl] .item-selector .search-result .item .title:before {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .item .thumbnail {
  --photo-tile-radius: calc(0.8 * var(--border-radii));
  left: var(--item-selector-icon-offset);
  width: var(--item-selector-icon-size);
  height: var(--item-selector-icon-size);
  line-height: var(--item-selector-icon-size);
  text-align: center;
  border-radius: var(--photo-tile-radius);
  padding: var(--photo-tile-padding);
  position: absolute;
  top: 50%;
  transition: left var(--base-animation-duration), right var(--base-animation-duration);
  transform: translateY(-50%);
  -webkit-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  box-shadow: var(--photo-tile-shadow);
  background-color: var(--photo-tile-bg);
}
body[dir=rtl] .item-selector .search-result .item .thumbnail {
  left: auto;
  right: var(--item-selector-icon-offset);
}
.item-selector .search-result .item.has-no-description a.follow {
  padding-top: 16px;
  padding-bottom: 16px;
}
.item-selector .search-result .item.type-folder .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-folder);
}
.item-selector .search-result .item.trashed {
  color: rgba(0,0,0,0.5);
}
.item-selector .search-result .item.trashed .byline {
  color: rgba(0,0,0,0.5);
}
.item-selector .search-result .item.trashed .title {
  color: rgba(0,0,0,0.5);
  padding-right: 1.5em;
}
body[dir=rtl] .item-selector .search-result .item.trashed .title {
  padding-right: 0;
  padding-left: 1.5em;
}
@media (hover: hover) {
.item-selector .search-result .item.trashed:hover .title {
  padding-right: 0;
}
}
@media (hover: hover) {
body[dir=rtl] .item-selector .search-result .item.trashed:hover .title {
  padding-left: 0;
}
}
.item-selector .search-result .item.type-trash .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-trash);
  color: rgba(0,0,0,0.5);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-trash) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.2) 0 0);
  mask: var(--kik-svg-trash) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.2) 0 0);
}
.item-selector .search-result .item.document .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-document);
  transition: opacity var(--base-animation-duration);
}
.item-selector .search-result .item.register .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-archive);
}
.item-selector .search-result .item.type-presentation .title:before,
.item-selector .search-result .item.type-slide .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-slides);
}
.item-selector .search-result .item.type-date .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-calendar);
}
.item-selector .search-result .item.type-event .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-calendar);
}
.item-selector .search-result .item.type-vimeo .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-play);
}
.item-selector .search-result .item.type-user .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-user);
}
.item-selector .search-result .item.type-tag .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-tag);
}
.item-selector .search-result .item.type-powerpoint .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-file-powerpoint);
}
.item-selector .search-result .item.type-word .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-file-word);
}
.item-selector .search-result .item.type-zip .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-archive);
}
.item-selector .search-result .item.type-video .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-video);
}
.item-selector .search-result .item.type-video:has(.thumbnail) .title:before,
.item-selector .search-result .item.type-vimeo:has(.thumbnail) .title:before,
.item-selector .search-result .item.type-youtube:has(.thumbnail) .title:before {
  content: "";
  z-index: 1;
  -webkit-mask: none;
  mask: none;
  background: var(--kik-svg-play-white) calc(50% + 1px) 50% / 13px no-repeat, rgba(40, 40, 40, 0.5);
  border-radius: 50%;
  color: white;
  width: 31px;
  height: 31px;
  font-size: 13px;
  line-height: 31px;
  left: 12px;
  backdrop-filter: blur(2px);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
  text-align: left;
  text-indent: 12px;
}
body[dir=rtl] .item-selector .search-result .item.type-video:has(.thumbnail) .title:before,
body[dir=rtl] .item-selector .search-result .item.type-vimeo:has(.thumbnail) .title:before,
body[dir=rtl] .item-selector .search-result .item.type-youtube:has(.thumbnail) .title:before {
  left: auto;
  right: 12px;
}
.item-selector .search-result .item.type-external-video .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-video);
}
.item-selector .search-result .item.type-audio .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-volume);
}
.item-selector .search-result .item.type-youtube .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-play);
}
.item-selector .search-result .item.type-excel .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-file-excel);
}
.item-selector .search-result .item.type-sound .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-volume);
}
.item-selector .search-result .item.type-image .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-picture);
}
.item-selector .search-result .item.type-code .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-source);
}
.item-selector .search-result .item.type-rich .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-document);
}
.item-selector .search-result .item.type-pdf .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-document);
}
.item-selector .search-result .item.type-diagram .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-sitemap);
}
.item-selector .search-result .item.type-markdown .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-document);
}
.item-selector .search-result .item.type-passage .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-book);
}
.item-selector .search-result .item.type-news-article .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-newspaper);
}
.item-selector .search-result .item.type-text-boilerplate .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-document);
}
.item-selector .search-result .item.type-email .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-mail);
}
.item-selector .search-result .item.type-link .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-link);
}
.item-selector .search-result .item.back .title:before {
  content: '';
  --kik-item-selector-mark: var(--kik-svg-back);
  left: 1.1em;
}
body[dir=rtl] .item-selector .search-result .item.back .title:before {
  left: auto;
  right: 1.1em;
}
.item-selector .search-result .item.type-word {
  --item-selector-type-colour: var(--colour-file-icon-word);
}
.item-selector .search-result .item.type-excel {
  --item-selector-type-colour: var(--colour-file-icon-excel);
}
.item-selector .search-result .item.type-powerpoint {
  --item-selector-type-colour: var(--colour-file-icon-powerpoint);
}
.item-selector .search-result .item.type-pdf {
  --item-selector-type-colour: var(--colour-file-icon-pdf);
}
.item-selector .search-result .item.type-markdown {
  --item-selector-type-colour: var(--colour-file-icon-markdown);
}
.item-selector .search-result .item.type-rich {
  --item-selector-type-colour: var(--colour-file-icon-text);
}
.item-selector .search-result .item.type-folder {
  --item-selector-type-colour: var(--colour-file-icon-folder);
}
.item-selector .search-result .item.type-audio {
  --item-selector-type-colour: var(--colour-file-icon-audio);
}
.item-selector .search-result .item.type-sound {
  --item-selector-type-colour: var(--colour-file-icon-audio);
}
.item-selector .search-result .item.type-image {
  --item-selector-type-colour: var(--colour-file-icon-image);
}
.item-selector .search-result .item.type-video {
  --item-selector-type-colour: var(--colour-file-icon-video);
}
.item-selector .search-result .item.type-external-video {
  --item-selector-type-colour: var(--colour-file-icon-video);
}
.item-selector .search-result .item.type-diagram {
  --item-selector-type-colour: var(--colour-file-icon-diagram);
}
.item-selector .search-result .item.type-passage {
  --item-selector-type-colour: var(--colour-file-icon-chokhmah);
}
.item-selector .search-result .item.type-news-article {
  --item-selector-type-colour: var(--colour-file-icon-news-article);
}
.item-selector .search-result .item .byline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: var(--item-selector-byline-colour);
  font-style: normal;
  max-width: 100%;
}
.item-selector .search-result .item:not(.active):focus {
  background-color: var(--item-selector-hover-colour);
}
@media (hover: hover) {
.item-selector .search-result .item:not(.active):hover {
  background-color: var(--item-selector-hover-colour);
}
}
.item-selector .search-result .item::before {
  font-size: 1.2em;
  color: var(--colour-primary);
  justify-self: center !important;
  align-self: center !important;
  top: 0 !important;
  transform: none !important;
  left: 5px;
}
body[dir=rtl] .item-selector .search-result .item::before {
  left: auto;
  right: 5px;
}
.item-selector.mode-follow .batch-functions {
  height: 0;
  opacity: 0;
  padding-bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.item-selector.mode-follow .search-result .item .option-trigger {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  z-index: 2;
  display: none;
  color: var(--body-font-colour);
  width: 30px;
  height: 30px;
  line-height: 31px;
  border-radius: var(--border-radii);
  font-weight: normal;
  box-shadow: 0 0 10px 10px var(--item-selector-hover-colour);
  background-color: var(--item-selector-hover-colour);
  margin: 0 !important;
}
body[dir=rtl] .item-selector.mode-follow .search-result .item .option-trigger {
  right: auto;
  left: 10px;
}
.item-selector.mode-follow .search-result .item .option-trigger.collapsible-open,
.item-selector.mode-follow .search-result .item .option-trigger.active,
.item-selector.mode-follow .search-result .item .option-trigger.tooltip-active-click {
  background-color: var(--colour-accent);
  color: white;
  display: inline-block;
  box-shadow: 0 0 0 3px white;
}
.item-selector.mode-follow .search-result .item .option-trigger:before {
  display: block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 31px;
}
@media (hover: hover) {
.item-selector.mode-follow .search-result .item:hover .option-trigger {
  display: inline-block;
}
}
@media (hover: hover) {
.item-selector.mode-follow .search-result .item:hover .alert-badge,
.item-selector.mode-follow .search-result .item .option-trigger.active ~ .alert-badge {
  right: 2em;
}
}
@media (hover: hover) {
body[dir=rtl] .item-selector.mode-follow .search-result .item:hover .alert-badge,
body[dir=rtl] .item-selector.mode-follow .search-result .item .option-trigger.active ~ .alert-badge {
  right: auto;
  left: 2em;
}
}
@media (hover: hover) {
.item-selector.mode-follow .search-result .item:hover .follow .icon-archive,
.item-selector.mode-follow .search-result .item:hover .follow .icon-trash,
.item-selector.mode-follow .search-result .item.type-folder .follow .icon-archive,
.item-selector.mode-follow .search-result .item.type-folder .follow .icon-trash,
.item-selector.mode-follow .search-result .item .option-trigger.active ~ .follow .icon-archive,
.item-selector.mode-follow .search-result .item .option-trigger.active ~ .follow .icon-trash {
  display: none;
}
}
.item-selector.mode-follow .search-result .item .follow.current +  .item-info .option-trigger {
  --item-selector-hover-colour: var(--colour-accent);
  color: white;
}
.item-selector.mode-follow .search-result .item .follow.current +  .item-info .option-trigger.tooltip-active-click {
  background-color: var(--colour-base-background);
  color: var(--colour-accent);
}
.item-selector.mode-follow .search-result .item::before {
  opacity: 0;
  margin-left: 0em;
}
.item-selector.mode-follow .search-result .item.state-unread .follow:after {
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: var(--mutation-sentinel-colour);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.item-selector.mode-follow .search-result .item .follow {
  z-index: 0;
  border-left: 0 solid #efefef;
  padding-right: 10px;
  min-width: 0;
}
body[dir=rtl] .item-selector.mode-follow .search-result .item .follow {
  border-left: none;
  border-right: 0 solid #efefef;
}
body[dir=rtl] .item-selector.mode-follow .search-result .item .follow {
  padding-left: 10px;
}
.item-selector.mode-follow .search-result .item .follow.current {
  background-color: var(--colour-accent);
  color: white;
  --item-selector-type-colour: currentColor;
}
.item-selector.mode-follow .search-result .item .follow.current *,
.item-selector.mode-follow .search-result .item .follow.current + .option-trigger {
  color: white;
  background-color: var(--colour-kikaron-background-current, transparent);
}
.item-selector.mode-follow .search-result .item .follow.current:before {
  color: white;
}
.item-selector.mode-follow .search-result .item:has(.label) .follow {
  padding-right: var(--item-selector-indent);
}
body[dir=rtl] .item-selector.mode-follow .search-result .item:has(.label) .follow {
  padding-left: var(--item-selector-indent);
}
.item-selector.mode-add .search-result .item::before {
  opacity: 0;
  margin-left: 0em;
}
.item-selector.mode-add .search-result .item .follow {
  z-index: 0;
  border-left: 0 solid #efefef;
  padding-right: 6em;
}
body[dir=rtl] .item-selector.mode-add .search-result .item .follow {
  border-left: none;
  border-right: 0 solid #efefef;
}
body[dir=rtl] .item-selector.mode-add .search-result .item .follow {
  padding-left: 6em;
}
.item-selector.mode-add .search-result .item .button-add {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body[dir=rtl] .item-selector.mode-add .search-result .item .button-add {
  right: auto;
  left: 0;
}
.item-selector.mode-add .search-result .item:has(.label) .follow {
  padding-right: var(--item-selector-indent);
}
body[dir=rtl] .item-selector.mode-add .search-result .item:has(.label) .follow {
  padding-left: var(--item-selector-indent);
}
.item-selector.mode-add .search-result .item:has(.label) .label {
  position: absolute;
  right: 2%;
  z-index: 0;
  display: inline-block;
  width: 28%;
  top: 1.3em;
  text-align: center;
  background-color: var(--colour-warning);
  border-radius: 1em;
  color: color-mix(in lch, var(--colour-warning), black 30%);
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.3em;
  cursor: default;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body[dir=rtl] .item-selector.mode-add .search-result .item:has(.label) .label {
  right: auto;
  left: 2%;
}
@media (hover: hover) {
.item-selector.mode-add .search-result .item:has(.label) .label:hover {
  text-decoration: none;
  background-color: color-mix(in lch, var(--colour-warning), black 10%);
}
}
.item-selector .post-upload-message {
  transition: all var(--base-animation-duration);
  padding: 0;
}
.item-selector .post-upload-message .panel-content {
  padding: 1em;
  box-sizing: border-box;
}
aside.sidebar.left .item-selector .post-upload-message .button-bar {
  margin: 0;
  padding: 0;
}
.item-selector.mode-select .option-trigger {
  display: none;
}
.item-selector.mode-select .search-result .item:not(.type-trash) {
  grid-template-columns: 26px auto;
}
.item-selector.mode-select .search-result .item:not(.type-trash).group:after {
  right: -1em;
  opacity: 0;
}
body[dir=rtl] .item-selector.mode-select .search-result .item:not(.type-trash).group:after {
  right: auto;
  left: -1em;
}
.item-selector.mode-select .search-result .item:not(.type-trash).checked {
  background-color: var(--colour-accent);
  color: white !important;
  --item-selector-type-colour: currentColor;
}
.item-selector.mode-select .search-result .item:not(.type-trash).checked *,
.item-selector.mode-select .search-result .item:not(.type-trash).checked:before {
  color: white !important;
}
.item-selector.mode-select .search-result .item:not(.type-trash) .follow {
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  pointer-events: none;
  min-width: 0;
}
.item-selector.mode-select .functions.bumped {
  background: #efefef;
}
.item-selector.mode-select .batch-functions {
  z-index: 100;
  overflow: visible;
  float: left;
  width: 100%;
  height: 70px;
  padding-bottom: 0;
  margin-bottom: 15px !important;
}
body[dir=rtl] .item-selector.mode-select .batch-functions {
  float: right;
}
.tabs-content .item-selector .more-menu {
  margin: -1em;
}
.sidebar-large .item-selector .search-result.docs .item .follow {
  width: 30%;
}
.sidebar-large .item-selector .search-result.docs .item.group .follow {
  width: 100%;
}
.item-selector .tiptap-items .item {
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.item-selector .tiptap-items .item .follow {
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.pat-jitsi {
  background-color: var(--colour-base-background);
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
}
.pat-jitsi iframe {
  border-radius: var(--border-radii);
}
#application-body-workspaces .pat-jitsi,
#application-body-documents .pat-jitsi {
  --pat-jitsi-width: auto;
  --pat-jitsi-height: auto;
  position: absolute;
  top: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  right: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  bottom: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  left: calc(var(--sidebar-padding-left) + 0.5 * var(--sidebar-padding-left));
}
@container screen style(--screen-small: true) {
#application-body-workspaces .pat-jitsi,
#application-body-documents .pat-jitsi {
  bottom: calc(var(--workspace-tabs-bar-height) + var(--small-screen-padding) + env(safe-area-inset-bottom));
}
}
.callout {
  --callout-color: var(--primary-color, #4a6fa5);
  margin: 1em 0;
  padding: 0.75em 1em;
  border-inline-start: 4px solid var(--callout-color);
  border-radius: var(--kik-document-block-radius, 6px);
  background: color-mix(in srgb, var(--callout-color) 8%, transparent);
}
.callout > .callout-title {
  margin: 0;
  font-weight: 600;
  color: var(--callout-color);
  cursor: default;
}
.callout > .callout-body {
  margin-top: 0.4em;
}
.callout > .callout-body > :first-child {
  margin-top: 0;
}
.callout > .callout-body > :last-child {
  margin-bottom: 0;
}
.callout > .callout-body:empty {
  margin-top: 0;
}
details.callout > summary.callout-title {
  list-style-position: inside;
}
.callout-note,
.callout-info {
  --callout-color: #4a6fa5;
}
.callout-tip,
.callout-hint,
.callout-success,
.callout-done {
  --callout-color: #2e9b6b;
}
.callout-warning,
.callout-caution,
.callout-attention {
  --callout-color: #c98a1b;
}
.callout-danger,
.callout-error,
.callout-bug,
.callout-failure {
  --callout-color: #c0392b;
}
.callout-question,
.callout-help,
.callout-faq {
  --callout-color: #8e44ad;
}
.callout-quote,
.callout-cite {
  --callout-color: #7a7a7a;
}
.footnote-ref,
.footnote-backref {
  text-decoration: none;
}
.footnote {
  margin-top: 2em;
  padding-top: 0.5em;
  font-size: 0.9em;
  opacity: 0.9;
}
.footnote hr {
  margin-bottom: 0.5em;
}
.footnote ol {
  padding-inline-start: 1.2em;
}
.kik-document {
  margin: 0 auto;
  font-family: var(--document-font-family);
  font-size: 1.2rem;
  max-width: var(--quaive-document-max-width);
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.kik-document {
  --quaive-document-padding-left: 0;
  --quaive-document-padding-right: 0;
  --quaive-page-head-margin-bottom: 14px;
}
}
.kik-document:has(.page-module.type-excel) {
  --quaive-document-max-width: 100%;
}
.kik-document.type-task .pat-link-list li:last-child {
  margin-bottom: 0;
}
.kik-document.type-task .page-module.type-rich .pat-table.kik-attachment-tiles {
  margin-top: 3rem;
}
.kik-document.type-event,
.kik-document.type-email,
.kik-document:has(.document-hero-area) {
  --pat-well-background-colour: transparent;
  padding-top: var(--quaive-document-padding-top, 0);
  padding-bottom: var(--quaive-document-padding-bottom, 0);
  padding-bottom: var(--quaive-document-padding-left);
  display: grid;
  col-gap: 0;
  row-gap: 0;
  grid-template-columns: var(--quaive-document-padding-left, 0) minmax(0, auto) var(--quaive-document-padding-right, 0);
  grid-template-areas: 
			"hero hero hero"
			"padding-start content padding-end";
  grid-auto-flow: row;
  background-color: var(--quaive-document-background);
  box-shadow: var(--quaive-document-box-shadow);
  border-radius: var(--border-radii);
}
@container screen style(--screen-small: true) {
.kik-document.type-event,
.kik-document.type-email,
.kik-document:has(.document-hero-area) {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
.kik-document.type-event .quaive-page-modules,
.kik-document.type-email .quaive-page-modules,
.kik-document.type-task .quaive-page-modules,
.kik-document.type-rich .quaive-page-modules,
.kik-document:has(.document-hero-area) .quaive-page-modules {
  --quaive-document-background: transparent;
  --quaive-document-box-shadow: none;
  --pat-well-box-shadow: none;
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 1rem;
}
.kik-document:has(.document-hero-area) {
  background: var(--pat-surface-background-colour);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.kik-document.type-image .pat-well,
.kik-document.type-video .pat-well {
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
  --pat-well-margin-bottom: var(--grid-gutter);
  --pat-well-box-shadow: none;
  --pat-well-background-colour: transparent;
}
.kik-document.type-image .pat-well .pat-picture,
.kik-document.type-image .pat-well video,
.kik-document.type-video .pat-well .pat-picture,
.kik-document.type-video .pat-well video {
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  box-shadow: var(--quaive-document-box-shadow);
  overflow: hidden;
}
.kik-document.type-image .pat-well .pat-picture,
.kik-document.type-video .pat-well .pat-picture {
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.kik-document.type-image .pat-well figcaption,
.kik-document.type-video .pat-well figcaption {
  margin-top: 0.5em;
  font-size: 25px;
  color: var(--body-font-colour);
}
.kik-document.type-file {
  --file-download-border: var(--default-border);
  --quaive-file-download-background: var(--colour-base-background);
  --quaive-page-module-box-shadow: var(--quaive-document-box-shadow);
}
.kik-document.type-file .quaive-page-module {
  max-width: var(--quaive-document-message-max-width);
  margin: 100px auto;
}
.kik-document.type-office,
.kik-document.type-pdf,
.kik-document.type-word {
  box-shadow: none;
}
.kik-document.type-office .pat-well,
.kik-document.type-pdf .pat-well,
.kik-document.type-word .pat-well {
  box-shadow: none;
  --pat-well-background-colour: transparent;
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
}
.kik-document.type-office canvas,
.kik-document.type-office img,
.kik-document.type-pdf canvas,
.kik-document.type-pdf img,
.kik-document.type-word canvas,
.kik-document.type-word img {
  --pat-well-margin-bottom: var(--grid-gutter);
  border-radius: var(--border-radii-medium, var(--border-radii));
  background: white;
  box-shadow: var(--quaive-document-box-shadow);
  overflow: hidden;
  width: 100%;
}
.kik-document.type-office .pat-pdf > div,
.kik-document.type-pdf .pat-pdf > div,
.kik-document.type-word .pat-pdf > div {
  border-radius: var(--border-radii-medium, var(--border-radii));
  overflow: hidden;
}
.kik-document.type-rich,
.kik-document.type-markdown {
  --quaive-document-padding-top: 0;
  --quaive-document-padding-bottom: 0;
  --quaive-document-background: transparent;
  --quaive-document-box-shadow: none;
  padding-left: var(--quaive-document-padding-left, 0);
  padding-right: var(--quaive-document-padding-right, 0);
}
.kik-document.type-markdown {
  --quaive-page-module-background: transparent;
}
.kik-document.type-markdown .pat-well {
  margin: 2.5rem 0;
  border-radius: var(--border-radii-medium);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--body-font-colour) 15%, transparent);
  background: none;
  backdrop-filter: none;
}
.kik-document.type-markdown .front-matter {
  margin-top: 2rem;
}
.kik-document > .document-hero-area {
  grid-area: hero;
}
.kik-document > :not(.document-hero-area) {
  grid-column: 2;
  background: transparent;
}
.kik-document:has(.document-hero-area) {
  overflow: hidden;
  --quaive-document-padding-top: 0;
  --quaive-page-module-background: transparent;
}
.kik-document.type-article {
  --pat-well-box-shadow: none;
  --pat-well-background-colour: transparent;
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
  --quaive-page-module-background: transparent;
  --pat-rich-header-level-2-line-height: 3rem;
  --pat-rich-summary-font-size: 1.5rem;
  --pat-rich-summary-font-family: var(--font-family-serif);
  --pat-rich-summary-line-height: 2rem;
  --quaive-page-head-margin-bottom: 0;
  --article-padding-left:  120px;
  --article-padding-right: 120px;
  padding-top: 0;
  padding-bottom: 50px;
  display: grid;
  col-gap: 0;
  row-gap: 0;
  grid-template-columns: var(--article-padding-left, 0) minmax(0, auto) var(--article-padding-right, 0);
  grid-template-areas:
		    "blog-avatar blog-avatar blog-avatar"
			"top-start page-head top-end"
			"hero hero hero"
			"padding-start metadata padding-end"
			"padding-start content padding-end";
  grid-auto-flow: row;
}
.kik-document.type-article .quaive-page-modules {
  grid-area: content;
}
.kik-document.type-article .quaive-page-head {
  grid-area: page-head;
}
.kik-document.type-article .journal-hero {
  grid-area: hero;
  margin: 2.5rem auto 0;
  width: 100%;
}
.kik-document.type-article .journal-hero img {
  width: 100%;
  display: block;
}
.kik-document.type-article .journal-blog-author-avatar {
  grid-area: blog-avatar;
}
.kik-document.type-article .article-metadata {
  grid-area: metadata;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.4;
  margin-bottom: 1.2rem;
  margin-top: 2.5rem;
}
.kik-document.type-article .article-metadata a {
  color: var(--colour-accent);
}
.kik-document.type-article .article-metadata.with-avatar {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-rows: auto;
  column-gap: 0.8rem;
  row-gap: 0.1rem;
  align-items: center;
}
.kik-document.type-article .article-metadata.with-avatar .article-metadata-avatar {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.kik-document.type-article .article-metadata.with-avatar .article-metadata-avatar .pat-avatar {
  width: 2.6rem;
  height: 2.6rem;
}
.kik-document.type-article .article-metadata.with-avatar .article-metadata-credits {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.kik-document.type-article .article-metadata.with-avatar .article-metadata-date {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  font-weight: normal;
  opacity: 0.7;
}
@container screen style(--screen-small: true) {
.kik-document.type-article {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
.kik-document.type-holiday,
.kik-document.type-event {
  --quaive-document-padding-bottom: 50px;
  margin-bottom: 20px;
}
.kik-document.type-link .pat-button {
  font-size: 2em;
  margin: 0;
  line-height: 55px;
}
.kik-document.type-link p {
  text-align: center;
  margin-bottom: 1rem;
}
@container screen style(--screen-small: true) {
.quaive-document.type-article {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
@container screen style(--screen-small: true) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document.type-rich,
.quaive-document:has(.document-hero-area) {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
}
@container screen style(--screen-small: true) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document:has(.document-hero-area) {
  padding-top: 0;
}
}
@container screen style(--screen-small: true) {
.kik-document.type-event,
.kik-document.type-email,
.kik-document.type-task,
.kik-document.type-rich,
.kik-document:has(.document-hero-area) {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
}
@container screen style(--screen-small: true) {
.kik-document.type-event,
.kik-document.type-email,
.kik-document.type-task,
.kik-document:has(.document-hero-area) {
  padding-top: 0;
}
}
@container screen style(--screen-small: true) {
.document-content > :is(.quaive-document, .kik-document):has(> .document-hero-area) {
  overflow: visible;
}
}
@container screen style(--screen-small: true) {
.document-content > :is(.quaive-document, .kik-document) > .document-hero-area {
  --kik-hero-bleed-inline: var(--small-screen-padding);
  --kik-hero-bleed-top: var(--small-screen-padding);
  margin-inline: calc(-1 * var(--kik-hero-bleed-inline));
  margin-top: calc(-1 * var(--kik-hero-bleed-top));
  padding-top: calc(var(--quaive-document-hero-padding-top, 50px)
		                  + var(--kik-hero-bleed-top));
}
}
@container screen style(--screen-small: true) {
.document-content:has(.kik-win-main-toolbar) > :is(.quaive-document, .kik-document) > .document-hero-area {
  --kik-hero-bleed-top: calc(var(--kik-win-toolbar-height, 0px) + var(--small-screen-padding));
}
}
@container screen style(--screen-small: false) {
html.kik-one .document-content > :is(.quaive-document, .kik-document):has(> .document-hero-area) {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  max-width: none;
  width: 100%;
  grid-template-columns: 1fr minmax(0, var(--quaive-document-max-width)) 1fr;
}
}
@container screen style(--screen-small: false) {
html.kik-one .document-content > :is(.quaive-document, .kik-document):has(> .document-hero-area) .quaive-page-module {
  --quaive-page-module-background: transparent;
  --quaive-page-module-box-shadow: none;
  background-color: transparent;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--pat-container-width-medium);
  width: 100%;
}
}
@container screen style(--screen-small: false) {
html.kik-one .document-content > :is(.quaive-document, .kik-document) > .document-hero-area {
  --kik-hero-bleed-inline: var(--document-content-padding-left, 50px);
  --kik-hero-bleed-top: var(--document-content-padding-top, 50px);
  margin-inline: calc(-1 * var(--kik-hero-bleed-inline));
  margin-top: calc(-1 * var(--kik-hero-bleed-top));
  padding-top: var(--kik-win-toolbar-height);
}
}
@container screen style(--screen-small: false) {
html.kik-one .document-content > :is(.quaive-document, .kik-document) > .document-hero-area > .document-title {
  padding-inline: var(--kik-hero-bleed-inline, var(--document-content-padding-left, 50px));
}
}
@container screen style(--screen-small: false) {
html.kik-one .document-content:has(.kik-win-main-toolbar) > :is(.quaive-document, .kik-document) > .document-hero-area {
  --kik-hero-bleed-top: calc(var(--kik-win-toolbar-height) + var(--document-content-padding-top, 50px) - var(--kik-win-inset));
}
}
.document-insert {
  position: relative;
}
@media (hover: hover) {
.ProseMirror .document-insert:hover {
  outline: var(--kik-embed-selected-outline);
  outline-offset: 2px;
  border-radius: var(--border-radii);
}
}
.document-insert a {
  pointer-events: none;
}
.document-insert + .document-insert {
  margin-top: 1em;
}
.attachments-fragment-embed {
  --bullet-space-rich: 0;
  --pat-x-list-border-radius: var(--kik-document-block-radius);
  max-width: 550px;
  margin: 0 auto;
}
.attachments-fragment-embed .pat-table-box,
.attachments-fragment-embed .pat-table {
  margin: 0;
}
.attachments-fragment-embed .pat-table a.name {
  text-decoration: none !important;
}
.attachments-fragment-embed .type-diagram.document-preview.diagram-fragment {
  background: transparent;
}
.map-fragment-embed iframe,
.map-fragment-embed .map-embed-map {
  pointer-events: none;
}
.map-embed iframe,
.map-embed .map-embed-map {
  display: block;
  border-radius: var(--border-radii);
}
.kik-youtube-embed {
  max-width: 100%;
  margin: 0 auto;
}
.kik-youtube-embed iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: var(--border-radii);
}
.youtube-fragment-embed iframe {
  pointer-events: none;
}
.kik-twitter-embed {
  max-width: 100%;
  margin: 0 auto;
}
.kik-twitter-embed .twitter-tweet {
  margin-inline: auto;
}
.kik-twitter-embed iframe {
  border-radius: var(--kik-document-block-radius);
}
.x-fragment-embed iframe,
.x-fragment-embed .twitter-tweet {
  pointer-events: none;
}
.kik-media-embed {
  max-width: 100%;
  margin: 0 auto;
}
.kik-media-embed iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: var(--border-radii);
}
.kik-media-embed[data-variant="video"] iframe {
  aspect-ratio: 16 / 9;
  height: auto;
}
.kik-media-embed[data-variant="audio"] iframe {
  height: 152px;
}
.kik-media-embed[data-variant="tall"] iframe {
  height: 352px;
}
.kik-media-embed[data-variant="post"] iframe {
  height: 420px;
  max-width: 520px;
  margin-inline: auto;
}
.kik-applepodcasts-embed[data-variant="audio"] iframe {
  height: 175px;
}
.media-fragment-embed iframe,
.media-fragment-embed audio {
  pointer-events: none;
}
.kik-audio-embed {
  margin: 0 auto;
}
.kik-audio-embed audio {
  display: block;
  width: 100%;
}
.kik-contact-embed {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  max-width: 550px;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  border: 1px solid var(--gray-200, #e5e7eb);
  border-radius: var(--kik-document-block-radius);
}
.kik-contact-embed .kik-contact-embed-avatar {
  flex: 0 0 auto;
}
.kik-contact-embed .kik-contact-embed-body {
  min-width: 0;
}
.kik-contact-embed .name {
  margin: 0;
  font-weight: 600;
}
.kik-contact-embed .byline {
  margin: 0.1em 0 0.4em;
  opacity: 0.75;
  font-size: 0.9em;
}
.kik-contact-embed ul.data {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kik-contact-embed ul.data li {
  margin: 0.15em 0;
}
.kik-contact-embed ul.data li::before {
  content: none;
}
.kik-contact-embed ul.data li a {
  text-decoration: none;
}
@container screen style(--screen-small: true) {
.image-selector.film-roll-grid {
  --image-selector-columns: 4;
  --image-selector-gap: 7.5px;
}
}
@container screen style(--screen-small: true) {
.image-selector.film-roll-grid .item.image {
  padding: 0;
  background: none;
  box-shadow: none;
}
}
#directory-images:has(> #image-collection-images > .item) > .pat-message {
  display: none;
}
#directory-images:has(> #image-collection-images > .item) > .kik-photo-capture-form.pat-form {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.film-roll-item {
  position: relative;
}
.film-roll-item.kik-cam-uploading {
  animation: kik-cam-pulse 1.2s ease-in-out infinite;
}
.film-roll-item.kik-cam-failed {
  outline: 2px solid #b3261e;
  opacity: 0.6;
}
.film-roll-item > .film-roll-more {
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pat-surface-background-colour,
		                      rgba(0, 0, 0, 0.55));
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter, none);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter, none);
  color: var(--pat-toolbar-button-text-colour, #fff);
  font-size: 0;
  text-decoration: none;
  opacity: 0;
  transition: opacity 0.12s ease-in-out;
}
.film-roll-item > .film-roll-more > svg {
  width: 14px;
  height: 14px;
  margin: 0;
}
.film-roll-item > .film-roll-more:focus,
.film-roll-item > .film-roll-more:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
.film-roll-item:hover > .film-roll-more {
  opacity: 1;
}
}
@keyframes kik-cam-pulse {

	50% {
		opacity: 0.45;
	}
}
.film-roll-video-thumb {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100px;
  position: relative;
  overflow: hidden;
  background:
		radial-gradient(circle at center,
			rgba(255, 255, 255, .10), rgba(0, 0, 0, .04) 60%),
		#2b2f36;
}
.film-roll-video-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 22px;
  border-color: transparent transparent transparent rgba(255, 255, 255, .92);
  transform: translate(-40%, -50%);
}
.film-roll-video-poster {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.film-roll-video .film-roll-more {
  opacity: 1;
}
.film-roll-live {
  -webkit-touch-callout: none;
}
.film-roll-live > a {
  display: block;
  position: relative;
}
.film-roll-live .film-roll-motion {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.film-roll-live .film-roll-motion {
  transition: none;
}
}
.film-roll-live.live-playing .film-roll-motion {
  opacity: 1;
}
:root {
  --photo-tile-bg: white;
  --photo-tile-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  --photo-tile-padding: 0;
  --photo-tile-radius: 6px;
}
.kik-image-grid {
  --kik-image-grid-gap: 10px;
  --kik-image-grid-min-tile: 120px;
  --photo-tile-padding: 2px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--kik-image-grid-min-tile), 1fr));
  gap: var(--kik-image-grid-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.kik-image-grid > a {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: var(--photo-tile-bg);
  box-shadow: var(--photo-tile-shadow);
  padding: var(--photo-tile-padding);
  text-decoration: none;
  line-height: 0;
  border-radius: var(--photo-tile-radius);
}
.kik-image-grid > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: max(0px, calc(var(--photo-tile-radius) - var(--photo-tile-padding)));
}
.kik-image-grid > a:focus > img {
  opacity: 0.92;
  transition: opacity 0.15s ease-in-out;
}
@media (hover: hover) {
.kik-image-grid > a:hover > img {
  opacity: 0.92;
  transition: opacity 0.15s ease-in-out;
}
}
.kik-image-grid > a.kik-image-grid-video {
  background: #2b2f36;
  min-width: var(--kik-image-grid-min-tile);
  min-height: var(--kik-image-grid-min-tile);
}
.kik-image-grid > a.kik-image-grid-video.no-duration::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 22px;
  border-color: transparent transparent transparent rgba(255, 255, 255, .92);
  transform: translate(-40%, -50%);
  pointer-events: none;
}
.kik-image-grid > a.kik-image-grid-video > .video-duration {
  right: calc(var(--photo-tile-padding) + 4px);
  bottom: calc(var(--photo-tile-padding) + 4px);
}
.kik-image-grid > video {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #000;
  box-shadow: var(--photo-tile-shadow);
  border-radius: var(--photo-tile-radius);
}
.kik-image-grid > a.kik-image-grid-more {
  background: var(--colour-base);
  color: var(--body-font-colour);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.kik-image-grid > a.kik-image-grid-more::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-more) center / contain no-repeat;
  mask: var(--kik-svg-more) center / contain no-repeat;
  font-size: calc(var(--kik-image-grid-min-tile) * 0.45);
  line-height: 1;
  font-weight: normal;
  opacity: 0.6;
}
.kik-image-grid > a.kik-image-grid-more:focus {
  opacity: 0.92;
  transition: opacity 0.15s ease-in-out;
}
@media (hover: hover) {
.kik-image-grid > a.kik-image-grid-more:hover {
  opacity: 0.92;
  transition: opacity 0.15s ease-in-out;
}
}
.kik-image-grid:has(> a:only-child),
.kik-image-grid:has(> video:only-child) {
  display: block;
}
.kik-image-grid > video:only-child {
  aspect-ratio: auto 16 / 9;
  width: 100%;
  max-height: 60vh;
  object-fit: contain;
}
.kik-image-grid > a:only-child {
  aspect-ratio: auto;
  width: auto;
  max-width: 100%;
  max-height: 60vh;
  display: inline-block;
}
.kik-image-grid > a:only-child > img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 60vh;
  object-fit: contain;
}
@supports (grid-template-rows: masonry) {
.kik-image-grid {
  grid-template-rows: masonry;
}
}
@supports (grid-template-rows: masonry) {
.kik-image-grid > a:not(:only-child) {
  aspect-ratio: auto;
}
}
@supports (grid-template-rows: masonry) {
.kik-image-grid > a:not(:only-child) > img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
}
@supports (grid-template-rows: masonry) {
.kik-image-grid > a.kik-image-grid-video:not(:only-child) {
  min-height: var(--kik-image-grid-min-tile);
}
}
@supports (grid-template-rows: masonry) {
.kik-image-grid > video:not(:only-child) {
  aspect-ratio: auto 16 / 9;
  height: auto;
  object-fit: contain;
}
}
.documents-personal-table {
  width: 100%;
}
.documents-personal-table .item-name {
  text-align: left;
}
.documents-personal-table .item-name a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5em;
}
.documents-personal-table .item-name a.icon-file-word::before {
  color: var(--colour-file-icon-word);
}
.documents-personal-table .item-name a.icon-file-pages::before {
  color: var(--colour-file-icon-pages);
}
.documents-personal-table .item-name a.icon-file-excel::before {
  color: var(--colour-file-icon-excel);
}
.documents-personal-table .item-name a.icon-file-powerpoint::before {
  color: var(--colour-file-icon-powerpoint);
}
.documents-personal-table .item-name a.icon-file-pdf::before {
  color: var(--colour-file-icon-pdf);
}
.documents-personal-table .item-name a.icon-markdown::before {
  color: var(--colour-file-icon-markdown);
}
.documents-personal-table .item-name a.icon-doc-text::before {
  color: var(--colour-file-icon-text);
}
.documents-personal-table .item-name a.icon-folder::before {
  color: var(--colour-file-icon-folder);
}
.documents-personal-table .item-name a.icon-file-audio::before {
  color: var(--colour-file-icon-audio);
}
.documents-personal-table .item-name a.icon-picture-1::before {
  color: var(--colour-file-icon-image);
}
.documents-personal-table .item-name a.icon-file-image::before {
  color: var(--colour-file-icon-image);
}
.documents-personal-table .item-name a.icon-file-video::before {
  color: var(--colour-file-icon-video);
}
.documents-personal-table .item-name a.icon-sitemap::before {
  color: var(--colour-file-icon-diagram);
}
.documents-personal-table .item-name a .item-byline {
  display: block;
  color: var(--body-font-colour-light, inherit);
  font-size: 0.85em;
}
.documents-personal-table .item-size,
.documents-personal-table .item-modified {
  width: 1%;
  white-space: nowrap;
  color: var(--body-font-colour-light, inherit);
}
.documents-personal-table .item-size {
  text-align: right;
}
.documents-personal-table thead .item-size a {
  justify-content: flex-end;
}
.documents-personal-table thead th.item-location,
.documents-personal-table thead th.item-modified,
.documents-personal-table thead th.item-size,
.documents-personal-table thead th.functions {
  width: 1%;
  white-space: nowrap;
}
.documents-recent-table {
  table-layout: fixed;
}
.documents-recent-table thead th.item-location,
.documents-recent-table tbody td.item-location {
  width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-recent-table thead th.item-modified,
.documents-recent-table tbody td.item-modified {
  width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-recent-table thead th.functions,
.documents-recent-table tbody td.functions {
  width: 3.5rem;
}
.documents-recent-table .item-name {
  overflow: hidden;
}
.documents-recent-table .item-name a {
  max-width: 100%;
}
.documents-recent-table .item-name .link-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-personal-cards a.name.kik-film-roll-folder::before {
  color: var(--app-colour-images);
}
.documents-personal-cards a.name.kik-film-roll-folder {
  --ll-file-bg: color-mix(in srgb, var(--app-colour-images) 8%, #fff);
}
.documents-personal-cards a.name.kik-reminders-folder::before {
  color: var(--app-colour-reminders);
}
.documents-personal-cards a.name.kik-music-folder::before {
  color: var(--app-colour-music);
}
.documents-personal-cards a.name.kik-vault-folder::before {
  color: var(--font-color, currentColor);
}
.documents-personal-cards td.item-media[data-icon~="kik-film-roll-folder"] {
  --ll-file-bg: color-mix(in srgb, var(--app-colour-images) 8%, #fff);
}
.documents-personal-cards td.item-media[data-icon~="kik-film-roll-folder"] > svg {
  color: var(--app-colour-images);
}
.documents-personal-cards td.item-media[data-icon~="kik-reminders-folder"] > svg {
  color: var(--app-colour-reminders);
}
.documents-personal-cards td.item-media[data-icon~="kik-music-folder"] > svg {
  color: var(--app-colour-music);
}
.kikar-carousel {
  --kikar-carousel-slide-width: 100%;
  --kikar-carousel-gap: 1rem;
  --kikar-carousel-padding: 0;
  --kikar-carousel-radius: var(--border-radii, 0.75rem);
  --kikar-carousel-marker-size: 0.75rem;
  --kikar-carousel-marker-colour: rgba(0, 0, 0, 0.55);
  --kikar-carousel-marker-fill: rgba(255, 255, 255, 0.5);
  --kikar-carousel-marker-active-colour: var(--colour-accent, #0070f3);
  --kikar-carousel-marker-active-border: #fff;
  --kikar-carousel-button-size: 1.5rem;
  --kikar-carousel-button-glyph-size: 0.85rem;
  --kikar-carousel-button-glyph-colour: #fff;
  --kikar-carousel-button-bg: rgba(0, 0, 0, 0.6);
  --kikar-carousel-button-bg-hover: rgba(0, 0, 0, 0.85);
  --kikar-carousel-button-colour: #fff;
  --kikar-carousel-progress-colour: var(--colour-accent, #0070f3);
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--kikar-carousel-slide-width);
  gap: var(--kikar-carousel-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: var(--kikar-carousel-padding);
  position: relative;
  box-sizing: border-box;
  scroll-timeline: --kikar-carousel inline;
}
.kikar-carousel::-webkit-scrollbar {
  display: none;
}
.kikar-carousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--kikar-carousel-padding);
  height: 3px;
  width: calc(100% - 2 * var(--kikar-carousel-padding));
  background: var(--kikar-carousel-progress-colour);
  transform-origin: left;
  transform: scaleX(0);
  z-index: 20;
  pointer-events: none;
}
.kikar-carousel-item {
  scroll-snap-align: center;
  border-radius: var(--kikar-carousel-radius);
  overflow: clip;
  overflow-clip-margin: 0px;
  margin: 0;
  box-sizing: border-box;
  scroll-margin-block-start: 100vh;
}
.kikar-carousel-item:first-child {
  opacity: 1;
  transform: scale(1);
}
@keyframes kikar-carousel-fade-scale-in {

    from { opacity: 0.3; transform: scale(0.9); }
    to   { opacity: 1;   transform: scale(1); }
}
@keyframes kikar-carousel-progress {

    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}
@supports selector(::scroll-button(right)) {
.kikar-carousel {
  scrollbar-width: none;
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::-webkit-scrollbar {
  display: none;
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::scroll-button(inline-start),
.kikar-carousel::scroll-button(inline-end) {
  position: absolute;
  z-index: 10;
  display: grid;
  place-content: center;
  width: var(--kikar-carousel-button-size);
  height: var(--kikar-carousel-button-size);
  border-radius: 50%;
  content: "";
  background: var(--kikar-carousel-mark) center / var(--kikar-carousel-button-glyph-size) no-repeat,
                    var(--kikar-carousel-marker-active-colour);
  text-align: center;
  border: 2px solid transparent;
  transition: background 0.3s ease, transform 0.3s ease, opacity 0.2s ease;
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::scroll-button(inline-start) {
  --kikar-carousel-mark: var(--kik-svg-back-white);
  position-anchor: --kikar-carousel-marker-first;
  top: calc(anchor(center) - var(--kikar-carousel-button-size) / 2);
  inset-inline-end: calc(anchor(start) + 0.5rem);
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::scroll-button(inline-end) {
  --kikar-carousel-mark: var(--kik-svg-forward-white);
  position-anchor: --kikar-carousel-marker-last;
  top: calc(anchor(center) - var(--kikar-carousel-button-size) / 2);
  inset-inline-start: calc(anchor(end) + 0.5rem);
}
}
@supports selector(::scroll-button(right)) {
body[dir="rtl"] .kikar-carousel::scroll-button(inline-start) {
  --kikar-carousel-mark: var(--kik-svg-forward-white);
}
}
@supports selector(::scroll-button(right)) {
body[dir="rtl"] .kikar-carousel::scroll-button(inline-end) {
  --kikar-carousel-mark: var(--kik-svg-back-white);
}
}
@supports selector(::scroll-button(right)) {
@media (hover: hover) {
.kikar-carousel::scroll-button(inline-start):hover,
.kikar-carousel::scroll-button(inline-end):hover {
  background-color: var(--kikar-carousel-marker-active-colour);
  transform: scale(1.15);
}
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::scroll-button(inline-start):disabled,
.kikar-carousel::scroll-button(inline-end):disabled {
  opacity: 0.3;
  cursor: default;
  transform: none;
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel:has(> .kikar-carousel-item:only-child)::scroll-button(inline-start),
.kikar-carousel:has(> .kikar-carousel-item:only-child)::scroll-button(inline-end) {
  display: none;
}
}
nav.kikar-carousel-dots {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 0;
  list-style: none;
  margin: 0 0 27px;
  container-type: inline-size;
  container-name: kikar-carousel-nav;
}
nav.kikar-carousel-dots:has(.kc-dot:only-of-type) {
  display: none !important;
}
.kikar-carousel-dots .kc-dot {
  display: block;
  width: var(--kikar-carousel-marker-size, 0.75rem);
  height: var(--kikar-carousel-marker-size, 0.75rem);
  border-radius: 50%;
  background: var(--kikar-carousel-marker-fill, rgba(255, 255, 255, 0.5));
  border: 1px solid var(--kikar-carousel-marker-colour, rgba(0, 0, 0, 0.55));
  box-sizing: border-box;
  text-decoration: none;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  cursor: default;
}
.kikar-carousel-dots .kc-dot:focus-visible {
  background: var(--kikar-carousel-marker-active-colour, #0070f3);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.15);
}
@media (hover: hover) {
.kikar-carousel-dots .kc-dot:hover {
  background: var(--kikar-carousel-marker-active-colour, #0070f3);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.15);
}
}
.kikar-carousel-dots .kc-arrow {
  display: none;
  flex: 1 1 0;
  min-width: var(--kikar-carousel-button-size, 1.5rem);
  align-self: stretch;
  min-height: var(--kikar-carousel-button-size, 1.5rem);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
}
.kikar-carousel-dots .kc-arrow::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--kikar-carousel-button-size, 1.5rem);
  height: var(--kikar-carousel-button-size, 1.5rem);
  border-radius: 50%;
  background-color: var(--pat-surface-background-colour,
                          var(--kikar-carousel-marker-active-colour,
                              var(--colour-accent, #0070f3)));
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter, none);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter, none);
  color: var(--pat-toolbar-button-text-colour,
               var(--kikar-carousel-button-glyph-colour, #fff));
  font-size: var(--kikar-carousel-button-glyph-size, 0.85rem);
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  box-sizing: border-box;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.kikar-carousel-dots .kc-arrow {
  position: relative;
}
.kikar-carousel-dots .kc-arrow::before {
  content: "";
}
.kikar-carousel-dots .kc-arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: calc(0.6 * var(--kikar-carousel-button-size, 1.5rem));
  height: calc(0.6 * var(--kikar-carousel-button-size, 1.5rem));
  pointer-events: none;
  background-color: var(--pat-toolbar-button-text-colour,
                          var(--kikar-carousel-button-glyph-colour, #fff));
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.kikar-carousel-dots .kc-arrow.kc-prev::after {
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
}
body[dir="rtl"] .kikar-carousel-dots .kc-arrow.kc-prev::after {
  -webkit-mask-image: var(--kik-svg-angle-right);
  mask-image: var(--kik-svg-angle-right);
}
body[dir="rtl"] .kikar-carousel-dots .kc-arrow.kc-next::after {
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
}
.kikar-carousel-dots .kc-arrow.kc-disabled {
  opacity: 0.3;
  pointer-events: none;
}
@container kikar-carousel-nav (min-width: 22rem) {
.kikar-carousel-dots .kc-arrow {
  min-width: 4rem;
}
}
.kikar-carousel-dots .kc-arrow:focus-visible::before {
  transform: scale(1.08);
}
@media (hover: hover) {
.kikar-carousel-dots .kc-arrow:hover::before {
  transform: scale(1.08);
}
}
.kikar-carousel:has(.kikar-carousel-item[id$="-1"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="1"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-2"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="2"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-3"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="3"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-4"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="4"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-5"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="5"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-6"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="6"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-7"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="7"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-8"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="8"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-9"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="9"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-10"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="10"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-11"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="11"] {
  display: inline-flex;
}
.kikar-carousel:has(.kikar-carousel-item[id$="-12"]:target) ~ .kikar-carousel-dots .kc-arrow[data-for="12"] {
  display: inline-flex;
}
.kikar-carousel:not(:has(.kikar-carousel-item:target)) ~ .kikar-carousel-dots .kc-arrow[data-for="1"] {
  display: inline-flex;
}
@supports (scroll-marker-group: after) {
.kikar-carousel {
  scroll-marker-group: after;
  margin-bottom: 27px;
}
}
@supports (scroll-marker-group: after) {
.kikar-carousel::scroll-marker-group {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 4rem;
}
}
@supports (scroll-marker-group: after) {
.kikar-carousel-item::scroll-marker {
  content: "";
  flex: none;
  box-sizing: border-box;
  width: var(--kikar-carousel-marker-size);
  height: var(--kikar-carousel-marker-size);
  border-radius: 50%;
  background: var(--kikar-carousel-marker-fill);
  border: 1px solid var(--kikar-carousel-marker-colour);
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
}
@supports (scroll-marker-group: after) {
.kikar-carousel-item:first-child::scroll-marker {
  anchor-name: --kikar-carousel-marker-first;
}
}
@supports (scroll-marker-group: after) {
.kikar-carousel-item:last-child::scroll-marker {
  anchor-name: --kikar-carousel-marker-last;
}
}
@supports (scroll-marker-group: after) {
.kikar-carousel-item::scroll-marker:target-current {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border);
  transform: scale(1.3);
}
}
@supports (scroll-marker-group: after) {
nav.kikar-carousel-dots {
  display: none !important;
}
}
@supports (scroll-marker-group: after) {
.kikar-carousel:has(> .kikar-carousel-item:only-child)::scroll-marker-group {
  display: none;
}
}
.kikar-carousel:has(.kikar-carousel-item[id$="-1"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-1"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-2"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-2"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-3"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-3"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-4"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-4"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-5"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-5"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-6"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-6"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-7"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-7"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-8"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-8"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-9"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-9"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-10"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-10"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-11"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-11"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
.kikar-carousel:has(.kikar-carousel-item[id$="-12"]:target) ~ .kikar-carousel-dots .kc-dot[href$="-12"] {
  background: var(--kikar-carousel-marker-active-colour);
  border: 1px solid var(--kikar-carousel-marker-active-border, #fff);
  transform: scale(1.3);
}
@supports (animation-timeline: view()) {
.kikar-carousel-item:not(:first-child) {
  animation: kikar-carousel-fade-scale-in 1s linear both;
  animation-timeline: view(inline);
  animation-range: entry 0% entry 100%;
}
}
@supports (animation-timeline: view()) {
.kikar-carousel::before {
  animation: kikar-carousel-progress 1s linear both;
  animation-timeline: --kikar-carousel;
}
}
@media (prefers-reduced-motion: reduce) {
.kikar-carousel-item,
.kikar-carousel::before {
  animation: none;
  animation-timeline: none;
  animation-range: normal;
}
}
@media (prefers-reduced-motion: reduce) {
.kikar-carousel {
  scroll-behavior: auto;
}
}
.kikar-carousel-item.tip-card {
  --tip-card-padding: 1.5rem;
  --tip-card-bg: color-mix(in srgb, var(--app-colour) 10%, var(--colour-base-light, #fff));
  --tip-card-border: 1px solid color-mix(in srgb, var(--app-colour) 35%, var(--colour-base-light, #fff));
  --tip-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  --tip-card-close-size: 1.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: var(--tip-card-padding);
  background: var(--tip-card-bg);
  border: var(--tip-card-border);
  box-shadow: var(--tip-card-shadow);
}
.kikar-carousel-item.tip-card .tip-card-dismiss {
  position: absolute;
  top: var(--tip-card-padding);
  inset-inline-end: var(--tip-card-padding);
  margin: 0;
  padding: 0;
}
.kikar-carousel-item.tip-card .tip-card-close {
  display: grid;
  place-content: center;
  width: var(--tip-card-close-size);
  height: var(--tip-card-close-size);
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.06);
  color: var(--colour-byline, #888);
  font-size: 0.9rem;
  line-height: 1;
  padding: 0;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.kikar-carousel-item.tip-card .tip-card-close::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
}
.kikar-carousel-item.tip-card .tip-card-close:focus-visible {
  background: rgba(0, 0, 0, 0.12);
  color: var(--body-font-colour, #1a1a1a);
  transform: scale(1.08);
}
@media (hover: hover) {
.kikar-carousel-item.tip-card .tip-card-close:hover {
  background: rgba(0, 0, 0, 0.12);
  color: var(--body-font-colour, #1a1a1a);
  transform: scale(1.08);
}
}
.kikar-carousel-item.tip-card .tip-card-step {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--colour-byline, #888);
}
.kikar-carousel-item.tip-card .tip-card-icon {
  display: inline-grid;
  place-content: center;
  width: 3.5rem;
  height: 3.5rem;
  box-sizing: border-box;
  border-radius: calc(0.5 * var(--border-radii));
  border: 1px solid var(--app-colour);
  background: #fff;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.kikar-carousel-item.tip-card .tip-card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15%;
  box-sizing: border-box;
}
.kikar-carousel-item.tip-card .tip-card-icon:focus-visible {
  transform: scale(1.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
@media (hover: hover) {
.kikar-carousel-item.tip-card .tip-card-icon:hover {
  transform: scale(1.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
}
.kikar-carousel-item.tip-card .tip-card-icon.app-icon svg * {
  outline: var(--app-colour) !important;
  fill: transparent;
}
.kikar-carousel-item.tip-card .tip-card-cta {
  margin-top: auto;
  background: var(--app-colour, var(--colour-accent)) !important;
  border-color: var(--app-colour, var(--colour-accent)) !important;
  color: #fff !important;
}
@media (hover: hover) {
.kikar-carousel-item.tip-card .tip-card-cta:hover {
  filter: saturate(1.5) contrast(1.5) brightness(1.5);
}
}
.kikar-carousel-item.tip-card h2 {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--body-font-colour, #1a1a1a);
}
.kikar-carousel-item.tip-card p {
  margin: 0;
  color: var(--colour-body-secondary, var(--body-font-colour, #444));
  line-height: 1.5;
}
.kikar-carousel-item.tip-card .tip-card-cta {
  align-self: flex-start;
  margin-top: auto;
}
.kikar-carousel.dashboard-tips {
  margin-bottom: var(--dashboard-grid-gutter, 20px);
}
.kikar-carousel-dots .kc-arrow::before {
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18), 0 4px 14px rgb(0 0 0 / 0.16);
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::scroll-button(inline-start),
.kikar-carousel::scroll-button(inline-end) {
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18), 0 4px 14px rgb(0 0 0 / 0.16);
}
}
@media (hover: hover) {
.kikar-carousel-dots .kc-arrow::before,
.kikar-carousel-dots .kc-arrow::after {
  opacity: 0;
}
}
@media (hover: hover) {
:hover > .kikar-carousel-dots .kc-arrow::before,
:hover > .kikar-carousel-dots .kc-arrow::after,
.kikar-carousel-dots .kc-arrow:focus-visible::before,
.kikar-carousel-dots .kc-arrow:focus-visible::after {
  opacity: 1;
}
}
@supports selector(::scroll-button(right)) {
@media (hover: hover) {
.kikar-carousel::scroll-button(inline-start),
.kikar-carousel::scroll-button(inline-end) {
  opacity: 0;
}
}
}
@supports selector(::scroll-button(right)) {
@media (hover: hover) {
:hover > .kikar-carousel::scroll-button(inline-start),
:hover > .kikar-carousel::scroll-button(inline-end),
.kikar-carousel::scroll-button(inline-start):focus-visible,
.kikar-carousel::scroll-button(inline-end):focus-visible {
  opacity: 1;
}
}
}
@supports selector(::scroll-button(right)) {
@media (hover: hover) {
:hover > .kikar-carousel::scroll-button(inline-start):disabled,
:hover > .kikar-carousel::scroll-button(inline-end):disabled {
  opacity: 0.3;
}
}
}
.kik-update-notes {
  margin: 0.4em 0 0.6em;
  max-height: 40vh;
  overflow-y: auto;
}
.kik-update-notes .kik-update-version {
  margin: 0 0 0.25em;
  font-weight: 600;
}
.kik-update-notes li {
  margin: 0.15em 0;
}
.kik-sikkels {
  --kik-sikkel-image: url("/assets/libraries/kikaron/sikkel-pattern/artefacts/sikkels.svg");
  --kik-sikkel-tile: 320px;
  --kik-sikkel-colour: currentColor;
  --kik-sikkel-opacity: 0.1;
  position: relative;
  isolation: isolate;
}
.kik-sikkels::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--kik-sikkel-colour);
  mask-image: var(--kik-sikkel-image);
  mask-repeat: repeat;
  mask-size: var(--kik-sikkel-tile) auto;
  -webkit-mask-image: var(--kik-sikkel-image);
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: var(--kik-sikkel-tile) auto;
  opacity: var(--kik-sikkel-opacity);
}
.kik-sikkels.small {
  --kik-sikkel-tile: 200px;
}
.kik-sikkels.large {
  --kik-sikkel-tile: 520px;
}
.kik-sikkels.bold {
  --kik-sikkel-opacity: 0.22;
}
.kik-sikkels.faint {
  --kik-sikkel-opacity: 0.05;
}
@media print {
.kik-sikkels::before {
  display: none;
}
}
#application-body-workspaces .document-content.launchpad,
#application-body-documents .document-content.launchpad {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.pat-link-list.tile-icons {
  --bullet-space: 20px;
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-emergency-service {
  --kik-linklist-mark: var(--kik-svg-alarm);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-powerpoint {
  --kik-linklist-mark: var(--kik-svg-file-powerpoint);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-word {
  --kik-linklist-mark: var(--kik-svg-file-word);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-job {
  --kik-linklist-mark: var(--kik-svg-briefcase);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-excel {
  --kik-linklist-mark: var(--kik-svg-file-excel);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-folder {
  --kik-linklist-mark: var(--kik-svg-folder);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-youtube {
  --kik-linklist-mark: var(--kik-svg-play);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-external-video {
  --kik-linklist-mark: var(--kik-svg-video);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-task {
  --kik-linklist-mark: var(--kik-svg-ok);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-pdf {
  --kik-linklist-mark: var(--kik-svg-document);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-people,
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-contacts {
  --kik-linklist-mark: var(--kik-svg-users);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-post {
  --kik-linklist-mark: var(--kik-svg-pin);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-rich {
  --kik-linklist-mark: var(--kik-svg-document);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-news {
  --kik-linklist-mark: var(--kik-svg-newspaper);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-library-item {
  --kik-linklist-mark: var(--kik-svg-feather);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-library-section {
  --kik-linklist-mark: var(--kik-svg-grid);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-library-subsection {
  --kik-linklist-mark: var(--kik-svg-grid);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-event {
  --kik-linklist-mark: var(--kik-svg-calendar);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-workspace {
  --kik-linklist-mark: var(--kik-svg-workspace);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-super-space,
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-superspace {
  --kik-linklist-mark: var(--kik-svg-workspace);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-image {
  --kik-linklist-mark: var(--kik-svg-picture);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-diagram {
  --kik-linklist-mark: var(--kik-svg-sitemap);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-slideshow {
  --kik-linklist-mark: var(--kik-svg-slides);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-question {
  --kik-linklist-mark: var(--kik-svg-help);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-link {
  --kik-linklist-mark: var(--kik-svg-link);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-zip {
  --kik-linklist-mark: var(--kik-svg-archive);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-file-archive {
  --kik-linklist-mark: var(--kik-svg-archive);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-app {
  --kik-linklist-mark: var(--kik-svg-app);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-audio {
  --kik-linklist-mark: var(--kik-svg-volume);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-video {
  --kik-linklist-mark: var(--kik-svg-video);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-contract {
  --kik-linklist-mark: var(--kik-svg-users);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-file {
  --kik-linklist-mark: var(--kik-svg-document);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-email {
  --kik-linklist-mark: var(--kik-svg-mail);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-plain-text {
  --kik-linklist-mark: var(--kik-svg-document);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-link-external {
  --kik-linklist-mark: var(--kik-svg-open-external);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-link-internal {
  --kik-linklist-mark: var(--kik-svg-link);
}
:is(.pat-link-list, .link-list) li :is(a, .group-title).type-tag {
  --kik-linklist-mark: var(--kik-svg-tag);
}
.pat-link-list li:has(> a.pat-lazy-load) {
  grid-column: 1 / -1;
  column-span: all;
  break-inside: avoid;
}
.pat-link-list li:has(> a.pat-lazy-load) a.pat-lazy-load {
  background: none;
  border: 0;
  box-shadow: none;
  padding-inline: 0;
}
.pat-link-list li:has(> a.pat-lazy-load) a.pat-lazy-load:not(.infinite-scrolling) {
  padding-block: 0;
}
.pat-link-list li a:not(.tile-icon, .tile-icons *, .pat-lazy-load, .more, :has(> .icon, > .event-date, > svg.kik-icon, > svg.kik-file-mark)):is([class*="icon-"], [class*="type-"])::before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-linklist-mark, var(--kik-icon-svg, var(--kik-svg-angle-right))) center / contain no-repeat;
  mask: var(--kik-linklist-mark, var(--kik-icon-svg, var(--kik-svg-angle-right))) center / contain no-repeat;
}
.pat-link-list li a.icon-file-word {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-word) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-word::before,
.pat-link-list li a.icon-file-word > svg {
  color: var(--colour-file-icon-word);
}
.pat-link-list li a.icon-file-pages {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-pages) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-pages::before,
.pat-link-list li a.icon-file-pages > svg {
  color: var(--colour-file-icon-pages);
}
.pat-link-list li a.icon-file-excel {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-excel) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-excel::before,
.pat-link-list li a.icon-file-excel > svg {
  color: var(--colour-file-icon-excel);
}
.pat-link-list li a.icon-file-powerpoint {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-powerpoint) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-powerpoint::before,
.pat-link-list li a.icon-file-powerpoint > svg {
  color: var(--colour-file-icon-powerpoint);
}
.pat-link-list li a.icon-file-pdf {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-pdf) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-pdf::before,
.pat-link-list li a.icon-file-pdf > svg {
  color: var(--colour-file-icon-pdf);
}
.pat-link-list li a.icon-markdown {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-markdown) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-markdown::before,
.pat-link-list li a.icon-markdown > svg {
  color: var(--colour-file-icon-markdown);
}
.pat-link-list li a.icon-doc-text {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-text) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-doc-text::before,
.pat-link-list li a.icon-doc-text > svg {
  color: var(--colour-file-icon-text);
}
.pat-link-list li a.icon-folder {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-folder) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-folder::before,
.pat-link-list li a.icon-folder > svg {
  color: var(--colour-file-icon-folder);
}
.pat-link-list li a.icon-file-audio {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-audio) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-audio::before,
.pat-link-list li a.icon-file-audio > svg {
  color: var(--colour-file-icon-audio);
}
.pat-link-list li a.icon-picture-1 {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-image) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-picture-1::before,
.pat-link-list li a.icon-picture-1 > svg {
  color: var(--colour-file-icon-image);
}
.pat-link-list li a.icon-file-image {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-image) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-image::before,
.pat-link-list li a.icon-file-image > svg {
  color: var(--colour-file-icon-image);
}
.pat-link-list li a.icon-file-video {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-video) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-file-video::before,
.pat-link-list li a.icon-file-video > svg {
  color: var(--colour-file-icon-video);
}
.pat-link-list li a.icon-sitemap {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-diagram) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.icon-sitemap::before,
.pat-link-list li a.icon-sitemap > svg {
  color: var(--colour-file-icon-diagram);
}
.pat-link-list li a.type-passage {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-chokhmah) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.type-passage::before,
.pat-link-list li a.type-passage > svg {
  color: var(--colour-file-icon-chokhmah);
}
.pat-link-list li a.type-news-article {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-news-article) 8%, var(--kik-file-tile-ground, #fff));
}
.pat-link-list li a.type-news-article::before,
.pat-link-list li a.type-news-article > svg {
  color: var(--colour-file-icon-news-article);
}
.pat-link-list li a .item-summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  color: var(--body-font-colour);
}
.pat-link-list li a .item-title .counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-inline-start: 6px;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: white;
  background-color: red;
  border: white 1px solid;
  border-radius: 10px;
}
.pat-link-list li a:has(.item-summary) .item-byline {
  display: none;
}
.application-write .pat-link-list,
.application-calculate .pat-link-list,
.application-present .pat-link-list,
.application-notes .pat-link-list {
  margin-bottom: 40px;
}
.pat-link-list li a.icon-file-powerpoint:has(> .preview) > figure.preview {
  aspect-ratio: 16 / 9;
}
.application-present .pat-link-list li a:has(> .preview) > .preview {
  aspect-ratio: auto;
  height: auto;
  align-self: start;
}
.application-present .pat-link-list li a:has(> .preview) > figure.preview > img {
  object-fit: contain;
}
.link-list {
  line-height: 1.3;
}
@container screen style(--screen-large: true) {
.link-list.col-2 {
  column-count: 2;
}
}
@container screen style(--screen-large: true) {
.link-list.col-3 {
  column-count: 3;
}
}
@container screen style(--screen-large: true) {
.link-list.col-4 {
  column-count: 4;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.link-list.col-2 {
  column-count: 2;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.link-list.col-3 {
  column-count: 3;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.link-list.col-4 {
  column-count: 3;
}
}
.aside-block .link-list {
  margin-bottom: 1em;
  margin-left: 25px;
}
@container screen style(--screen-small: false) {
.aside-block .link-list {
  font-size: 0.8em;
}
}
.link-list.compact li {
  margin: 0;
  padding-bottom: 0.4em;
}
.link-list.compact li ul {
  padding: 0 0 var(--bullet-space) 0;
}
.link-list.expanded li {
  padding-bottom: 0.4em;
}
.link-list.no-spread li {
  overflow: hidden;
}
.link-list li {
  margin: 0;
  border-bottom: 0.3em solid transparent;
  padding: 0;
}
.link-list li.warning a:not([class*="icon-"])::before {
  content: '';
  --kik-linklist-mark: var(--kik-svg-attention);
  color: var(--colour-orange);
  line-height: 1.5;
  font-size: 0.7em;
}
.link-list li a,
.link-list li .group-title {
  display: block;
  font-weight: normal;
  margin-left: 0;
  padding: 0 0.5em 0 var(--bullet-space);
  position: relative;
}
.link-list li a .item-title,
.link-list li .group-title .item-title {
  display: block;
  font-weight: bold;
}
.link-list li a .item-summary,
.link-list li .group-title .item-summary {
  font-weight: normal;
  color: var(--body-font-colour);
}
.link-list li a .link-title,
.link-list li .group-title .link-title {
  font-weight: normal;
  font-size: inherit;
  font-size: inherit;
  line-height: inherit;
}
.link-list li a .link-byline,
.link-list li .group-title .link-byline {
  font-size: 0.8888888889rem;
  line-height: 1.6875;
  font-weight: normal;
  color: #535353;
  margin: 0;
  text-decoration: none !important;
}
.link-list li a[href],
.link-list li .group-title[href] {
  color: var(--colour-link);
}
@media (hover: hover) {
.link-list li a[href]:hover,
.link-list li .group-title[href]:hover {
  text-decoration: underline;
  color: var(--colour-dark-blue-d);
}
}
@media (hover: hover) {
.link-list li a[href]:hover .classification-tags .classification-tag,
.link-list li .group-title[href]:hover .classification-tags .classification-tag {
  text-decoration: none;
}
}
@media (hover: hover) {
.link-list li a[href]:hover:has(.link-title),
.link-list li .group-title[href]:hover:has(.link-title) {
  text-decoration: none;
}
}
@media (hover: hover) {
.link-list li a[href]:hover .link-byline,
.link-list li .group-title[href]:hover .link-byline {
  text-decoration: none !important;
}
}
@media (hover: hover) {
.link-list li a[href]:hover .link-title,
.link-list li .group-title[href]:hover .link-title {
  text-decoration: underline;
}
}
.-ms- .link-list li a,
.-ms- .link-list li .group-title {
  text-decoration: none;
}
.link-list li a:before,
.link-list li .group-title:before {
  margin-left: calc(-1 * var(--bullet-space));
  font-weight: normal;
  float: left;
  text-decoration: none;
  width: var(--bullet-space);
  text-align: left;
  speak: none;
  display: inline-block;
  line-height: 1.3;
  height: 1lh;
  position: absolute;
}
body[dir=rtl] .link-list li a:before,
body[dir=rtl] .link-list li .group-title:before {
  text-align: right;
}
.link-list li a:not(:has(> svg.kik-icon, > svg.kik-file-mark)):before,
.link-list li .group-title:not(:has(> svg.kik-icon, > svg.kik-file-mark)):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-linklist-mark, var(--kik-icon-svg, var(--kik-svg-angle-right))) left center / 1em no-repeat;
  mask: var(--kik-linklist-mark, var(--kik-icon-svg, var(--kik-svg-angle-right))) left center / 1em no-repeat;
}
body[dir=rtl] .link-list li a:before,
body[dir=rtl] .link-list li .group-title:before {
  -webkit-mask-position: right center;
  mask-position: right center;
}
.link-list li:before {
  display: none;
}
ul.links {
  display: block;
  margin-bottom: 1rem;
}
ul.links li {
  display: block;
  padding: 0;
}
ul.links li:before {
  display: none;
}
ul.links li a {
  display: block;
  padding: 0.2em 0;
}
@container screen style(--screen-large: true) {
ul.links li.col-2 {
  column-count: 2;
  overflow: hidden;
}
}
@container screen style(--screen-large: true) {
ul.links li.col-3 {
  column-count: 3;
  overflow: hidden;
}
}
@container screen style(--screen-large: true) {
ul.links li.col-4 {
  column-count: 4;
  overflow: hidden;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
ul.links li.col-2 {
  column-count: 2;
  overflow: hidden;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
ul.links li.col-3 {
  column-count: 3;
  overflow: hidden;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
ul.links li.col-4 {
  column-count: 3;
  overflow: hidden;
}
}
ul.links.tablesque {
  list-style-type: none;
  padding: 0 0 0 8px;
  margin-left: 0;
  line-height: 28px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  display: table;
  width: 100%;
}
ul.links.tablesque li {
  list-style-type: none;
  position: relative;
  display: table-row;
}
ul.links.tablesque li.user-account .user-name {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0.4em 0;
}
ul.links.tablesque li.user-account .functions {
  display: table-cell;
  position: relative;
  top: 0;
  right: 0;
  padding: 0.2em 0;
  float: none;
  vertical-align: middle;
}
ul.links.tablesque li.user-account .functions .user-status,
ul.links.tablesque li.user-account .functions .button {
  border-radius: 1em;
  padding: 0em 1em 0em 1em;
  background-color: rgba(black, 0.15);
  color: var(--body-font-colour);
  margin-right: 0.3em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  display: inline-block;
  line-height: 1.4em;
  font-size: 0.8em;
}
@media (hover: hover) {
ul.links.tablesque li.user-account .functions .user-status:hover,
ul.links.tablesque li.user-account .functions .button:hover {
  background-color: rgba(black, 0.20);
  color: var(--body-font-colour);
  text-decoration: none;
}
}
ul.links.tablesque li.user-account .functions .user-status:active,
ul.links.tablesque li.user-account .functions .button:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3);
}
ul.links.tablesque li.user-account.status-active .user-status {
  background-color: green;
  color: white;
}
@media (hover: hover) {
ul.links.tablesque li.user-account.status-active .user-status:hover {
  background-color: rgb(0, 90, 0);
  color: white;
}
}
ul.links.tablesque li.user-account.status-denied .user-status {
  background-color: red;
  color: white;
}
@media (hover: hover) {
ul.links.tablesque li.user-account.status-denied .user-status:hover {
  background-color: rgb(153, 0, 0);
  color: white;
}
}
ul.links.tablesque li.user-account.status-pending .user-status {
  background-color: orange;
  color: white;
}
@media (hover: hover) {
ul.links.tablesque li.user-account.status-pending .user-status:hover {
  background-color: rgb(204, 102, 0);
  color: white;
}
}
ul.links.tablesque li.user-account.status-inactive .user-status {
  background-color: steelblue;
  color: white;
}
@media (hover: hover) {
ul.links.tablesque li.user-account.status-inactive .user-status:hover {
  background-color: rgb(48, 96, 135);
  color: white;
  text-decoration: none;
}
}
@media (hover: hover) {
ul.links.tablesque li:hover {
  background-color: rgba(0,0,0,0.05);
}
}
ul.links.tablesque li:before {
  background-color: #dadada;
  height: 1px;
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  left: 0;
}
ul.links.tablesque li .functions {
  float: right;
  position: absolute;
  right: 8px;
  top: 0.4em;
}
ul.links.tablesque li .functions a,
ul.links.tablesque li .functions button,
ul.links.tablesque li .functions select {
  color: gray;
  float: right;
  cursor: default;
}
@media (hover: hover) {
ul.links.tablesque li .functions a:hover {
  color: var(--body-font-colour);
}
}
ul.links.tablesque li .pat-avatar {
  width: 2.3em;
  height: 2.3em;
  font-size: 0.8em;
  margin-bottom: -0.6em;
  margin-right: 0.2em;
}
.pat-link-list .status-read .item-title,
.pat-link-list .status-read .title-text {
  font-weight: normal !important;
}
.pat-link-list .status-read .item-byline {
  opacity: 0.6;
}
.pat-link-list a:not([href]) {
  cursor: default;
}
@media (hover: hover) {
.pat-link-list a:not([href]):hover,
.pat-link-list a:not([href]):hover .item-title,
.pat-link-list a:not([href]):hover .link-title {
  text-decoration: none !important;
}
}
@media (hover: hover) {
.pat-link-list a.current[href]:hover,
.pat-link-list a.current[href]:hover .item-title,
.pat-link-list a.current[href]:hover .link-title {
  text-decoration: none;
  color: var(--colour-link);
}
}
.pat-link-list a.icon-mail::before {
  color: var(--app-colour-mail, #0F6CBD);
}
@media (hover: hover) {
.pat-link-list.tile-icons li a.icon-file-audio:not(.pat-lazy-load):not(:has(> .preview)):hover::before {
  color: transparent;
  background:
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M8 5.5v13l11-6.5z"/></svg>')
        center / 38% no-repeat,
      linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)),
      var(--ll-file-bg, rgba(0, 0, 0, 0.02));
  background-clip: padding-box;
}
}
.pat-link-list li a > .kik-audio-tile {
  display: block;
  position: relative;
  overflow: hidden;
}
.pat-link-list li a > .kik-audio-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (hover: hover) {
.pat-link-list li a > .kik-audio-tile::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
      rgba(0, 0, 0, 0.38)
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M8 5.5v13l11-6.5z"/></svg>')
      center / 38% no-repeat;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease-out;
}
}
@media (hover: hover) {
.pat-link-list li a:hover > .kik-audio-tile::after {
  opacity: 1;
}
}
.pat-link-list > li {
  animation: ll-fade-in 0.25s ease-out both;
}
.pat-link-list li a > .icon img,
.pat-link-list li a > .preview img {
  animation: ll-fade-in 0.35s ease-out both;
}
@keyframes ll-fade-in {

  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.pat-link-list > li,
.pat-link-list li a > .icon img,
.pat-link-list li a > .preview img {
  animation: none;
}
}
.pat-link-list.columns-none,
.pat-link-list:not(.cards):not(.cards-auto) {
  --pat-x-list-scrim-colour:
    var(--application-body-background-colour, var(--colour-canvas, white));
}
.pat-link-list.cards li a:where(:not(.pat-lazy-load)),
.pat-link-list li a.card:where(:not(.pat-lazy-load)) {
  background-color: var(--pat-surface-background-colour);
  -webkit-backdrop-filter: var(--pat-surface-backdrop-filter);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
@media (hover: hover) {
.pat-link-list.cards li:hover > a:where(:not(.pat-lazy-load)):not(.more),
.pat-link-list li:hover > a.card:where(:not(.pat-lazy-load)):not(.more) {
  background-color: var(--pat-surface-background-colour-highlight);
  -webkit-backdrop-filter: var(--pat-surface-backdrop-filter);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
@container (min-width: calc(38em + 10px)) {
.pat-link-list.cards-auto:not(.columns-none) li a:where(:not(.pat-lazy-load)) {
  background-color: var(--pat-surface-background-colour);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
}
}
@container (min-width: calc(38em + 10px)) {
@media (hover: hover) {
.pat-link-list.cards-auto:not(.columns-none) li:hover > a:where(:not(.pat-lazy-load)):not(.more) {
  background-color: var(--pat-surface-background-colour-highlight);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
}
}
}
.pat-link-list li a:has(> svg.kik-file-mark)::before {
  content: "" !important;
  background-image: none;
}
.pat-link-list li a:has(> svg.kik-file-mark) > svg.kik-file-mark {
  grid-area: icon;
  align-self: start;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}
.pat-link-list.tile-icons li a:has(> svg.kik-file-mark) > svg.kik-file-mark,
.pat-link-list li a.tile-icon:has(> svg.kik-file-mark) > svg.kik-file-mark {
  padding: 12.5%;
}
#login-panel {
  background-color: var(--login-panel-background-colour);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--login-panel-text-colour);
  overflow: auto;
}
@container screen style(--screen-small: true) {
#login-panel {
  background-colour: var(--login-panel-panel-background-colour);
}
}
#login-panel article.page {
  margin: 15% auto 5%;
  width: 60%;
}
#login-panel article.page a {
  color: var(--login-panel-text-colour);
  text-decoration: underline;
}
#login-panel .panel {
  border-radius: var(--border-radii);
  backdrop-filter: var(--login-panel-panel-backdrop-filter);
  box-shadow: var(--login-panel-panel-box-shadow);
  background-color: var(--login-panel-panel-background-colour);
}
#login-panel .panel .promotion {
  text-align: center;
  padding: 30px 0 0 0;
  margin: 0;
}
#login-panel .panel .promotion a {
  font-weight: bold;
  text-decoration: none;
}
@media (hover: hover) {
#login-panel .panel .promotion a:hover {
  text-decoration: underline;
}
}
#login-panel .panel .promotion a:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-hub) center / contain no-repeat;
  mask: var(--kik-svg-hub) center / contain no-repeat;
  margin-right: 2.5px;
  margin-left: 3px;
  text-decoration: none;
  position: relative;
  top: 1px;
}
#login-panel .panel .note {
  font-size: 0.9em;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
@container screen style(--screen-small: false) {
#login-panel .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 600px;
  padding: 60px;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
}
@container screen style(--screen-small: true) {
#login-panel .panel {
  position: stastic;
  box-sizing: border-box;
  padding: 6%;
  z-index: 10;
  overflow: auto;
  z-index: 1;
  background-color: transparent;
  box-shadow: none !important;
}
}
#login-panel .panel a {
  color: var(--login-panel-link-colour);
}
#login-panel .panel .disclaimer {
  font-size: 0.9em;
  margin: 1.5rem 0 2rem;
  line-height: 1.4;
}
#login-panel .panel .disclaimer a {
  text-decoration: underline;
}
#login-panel .panel .colofon {
  font-size: 0.9em;
  margin-bottom: 1em;
  color: var(--login-panel-text-colour);
  opacity: 0.8;
}
#login-panel .panel .colofon li {
  padding: 0.25em 0;
}
#login-panel .panel .colofon a {
  color: var(--login-panel-link-colour);
}
#login-panel .panel .splash {
  margin-bottom: 1.5em;
  display: block;
  background: no-repeat var(--login-panel-logo-image);
  background-size: var(--login-panel-logo-size);
  background-position: var(--login-panel-logo-position);
  height: var(--login-panel-logo-height);
  filter: var(--tabs-bar-tab-app-icon-filter, none);
  display: flex;
  justify-content: center;
}
#login-panel .panel .splash:before {
  content: '';
  width: 1em;
  height: 1em;
  max-height: 100%;
  pointer-events: none;
  background-color: currentColor;
  -webkit-mask: var(--login-panel-icon) center / contain no-repeat, linear-gradient(transparent, transparent);
  mask: var(--login-panel-icon) center / contain no-repeat, linear-gradient(transparent, transparent);
  font-size: 120px;
  color: var(--colour-header-elements);
  opacity: 0.5;
}
#login-panel .panel .splash:has(img):before {
  display: none;
}
#login-panel .panel .splash img {
  display: none;
}
#login-panel .panel .splash figcaption,
#login-panel .panel .splash h1 {
  display: none;
  text-align: center;
  color: var(--body-font-colour);
  font-weight: bold;
  font-size: 45px;
  line-height: 55px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#login-panel .panel .code-field {
  background-color: transparent;
  color: black;
  display: flex;
  justify-content: center;
}
#login-panel .panel input:not(.code) {
  color: var(--colour-login-input-text);
  font-size: 1.2em;
  background-color: var(--colour-login-input-background);
}
#login-panel .panel input:not(.code)::-webkit-input-placeholder {
  color: var(--colour-login-input-placeholder);
}
#login-panel .panel input:not(.code):-moz-placeholder {
  color: var(--colour-login-input-placeholder);
}
#login-panel .panel input:not(.code)::-moz-placeholder {
  color: var(--colour-login-input-placeholder);
}
#login-panel .panel input:not(.code):-ms-input-placeholder {
  color: var(--colour-login-input-placeholder);
}
#login-panel .panel .button-bar {
  margin: 0;
}
#login-panel .panel .button-bar #submit-button,
#login-panel .panel .button-bar button {
  display: block;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  font-size: 1.2em;
  background-color: var(--colour-login-panel-button);
  width: auto;
  padding: 0 1.5em;
  line-height: 2em;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
#login-panel .panel .button-bar #submit-button:after,
#login-panel .panel .button-bar button:after {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.1em;
  margin-left: 10px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-arrow-right) center / contain no-repeat;
  mask: var(--kik-svg-arrow-right) center / contain no-repeat;
}
@media (hover: hover) {
#login-panel .panel .button-bar #submit-button:hover:after,
#login-panel .panel .button-bar button:hover:after {
  transform: translateX(3px);
}
}
#login-panel #backdrop {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
}
#login-panel .button-bar.decision {
  display: flex;
  gap: 0.75em;
  justify-content: center;
}
#login-panel .button-bar.decision button {
  display: inline-block;
  width: auto;
  margin: 0;
  font-size: var(--pat-button-font-size);
  background-color: var(--pat-button-background-colour);
  box-shadow: var(--pat-button-box-shadow);
}
#login-panel .button-bar.decision button.default {
  background-color: var(--colour-primary);
}
#login-panel .button-bar.decision button.success {
  background-color: var(--colour-success);
}
#login-panel .button-bar.decision button.warning {
  background-color: var(--colour-warning);
}
#login-panel .button-bar.decision button:after {
  content: none;
}
.logo#site-logo {
  float: left;
  margin-right: 14px;
  line-height: 1.95em;
  font-size: 0.9em;
  font-weight: bold;
  color: var(--colour-header-elements);
}
@container screen style(--screen-small: true) {
.logo#site-logo {
  display: none;
}
}
.long-read {
  max-width: 800px;
  margin: 0 auto;
  display: block;
}
@container screen style(--screen-small: true) {
.long-read {
  max-width: calc(100vw - 2 * var(--small-screen-padding));
}
}
#main {
  container-type: inline-size;
  container-name: main;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#main.injecting > * {
  opacity: 0.19;
}
#main.injecting.injecting-after *,
#main.injecting.injecting-content-after * {
  opacity: inherit;
}
#main.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#main.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#main.injecting:before {
  animation: none;
  opacity: 1;
}
}
@media screen {
@supports (height: 100dvh) {
#main {
  top: 0;
  bottom: auto;
  height: var(--kik-vvh, 100dvh);
  translate: 0 var(--kik-vvt, 0px);
}
}
}
#main.kik-vv-anim {
  transition: top 0.24s ease-out, height 0.24s ease-out, translate 0.24s ease-out;
}
@media print {
#main {
  position: static;
}
}
@container screen style(--screen-small: true) {
#main:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  content: ' ';
  background-color: transparent;
  height: var(--global-header-height);
  box-shadow: var(--portal-tabs-box-shadow);
  z-index: 20;
  pointer-events: none;
}
}
@container screen style(--screen-small: true) {
#main:has(#login-panel):before {
  display: none;
}
}
.pat-menu-list {
  margin: 0 0 1em 0;
  list-style-type: none;
  --pat-checklist-label-padding-start: var(--pat-menu-list-item-padding-start);
  --pat-checklist-label-padding-end: 0.2em;
  --pat-checklist-item-separation: 0;
  --pat-menu-list-more-size: 1.45rem;
  --pat-menu-list-more-glyph-size: 0.9rem;
  --pat-menu-list-more-inset: 0.15rem;
  --pat-menu-list-more-mask: linear-gradient(to left, transparent 0,
                                             black var(--pat-menu-list-more-size));
  display: flex;
  flex-direction: column;
  gap: var(--pat-menu-list-row-gap, 4px);
}
.pat-menu-list li {
  padding-left: 0;
  --pat-checklist-margin-bottom: 0;
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.pat-menu-list li > a,
.pat-menu-list li > label,
.pat-menu-list li > form > label,
.pat-menu-list li > form > button,
.pat-menu-list li > form > fieldset > label,
.pat-menu-list li > fieldset.pat-checklist label,
.pat-menu-list li > button,
.pat-menu-list li .icon.bookmark {
  padding: var(--pat-menu-list-item-padding-top-bottom) var(--pat-menu-list-item-padding-left-right);
  color: var(--body-font-colour);
  line-height: var(--pat-menu-list-item-line-height);
  cursor: default;
  overflow: hidden;
  border: none;
  width: 100%;
  background: none;
  box-sizing: border-box;
  font-size: var(--body-font-size);
  text-align: start;
  display: grid;
  border-radius: var(--pat-context-menu-radii, var(--border-radii-medium, var(--border-radii)));
  user-select: none;
  margin-bottom: 0;
  grid-template-columns: calc(var(--pat-x-list-gutter) + var(--bullet-space)) 1fr;
  column-gap: 0;
  row-gap: 0;
  hyphens: auto;
  grid-template-areas:
        "icon title"
        "void byline";
  min-width: 0;
  --pat-select-box-height: var(--pat-menu-list-item-line-height);
  --pat-menu-list-first-line: var(--pat-menu-list-item-line-height);
}
.pat-menu-list li > a:has(.item-title),
.pat-menu-list li > label:has(.item-title),
.pat-menu-list li > form > label:has(.item-title),
.pat-menu-list li > form > button:has(.item-title),
.pat-menu-list li > form > fieldset > label:has(.item-title),
.pat-menu-list li > fieldset.pat-checklist label:has(.item-title),
.pat-menu-list li > button:has(.item-title),
.pat-menu-list li .icon.bookmark:has(.item-title) {
  --pat-menu-list-first-line: calc(var(--pat-link-list-title-line-height) * var(--pat-link-list-title-font-size));
}
.pat-menu-list li > a > *,
.pat-menu-list li > label > *,
.pat-menu-list li > form > label > *,
.pat-menu-list li > form > button > *,
.pat-menu-list li > form > fieldset > label > *,
.pat-menu-list li > fieldset.pat-checklist label > *,
.pat-menu-list li > button > *,
.pat-menu-list li .icon.bookmark > * {
  min-width: 0;
}
.pat-menu-list li > a .pat-select.bare,
.pat-menu-list li > label .pat-select.bare,
.pat-menu-list li > form > label .pat-select.bare,
.pat-menu-list li > form > button .pat-select.bare,
.pat-menu-list li > form > fieldset > label .pat-select.bare,
.pat-menu-list li > fieldset.pat-checklist label .pat-select.bare,
.pat-menu-list li > button .pat-select.bare,
.pat-menu-list li .icon.bookmark .pat-select.bare {
  margin-right: 8px;
}
.pat-menu-list li > a .item-title,
.pat-menu-list li > label .item-title,
.pat-menu-list li > form > label .item-title,
.pat-menu-list li > form > button .item-title,
.pat-menu-list li > form > fieldset > label .item-title,
.pat-menu-list li > fieldset.pat-checklist label .item-title,
.pat-menu-list li > button .item-title,
.pat-menu-list li .icon.bookmark .item-title {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  line-height: var(--pat-link-list-title-line-height);
  font-size: var(--pat-link-list-title-font-size);
  overflow: hidden;
  grid-area: title;
  align-items: center;
}
.pat-menu-list li > a .item-title .counter,
.pat-menu-list li > label .item-title .counter,
.pat-menu-list li > form > label .item-title .counter,
.pat-menu-list li > form > button .item-title .counter,
.pat-menu-list li > form > fieldset > label .item-title .counter,
.pat-menu-list li > fieldset.pat-checklist label .item-title .counter,
.pat-menu-list li > button .item-title .counter,
.pat-menu-list li .icon.bookmark .item-title .counter {
  font-size: calc(0.7 * var(--pat-link-list-title-font-size));
  height: calc(1.2 * var(--pat-link-list-title-font-size));
  min-width: calc(1.2 * var(--pat-link-list-title-font-size));
  padding: 0 5px;
  box-sizing: border-box;
  line-height: calc(1.2 * var(--pat-link-list-title-font-size));
  background-color: var(--menu-list-counter-background, rgba(0,0,0,0.1));
  border: var(--menu-list-counter-border, none);
  text-align: center;
  border-radius: calc(0.6 * var(--pat-link-list-title-font-size));
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: flex-end;
  margin: 0 7px;
}
.pat-menu-list li > a .item-title .counter.attention,
.pat-menu-list li > label .item-title .counter.attention,
.pat-menu-list li > form > label .item-title .counter.attention,
.pat-menu-list li > form > button .item-title .counter.attention,
.pat-menu-list li > form > fieldset > label .item-title .counter.attention,
.pat-menu-list li > fieldset.pat-checklist label .item-title .counter.attention,
.pat-menu-list li > button .item-title .counter.attention,
.pat-menu-list li .icon.bookmark .item-title .counter.attention {
  background-color: var(--colour-alert, #dc2626);
  color: white;
  font-weight: 600;
}
.pat-menu-list li > a .item-title .counter.busy,
.pat-menu-list li > label .item-title .counter.busy,
.pat-menu-list li > form > label .item-title .counter.busy,
.pat-menu-list li > form > button .item-title .counter.busy,
.pat-menu-list li > form > fieldset > label .item-title .counter.busy,
.pat-menu-list li > fieldset.pat-checklist label .item-title .counter.busy,
.pat-menu-list li > button .item-title .counter.busy,
.pat-menu-list li .icon.bookmark .item-title .counter.busy {
  background-color: var(--colour-accent, rgba(0, 0, 0, 0.1));
  color: white;
}
.pat-menu-list li > a .item-byline,
.pat-menu-list li > label .item-byline,
.pat-menu-list li > form > label .item-byline,
.pat-menu-list li > form > button .item-byline,
.pat-menu-list li > form > fieldset > label .item-byline,
.pat-menu-list li > fieldset.pat-checklist label .item-byline,
.pat-menu-list li > button .item-byline,
.pat-menu-list li .icon.bookmark .item-byline {
  display: block;
  font-weight: normal;
  color: var(--body-font-colour);
  margin-top: 0.2em;
  grid-area: byline;
  line-height: 1.3;
  zoom: 0.8;
}
.pat-menu-list li > a:has(.item-byline) .item-title,
.pat-menu-list li > label:has(.item-byline) .item-title,
.pat-menu-list li > form > label:has(.item-byline) .item-title,
.pat-menu-list li > form > button:has(.item-byline) .item-title,
.pat-menu-list li > form > fieldset > label:has(.item-byline) .item-title,
.pat-menu-list li > fieldset.pat-checklist label:has(.item-byline) .item-title,
.pat-menu-list li > button:has(.item-byline) .item-title,
.pat-menu-list li .icon.bookmark:has(.item-byline) .item-title {
  font-weight: bold;
}
.pat-menu-list li > a:not(.pat-checklist):before,
.pat-menu-list li > a .icon,
.pat-menu-list li > a .app-icon,
.pat-menu-list li > label:not(.pat-checklist):before,
.pat-menu-list li > label .icon,
.pat-menu-list li > label .app-icon,
.pat-menu-list li > form > label:not(.pat-checklist):before,
.pat-menu-list li > form > label .icon,
.pat-menu-list li > form > label .app-icon,
.pat-menu-list li > form > button:not(.pat-checklist):before,
.pat-menu-list li > form > button .icon,
.pat-menu-list li > form > button .app-icon,
.pat-menu-list li > form > fieldset > label:not(.pat-checklist):before,
.pat-menu-list li > form > fieldset > label .icon,
.pat-menu-list li > form > fieldset > label .app-icon,
.pat-menu-list li > fieldset.pat-checklist label:not(.pat-checklist):before,
.pat-menu-list li > fieldset.pat-checklist label .icon,
.pat-menu-list li > fieldset.pat-checklist label .app-icon,
.pat-menu-list li > button:not(.pat-checklist):before,
.pat-menu-list li > button .icon,
.pat-menu-list li > button .app-icon,
.pat-menu-list li .icon.bookmark:not(.pat-checklist):before,
.pat-menu-list li .icon.bookmark .icon,
.pat-menu-list li .icon.bookmark .app-icon {
  display: flex;
  grid-area: icon;
  justify-self: center;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: start !important;
  margin: 0;
  margin-block-start: calc((var(--pat-menu-list-first-line) - var(--bullet-space)) / 2);
  width: var(--bullet-space);
  height: var(--bullet-space);
  aspect-ratio: 1 / 1;
  border-radius: calc(0.3 * var(--border-radii));
  padding: 0;
}
.pat-menu-list li > a > svg.icon,
.pat-menu-list li > label > svg.icon,
.pat-menu-list li > form > label > svg.icon,
.pat-menu-list li > form > button > svg.icon,
.pat-menu-list li > form > fieldset > label > svg.icon,
.pat-menu-list li > fieldset.pat-checklist label > svg.icon,
.pat-menu-list li > button > svg.icon,
.pat-menu-list li .icon.bookmark > svg.icon {
  grid-area: icon;
  width: calc(1.25 * var(--bullet-space));
  height: calc(1.25 * var(--bullet-space));
  align-self: start;
  margin-block-start: calc((var(--pat-menu-list-first-line) - 1.25 * var(--bullet-space)) / 2);
  justify-self: center;
  border: none;
  background: none;
  padding: 0;
  box-sizing: border-box;
}
.pat-menu-list li > a > svg.kik-icon,
.pat-menu-list li > label > svg.kik-icon,
.pat-menu-list li > form > label > svg.kik-icon,
.pat-menu-list li > form > button > svg.kik-icon,
.pat-menu-list li > form > fieldset > label > svg.kik-icon,
.pat-menu-list li > fieldset.pat-checklist label > svg.kik-icon,
.pat-menu-list li > button > svg.kik-icon,
.pat-menu-list li .icon.bookmark > svg.kik-icon {
  grid-area: icon;
  width: var(--bullet-space);
  height: var(--bullet-space);
  align-self: center;
  justify-self: center;
  fill: var(--kik-icon-fill, none);
}
.pat-menu-list li > a .app-icon *,
.pat-menu-list li > label .app-icon *,
.pat-menu-list li > form > label .app-icon *,
.pat-menu-list li > form > button .app-icon *,
.pat-menu-list li > form > fieldset > label .app-icon *,
.pat-menu-list li > fieldset.pat-checklist label .app-icon *,
.pat-menu-list li > button .app-icon *,
.pat-menu-list li .icon.bookmark .app-icon * {
  outline: var(--app-tile-icon-colour, var(--app-colour)) !important;
  color: var(--app-tile-icon-colour, var(--app-colour)) !important;
  fill: transparent;
}
.pat-menu-list li > a.current .app-icon *,
.pat-menu-list li > label.current .app-icon *,
.pat-menu-list li > form > label.current .app-icon *,
.pat-menu-list li > form > button.current .app-icon *,
.pat-menu-list li > form > fieldset > label.current .app-icon *,
.pat-menu-list li > fieldset.pat-checklist label.current .app-icon *,
.pat-menu-list li > button.current .app-icon *,
.pat-menu-list li .icon.bookmark.current .app-icon * {
  outline: white !important;
  color: white !important;
}
.pat-menu-list li > a:has(.icon):before,
.pat-menu-list li > a:has(.app-icon):before,
.pat-menu-list li > label:has(.icon):before,
.pat-menu-list li > label:has(.app-icon):before,
.pat-menu-list li > form > label:has(.icon):before,
.pat-menu-list li > form > label:has(.app-icon):before,
.pat-menu-list li > form > button:has(.icon):before,
.pat-menu-list li > form > button:has(.app-icon):before,
.pat-menu-list li > form > fieldset > label:has(.icon):before,
.pat-menu-list li > form > fieldset > label:has(.app-icon):before,
.pat-menu-list li > fieldset.pat-checklist label:has(.icon):before,
.pat-menu-list li > fieldset.pat-checklist label:has(.app-icon):before,
.pat-menu-list li > button:has(.icon):before,
.pat-menu-list li > button:has(.app-icon):before,
.pat-menu-list li .icon.bookmark:has(.icon):before,
.pat-menu-list li .icon.bookmark:has(.app-icon):before {
  display: none;
}
.pat-menu-list li > a:has(input[type="checkbox"]):before,
.pat-menu-list li > label:has(input[type="checkbox"]):before,
.pat-menu-list li > form > label:has(input[type="checkbox"]):before,
.pat-menu-list li > form > button:has(input[type="checkbox"]):before,
.pat-menu-list li > form > fieldset > label:has(input[type="checkbox"]):before,
.pat-menu-list li > fieldset.pat-checklist label:has(input[type="checkbox"]):before,
.pat-menu-list li > button:has(input[type="checkbox"]):before,
.pat-menu-list li .icon.bookmark:has(input[type="checkbox"]):before {
  line-height: var(--pat-checklist-checkbox-size);
}
.pat-menu-list li > a:has(input[type="file"]),
.pat-menu-list li > label:has(input[type="file"]),
.pat-menu-list li > form > label:has(input[type="file"]),
.pat-menu-list li > form > button:has(input[type="file"]),
.pat-menu-list li > form > fieldset > label:has(input[type="file"]),
.pat-menu-list li > fieldset.pat-checklist label:has(input[type="file"]),
.pat-menu-list li > button:has(input[type="file"]),
.pat-menu-list li .icon.bookmark:has(input[type="file"]) {
  position: relative;
}
@media (hover: hover) {
.pat-menu-list li > a:hover,
.pat-menu-list li > label:hover,
.pat-menu-list li > form > label:hover,
.pat-menu-list li > form > button:hover,
.pat-menu-list li > form > fieldset > label:hover,
.pat-menu-list li > fieldset.pat-checklist label:hover,
.pat-menu-list li > button:hover,
.pat-menu-list li .icon.bookmark:hover {
  text-decoration: none;
}
}
@media (hover: hover) {
.pat-menu-list li > a:not(.current):hover,
.pat-menu-list li > label:not(.current):hover,
.pat-menu-list li > form > label:not(.current):hover,
.pat-menu-list li > form > button:not(.current):hover,
.pat-menu-list li > form > fieldset > label:not(.current):hover,
.pat-menu-list li > fieldset.pat-checklist label:not(.current):hover,
.pat-menu-list li > button:not(.current):hover,
.pat-menu-list li .icon.bookmark:not(.current):hover {
  background: var(--pat-toolbar-hover-background, var(--pat-surface-background-colour-hover));
  color: var(--body-font-colour);
}
}
.pat-menu-list li > a.tooltip-active-click,
.pat-menu-list li > label.tooltip-active-click,
.pat-menu-list li > form > label.tooltip-active-click,
.pat-menu-list li > form > button.tooltip-active-click,
.pat-menu-list li > form > fieldset > label.tooltip-active-click,
.pat-menu-list li > fieldset.pat-checklist label.tooltip-active-click,
.pat-menu-list li > button.tooltip-active-click,
.pat-menu-list li .icon.bookmark.tooltip-active-click {
  background-color: var(--colour-accent);
  color: white;
}
.pat-menu-list li > a .pat-message,
.pat-menu-list li > label .pat-message,
.pat-menu-list li > form > label .pat-message,
.pat-menu-list li > form > button .pat-message,
.pat-menu-list li > form > fieldset > label .pat-message,
.pat-menu-list li > fieldset.pat-checklist label .pat-message,
.pat-menu-list li > button .pat-message,
.pat-menu-list li .icon.bookmark .pat-message {
  display: block;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  padding: 0.3em 0.5em;
}
.pat-menu-list li > a input[type="file"],
.pat-menu-list li > label input[type="file"],
.pat-menu-list li > form > label input[type="file"],
.pat-menu-list li > form > button input[type="file"],
.pat-menu-list li > form > fieldset > label input[type="file"],
.pat-menu-list li > fieldset.pat-checklist label input[type="file"],
.pat-menu-list li > button input[type="file"],
.pat-menu-list li .icon.bookmark input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 1.8em;
  width: 100%;
}
.pat-menu-list li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before,
.pat-menu-list li .icon.bookmark:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(.pat-checklist):before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
.pat-menu-list li > a.current,
.pat-menu-list li > label.current,
.pat-menu-list li > form > label.current,
.pat-menu-list li > form > button.current,
.pat-menu-list li > form > fieldset > label.current,
.pat-menu-list li > fieldset.pat-checklist label.current,
.pat-menu-list li > button.current,
.pat-menu-list li .icon.bookmark.current {
  color: white;
}
.pat-menu-list li > a.current a,
.pat-menu-list li > a.current *,
.pat-menu-list li > label.current a,
.pat-menu-list li > label.current *,
.pat-menu-list li > form > label.current a,
.pat-menu-list li > form > label.current *,
.pat-menu-list li > form > button.current a,
.pat-menu-list li > form > button.current *,
.pat-menu-list li > form > fieldset > label.current a,
.pat-menu-list li > form > fieldset > label.current *,
.pat-menu-list li > fieldset.pat-checklist label.current a,
.pat-menu-list li > fieldset.pat-checklist label.current *,
.pat-menu-list li > button.current a,
.pat-menu-list li > button.current *,
.pat-menu-list li .icon.bookmark.current a,
.pat-menu-list li .icon.bookmark.current * {
  color: white;
  cursor: default;
}
.pat-menu-list li > a.current .item-title .counter,
.pat-menu-list li > label.current .item-title .counter,
.pat-menu-list li > form > label.current .item-title .counter,
.pat-menu-list li > form > button.current .item-title .counter,
.pat-menu-list li > form > fieldset > label.current .item-title .counter,
.pat-menu-list li > fieldset.pat-checklist label.current .item-title .counter,
.pat-menu-list li > button.current .item-title .counter,
.pat-menu-list li .icon.bookmark.current .item-title .counter {
  background-color: rgba(255, 255, 255, 0.3);
}
:has(.mode-select) .pat-menu-list li > a.select:before,
:has(.mode-select) .pat-menu-list li > label.select:before,
:has(.mode-select) .pat-menu-list li > form > label.select:before,
:has(.mode-select) .pat-menu-list li > form > button.select:before,
:has(.mode-select) .pat-menu-list li > form > fieldset > label.select:before,
:has(.mode-select) .pat-menu-list li > fieldset.pat-checklist label.select:before,
:has(.mode-select) .pat-menu-list li > button.select:before,
:has(.mode-select) .pat-menu-list li .icon.bookmark.select:before {
  color: var(--colour-accent);
}
.pat-menu-list li:has(> :is(a, label, button).current),
.pat-menu-list li:has(> form > :is(label, button).current),
.pat-menu-list li:has(> form > fieldset > label.current),
.pat-menu-list li:has(> fieldset.pat-checklist label.current) {
  background-color: var(--colour-accent);
}
.pat-menu-list li:has(> :is(a, label, button).current) > .counter,
.pat-menu-list li:has(> form > :is(label, button).current) > .counter,
.pat-menu-list li:has(> form > fieldset > label.current) > .counter,
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .counter {
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
}
.pat-menu-list li > svg.icon {
  grid-area: icon;
  width: 100%;
  height: auto;
  align-self: start;
  box-sizing: border-box;
  padding: 0;
  border: none;
  background: none;
}
.pat-menu-list li > [disabled],
.pat-menu-list li > form > [disabled] {
  opacity: 0.45;
}
@media (hover: hover) {
.pat-menu-list li > a.pat-context-menu:hover,
.pat-menu-list li > .pat-context-menu.pat-context-menu:hover {
  background-color: var(--colour-accent);
  color: white;
}
}
.pat-menu-list li:has(> a.current) > .pat-context-menu,
.pat-menu-list li:has(> a.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> a.current) > .pat-context-menu > svg.kik-icon *,
.pat-menu-list li:has(> label.current) > .pat-context-menu,
.pat-menu-list li:has(> label.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> label.current) > .pat-context-menu > svg.kik-icon *,
.pat-menu-list li:has(> button.current) > .pat-context-menu,
.pat-menu-list li:has(> button.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> button.current) > .pat-context-menu > svg.kik-icon *,
.pat-menu-list li:has(> form > label.current) > .pat-context-menu,
.pat-menu-list li:has(> form > label.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> form > label.current) > .pat-context-menu > svg.kik-icon *,
.pat-menu-list li:has(> form > button.current) > .pat-context-menu,
.pat-menu-list li:has(> form > button.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> form > button.current) > .pat-context-menu > svg.kik-icon *,
.pat-menu-list li:has(> form > fieldset > label.current) > .pat-context-menu,
.pat-menu-list li:has(> form > fieldset > label.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> form > fieldset > label.current) > .pat-context-menu > svg.kik-icon *,
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .pat-context-menu,
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .pat-context-menu > svg.kik-icon,
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .pat-context-menu > svg.kik-icon * {
  color: var(--colour-accent);
}
.pat-menu-list li:has(> a.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> a.current) > .pat-context-menu[aria-expanded="true"],
.pat-menu-list li:has(> label.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> label.current) > .pat-context-menu[aria-expanded="true"],
.pat-menu-list li:has(> button.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> button.current) > .pat-context-menu[aria-expanded="true"],
.pat-menu-list li:has(> form > label.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> form > label.current) > .pat-context-menu[aria-expanded="true"],
.pat-menu-list li:has(> form > button.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> form > button.current) > .pat-context-menu[aria-expanded="true"],
.pat-menu-list li:has(> form > fieldset > label.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> form > fieldset > label.current) > .pat-context-menu[aria-expanded="true"],
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .pat-context-menu[aria-expanded="true"] {
  background-color: var(--colour-base-background);
}
@media (hover: hover) {
.pat-menu-list li:has(> a.current) > .pat-context-menu:hover,
.pat-menu-list li:has(> label.current) > .pat-context-menu:hover,
.pat-menu-list li:has(> button.current) > .pat-context-menu:hover,
.pat-menu-list li:has(> form > label.current) > .pat-context-menu:hover,
.pat-menu-list li:has(> form > button.current) > .pat-context-menu:hover,
.pat-menu-list li:has(> form > fieldset > label.current) > .pat-context-menu:hover,
.pat-menu-list li:has(> fieldset.pat-checklist label.current) > .pat-context-menu:hover {
  background-color: var(--colour-base-background);
}
}
.pat-menu-list.pat-menu-list li label.pat-checklist,
.pat-menu-list.pat-menu-list li > form > label.pat-checklist {
  display: grid;
  grid-template-columns: calc(var(--pat-x-list-gutter) + var(--bullet-space)) minmax(0, 1fr);
  height: auto;
  line-height: var(--pat-menu-list-item-line-height);
  font-size: var(--body-font-size);
}
.pat-menu-list li label.pat-checklist > *:not(input) {
  grid-area: title;
}
.pat-menu-list li label.pat-checklist > .label-fragment-description {
  grid-area: byline;
}
.pat-menu-list li label.pat-checklist::before {
  grid-area: icon;
  justify-self: center;
  align-self: center;
  top: 0;
  transform: none;
}
.pat-menu-list .pat-message {
  display: block;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  padding: 0.3em 0.5em;
}
@container screen style(--screen-small: false) {
.pat-menu-list .menu-item-sidebar {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-menu-list .menu-item-toggle-on-screen-help {
  display: none;
}
}
.pat-menu-list li > form.app-label-favourite > button.app-fav-on:before,
.pat-menu-list li > form.app-label-favourite > button.app-fav-on > svg.kik-icon {
  color: var(--app-fav-colour);
}
.pat-menu-list li > button.disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
.pat-menu-list li > a > .icon.space-avatar {
  font-family: inherit;
  width: calc(1.15em / 0.6);
  height: calc(1.15em / 0.6);
  flex: 0 0 auto;
  align-self: start;
  margin-block-start: calc((var(--pat-menu-list-first-line) - 1.15em / 0.6) / 2);
  justify-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gns-space-colour, var(--colour-accent, #ea6c1a));
  background: color-mix(in srgb, var(--gns-space-colour, var(--colour-accent, #ea6c1a)) 10%, white);
  color: var(--gns-space-colour, var(--colour-accent, #ea6c1a));
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.6em;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  text-transform: uppercase;
}
.pat-menu-list button {
  font: inherit;
}
.pat-menu-list .quaive-bookmark-icon button.bookmark {
  font-family: var(--body-font-family, sans-serif);
}
.pat-menu-list li:has(> .counter) {
  position: relative;
}
.pat-menu-list li > .counter {
  position: absolute;
  top: 50%;
  right: var(--pat-menu-list-item-padding-left-right);
  transform: translateY(-50%);
  font-size: calc(0.7 * var(--pat-link-list-title-font-size));
  height: calc(1.2 * var(--pat-link-list-title-font-size));
  min-width: calc(1.2 * var(--pat-link-list-title-font-size));
  padding: 0 5px;
  box-sizing: border-box;
  line-height: calc(1.2 * var(--pat-link-list-title-font-size));
  background-color: var(--menu-list-counter-background, rgba(0, 0, 0, 0.1));
  border: var(--menu-list-counter-border, none);
  border-radius: calc(0.6 * var(--pat-link-list-title-font-size));
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  pointer-events: none;
}
.pat-menu-list li:has(> a.current) > .counter,
.pat-menu-list li > a.current .counter {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.28);
}
.pat-menu-list li:has(> a.pat-context-menu) {
  position: relative;
}
.pat-menu-list li:has(> a.pat-context-menu):has(> a.pat-context-menu[aria-expanded="true"]) > .counter,
.pat-menu-list li:has(> a.pat-context-menu):has(> a.pat-context-menu.tooltip-active-click) > .counter {
  visibility: hidden;
}
@media (hover: hover) {
.pat-menu-list li:has(> a.pat-context-menu):hover > .counter,
.pat-menu-list li:has(> a.pat-context-menu):focus-within > .counter {
  visibility: hidden;
}
}
.pat-menu-list li:has(> a.pat-context-menu) > :is(a, label, button):not(.pat-context-menu) {
  width: calc(100% - var(--pat-menu-list-more-size));
  background: none;
  transition: mask-image 0.15s ease, -webkit-mask-image 0.15s ease;
}
.pat-menu-list li:has(> a.pat-context-menu):not(:has(> :is(a, label, button).current)):not(:has(> form > :is(label, button).current)):not(:has(> form > fieldset > label.current)):not(:has(> fieldset.pat-checklist label.current)):has(> a.pat-context-menu[aria-expanded="true"]),
.pat-menu-list li:has(> a.pat-context-menu):not(:has(> :is(a, label, button).current)):not(:has(> form > :is(label, button).current)):not(:has(> form > fieldset > label.current)):not(:has(> fieldset.pat-checklist label.current)):has(> a.pat-context-menu.tooltip-active-click) {
  background: var(--pat-toolbar-hover-background, var(--pat-surface-background-colour-hover));
}
@media (hover: hover) {
.pat-menu-list li:has(> a.pat-context-menu):not(:has(> :is(a, label, button).current)):not(:has(> form > :is(label, button).current)):not(:has(> form > fieldset > label.current)):not(:has(> fieldset.pat-checklist label.current)):hover {
  background: var(--pat-toolbar-hover-background, var(--pat-surface-background-colour-hover));
}
}
.pat-menu-list li:has(> a.pat-context-menu):not(:has(> :is(a, label, button).current)):not(:has(> form > :is(label, button).current)):not(:has(> form > fieldset > label.current)):not(:has(> fieldset.pat-checklist label.current)) > a.pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> a.pat-context-menu):not(:has(> :is(a, label, button).current)):not(:has(> form > :is(label, button).current)):not(:has(> form > fieldset > label.current)):not(:has(> fieldset.pat-checklist label.current)) > a.pat-context-menu[aria-expanded="true"] {
  background-color: var(--colour-accent);
  color: white;
}
.pat-menu-list li:has(> a.pat-context-menu) > a.pat-context-menu {
  position: absolute;
  top: 50%;
  right: var(--pat-menu-list-more-inset);
  transform: translateY(-50%);
  z-index: 1;
  box-sizing: border-box;
  width: var(--pat-menu-list-more-size);
  height: var(--pat-menu-list-more-size);
  min-width: var(--pat-menu-list-more-size);
  padding: 0;
  border-radius: 50%;
  background-color: var(--pat-toolbar-icon-frost-background, var(--pat-surface-background-colour));
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  opacity: 0;
  transition: opacity 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0;
  font-size: 0;
}
.pat-menu-list li:has(> a.pat-context-menu) > a.pat-context-menu:before {
  display: none;
}
.pat-menu-list li:has(> a.pat-context-menu) > a.pat-context-menu > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-size: var(--pat-menu-list-more-glyph-size);
  width: var(--pat-menu-list-more-glyph-size);
  height: var(--pat-menu-list-more-glyph-size);
  vertical-align: baseline;
  line-height: 1;
}
.pat-menu-list li:has(> a.pat-context-menu):focus-within > a.pat-context-menu,
.pat-menu-list li:has(> a.pat-context-menu) > a.pat-context-menu.tooltip-active-click,
.pat-menu-list li:has(> a.pat-context-menu) > a.pat-context-menu[aria-expanded="true"] {
  opacity: 1;
}
@media (hover: hover) {
.pat-menu-list li:has(> a.pat-context-menu):hover > a.pat-context-menu {
  opacity: 1;
}
}
@media (hover: none) {
.pat-menu-list li:has(> a.pat-context-menu) > a.pat-context-menu {
  opacity: 1;
}
}
.pat-menu-list li:has(> a.pat-context-menu):focus-within > :is(a, label, button):not(.pat-context-menu),
.pat-menu-list li:has(> a.pat-context-menu):has(> a.pat-context-menu.tooltip-active-click) > :is(a, label, button):not(.pat-context-menu),
.pat-menu-list li:has(> a.pat-context-menu):has(> a.pat-context-menu[aria-expanded="true"]) > :is(a, label, button):not(.pat-context-menu) {
  mask-image: var(--pat-menu-list-more-mask);
  -webkit-mask-image: var(--pat-menu-list-more-mask);
}
@media (hover: hover) {
.pat-menu-list li:has(> a.pat-context-menu):hover > :is(a, label, button):not(.pat-context-menu) {
  mask-image: var(--pat-menu-list-more-mask);
  -webkit-mask-image: var(--pat-menu-list-more-mask);
}
}
.pat-menu-list.pat-menu-list.pat-menu-list li > :is(a, button, label):not(.pat-context-menu):has(> svg.kik-icon) > svg.kik-icon {
  align-self: start;
  margin-block-start: calc((var(--pat-menu-list-first-line) - 1.15em) / 2);
}
:root {
  --meta-label-border-radii: var(--border-radii);
  --meta-label-line-height: 30px;
  --meta-label-height: 30px;
  --meta-label-border: none;
  --meta-label-paddings: 0 15px;
  --meta-label-font-size: 18px;
  --meta-label-margin-top: 0;
}
.metadata {
  z-index: 3;
}
@media print {
.metadata {
  display: none;
}
}
.document-body:not(.scroll-position-top) .metadata .summary-hero textarea,
.document-body:not(.scroll-position-top) .metadata .summary-hero .image-uploader {
  height: 1.5em;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .image-uploader:after {
  opacity: 0;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .image-uploader .upload-button {
  top: 0.1em;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus textarea,
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus .image-uploader {
  height: 8em;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus textarea:after,
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus .image-uploader:after {
  opacity: 0.5;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus textarea .upload-button,
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus .image-uploader .upload-button {
  top: 6em;
}
.metadata .meta-bar {
  box-sizing: border-box;
}
.document-type-rich:not(.read-only) .metadata .meta-bar:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: ' ';
  background-color: rgba(255,255,255,1);
  height: 50px;
  z-index: 0;
}
@container screen style(--screen-small: true) {
.metadata .meta-bar {
  border: none;
}
}
@container screen style(--screen-small: true) {
.metadata .meta-bar input.doc-title {
  display: none;
}
}
.metadata .meta-bar .voting-bar {
  float: left;
  margin: 0;
}
.metadata .meta-bar .voting-bar fieldset {
  float: right;
  width: 400px;
  border-radius: var(--border-radii);
}
.metadata .meta-bar .voting-bar fieldset label {
  font-size: var(--meta-label-font-size);
  line-height: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  border: var(--meta-label-border);
  white-space: nowrap;
}
@container screen style(--screen-small: true) {
.metadata .meta-bar .voting-bar {
  margin-top: 4px;
  width: calc(100% - 100px);
}
}
@container screen style(--screen-small: true) {
.metadata .meta-bar .voting-bar fieldset {
  width: 100%;
}
}
.metadata .meta-extra {
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 0;
  opacity: 0;
  max-height: calc(100vh - 120px);
  overflow: auto;
  left: 0;
}
@media print {
.metadata .meta-extra {
  display: none;
}
}
.metadata .meta-extra.open + #editor-toolbar {
  display: none;
}
.metadata .meta-extra .panel-content {
  padding-top: 30px;
}
.metadata .meta-extra .icon-set {
  padding: 1em 0;
}
@container screen style(--screen-large: false) {
.sidebar-left-open .metadata .meta-extra {
  left: 0;
}
}
@container screen style(--screen-small: true) {
.sidebar-left-open.application-workspace .metadata .meta-extra {
  left: 0;
}
}
.metadata .meta-extra.open {
  opacity: 1;
}
@media print {
.metadata {
  padding: 0 0 6% 0;
  background: var(--colour-base-background);
  position: static !important;
}
}
.metadata > fieldset {
  margin-bottom: 0;
}
.metadata > fieldset .new-version-details label {
  margin-bottom: 0.5em;
  display: block;
  margin-top: 0.5em;
}
@container screen style(--screen-small: true) {
.metadata {
  position: static !important;
}
}
.metadata .bar {
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 0;
  display: block;
  padding: 0.8em 0 0;
}
.metadata .bar .bar-title {
  display: block;
  font-weight: bold;
  font-size: 0.8em;
}
.metadata .bar textarea {
  margin: 0;
  display: block;
  width: 100%;
  resize:none;
}
.metadata .bar input[type="text"],
.metadata .bar input[type="date"] {
  margin: 0;
}
.metadata .bar > input[type="text"] {
  width: 100%;
}
.document-body div.metadata .select2-container input {
  border-style: none;
}
:root {
  --miller-columns-column-width: 300px;
  --miller-columns-height: 65vh;
  --miller-columns-rule-colour: silver;
}
.pat-miller-columns {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  height: var(--miller-columns-height, 65vh);
  display: flex;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  margin: 0;
}
.pat-miller-columns .pat-miller-columns-column-set {
  float: left;
  height: 100%;
  display: flex;
  margin-bottom: 0;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting > * {
  opacity: 0.19;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting.injecting-after *,
.pat-miller-columns .pat-miller-columns-column-set.injecting.injecting-content-after * {
  opacity: inherit;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  animation: none;
  opacity: 1;
}
}
.pat-miller-columns .pat-miller-columns-column-set.injecting {
  border-left: 1px solid var(--miller-columns-rule-colour, silver);
  border-right: 1px solid var(--miller-columns-rule-colour, silver);
}
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  position: relative;
  width: var(--miller-columns-column-width);
  left: 0;
  margin-left: 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column {
  padding: 10px;
  min-width: 0;
  overflow: auto;
  float: left;
  width: var(--miller-columns-column-width);
  height: 100%;
  border-left: 1px solid var(--miller-columns-rule-colour, silver);
  box-sizing: border-box;
  margin-left: -1px;
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column {
  padding: 4px;
}
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:not(.placeholder):not(:has(~ .pat-miller-columns-column-set .pat-miller-columns-column:not(.placeholder))) {
  box-shadow: 1px 0 0 0 var(--miller-columns-rule-colour, silver);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-message {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 7px 10px;
  line-height: 1.4;
  border-radius: var(--border-radii-medium);
  width: 100%;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: bold;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .illustration {
  margin: 20px 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .illustration img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(#000000, .2);
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .description {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .pat-grid-list {
  font-size: 16px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .pat-grid-list dt,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .pat-grid-list dd {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) {
  padding: 20px;
  background-color: var(--colour-base-background);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) .document-preview-expansive {
  margin-bottom: 15px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) .sub-title {
  margin-bottom: 15px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) .sub-title .label:before {
  display: none;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.placeholder {
  width: 0;
  padding: 0;
  border: none;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pmc-group-rule {
  height: 0;
  margin: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pmc-summary {
  display: grid;
  gap: 2px;
  padding: 7px 10px;
  border-radius: var(--border-radii-medium);
  background: rgba(0, 0, 0, 0.04);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pmc-summary-name {
  font-size: 16px;
  line-height: 1.3;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pmc-summary-count {
  font-size: 13px;
  opacity: .6;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.pmc-empty {
  display: flex;
  align-items: flex-start;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item {
  display: block;
  padding: 4px 10px 4px 33px;
  margin: 0 0 4px 0;
  line-height: 1.3;
  clear: both;
  float: none;
  border-radius: var(--border-radii-medium, var(--border-radii));
  position: relative;
  overflow: hidden;
  hyphens: auto;
  font-size: 16px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-emergency-service:before {
  --kik-miller-mark: var(--kik-svg-alarm);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-powerpoint:before {
  --kik-miller-mark: var(--kik-svg-file-powerpoint);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-word:before {
  --kik-miller-mark: var(--kik-svg-file-word);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-job:before {
  --kik-miller-mark: var(--kik-svg-briefcase);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-excel:before {
  --kik-miller-mark: var(--kik-svg-file-excel);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-folder:before {
  --kik-miller-mark: var(--kik-svg-folder);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-vault:before {
  --kik-miller-mark: var(--kik-svg-lock);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-youtube:before {
  --kik-miller-mark: var(--kik-svg-play);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-external-video:before {
  --kik-miller-mark: var(--kik-svg-video);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-task:before {
  --kik-miller-mark: var(--kik-svg-ok);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-pdf:before {
  --kik-miller-mark: var(--kik-svg-document);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-people:before,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-contacts:before {
  --kik-miller-mark: var(--kik-svg-users);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-post:before {
  --kik-miller-mark: var(--kik-svg-pin);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-rich:before {
  --kik-miller-mark: var(--kik-svg-document);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-news:before {
  --kik-miller-mark: var(--kik-svg-newspaper);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-item:before {
  --kik-miller-mark: var(--kik-svg-feather);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-section:before {
  --kik-miller-mark: var(--kik-svg-grid);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-subsection:before {
  --kik-miller-mark: var(--kik-svg-grid);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-event:before {
  --kik-miller-mark: var(--kik-svg-calendar);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-workspace:before {
  --kik-miller-mark: var(--kik-svg-workspace);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-super-space:before,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-superspace:before {
  --kik-miller-mark: var(--kik-svg-workspace);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-image:before {
  --kik-miller-mark: var(--kik-svg-picture);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-diagram:before {
  --kik-miller-mark: var(--kik-svg-sitemap);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-slideshow:before {
  --kik-miller-mark: var(--kik-svg-slides);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-super-space:before {
  --kik-miller-mark: var(--kik-svg-workspace);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-question:before {
  --kik-miller-mark: var(--kik-svg-help);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-link:before {
  --kik-miller-mark: var(--kik-svg-link);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-zip:before {
  --kik-miller-mark: var(--kik-svg-archive);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file-archive:before {
  --kik-miller-mark: var(--kik-svg-archive);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app:before {
  --kik-miller-mark: var(--kik-svg-app);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-audio:before {
  --kik-miller-mark: var(--kik-svg-volume);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-video:before {
  --kik-miller-mark: var(--kik-svg-video);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-contract:before {
  --kik-miller-mark: var(--kik-svg-users);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file:before {
  --kik-miller-mark: var(--kik-svg-document);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-email:before {
  --kik-miller-mark: var(--kik-svg-mail);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-plain-text:before {
  --kik-miller-mark: var(--kik-svg-document);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
  transform: translateY(-50%);
  width: 34px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: currentColor;
  -webkit-mask: var(--kik-miller-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
  mask: var(--kik-miller-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-country:before {
  --kik-miller-mark: var(--kik-svg-flag);
  font-size: 1.2em;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-module:before {
  --kik-miller-mark: var(--kik-svg-puzzle);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-profile-question:before {
  --kik-miller-mark: var(--kik-svg-building);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-risk:before {
  --kik-miller-mark: var(--kik-svg-attention);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-tasks:before {
  --kik-miller-mark: var(--kik-svg-ok);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-events:before {
  --kik-miller-mark: var(--kik-svg-calendar);
  font-size: 0.8em;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-sector:before {
  --kik-miller-mark: var(--kik-svg-forward);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library:before {
  --kik-miller-mark: var(--kik-svg-library);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-collection:before {
  --kik-miller-mark: var(--kik-svg-picture);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-personal:before {
  --kik-miller-mark: var(--kik-svg-cloud);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-hub:before {
  --kik-miller-mark: var(--kik-svg-users);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-pro:before {
  --kik-miller-mark: var(--kik-svg-building);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-documents:before {
  --kik-miller-mark: var(--kik-svg-document);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item[class*=type-app]:before {
  filter: invert(100%);
  background-size: contain;
  background-position: left;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item[class*=type-app-]:before {
  background-color: transparent;
  -webkit-mask: none;
  mask: none;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-library:before {
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/library.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-workspaces:before {
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/workspaces.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-contacts:before {
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/contacts.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-calendar:before {
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/calendar.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-news:before {
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/news.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-image-bank:before {
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/image-bank.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked {
  background-color: var(--colour-accent);
  color: white;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked[class*=type-app]:before {
  filter: invert(0);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-children,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-folder {
  padding-right: 30px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-children:after,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-folder:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 12px;
  width: 1em;
  height: 1em;
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-forward) center / contain no-repeat;
  mask: var(--kik-svg-forward) center / contain no-repeat;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-mark {
  padding: 4px 10px 4px 30px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-mark:before {
  content: none;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-glyph-mark:before {
  content: none;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
  transform: translateY(-50%);
  width: 34px;
  height: 36px;
  display: grid;
  place-items: center;
  color: inherit;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph > svg {
  width: 18px;
  height: 18px;
  display: block;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph > svg * {
  fill: currentColor;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph.is-stroke > svg,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph.is-stroke > svg * {
  fill: none;
  stroke: currentColor;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph > svg,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-row-glyph > svg * {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-app-icon,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-hub-mark {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 4px;
  box-sizing: border-box;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-app-icon {
  display: grid;
  place-items: center;
  background: currentColor;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-app-icon > svg {
  width: 14px;
  height: 14px;
  display: block;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-app-icon > svg * {
  fill: #fff;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-app-icon.is-stroke > svg,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-app-icon.is-stroke > svg * {
  fill: none;
  stroke: #fff;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item .miller-hub-mark {
  object-fit: cover;
  background: #fff;
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.15);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked .miller-app-icon,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked) .miller-app-icon {
  background: #fff;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked .miller-app-icon > svg *,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked) .miller-app-icon > svg * {
  fill: currentColor;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked .miller-app-icon.is-stroke > svg,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked .miller-app-icon.is-stroke > svg *,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked) .miller-app-icon.is-stroke > svg,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked) .miller-app-icon.is-stroke > svg * {
  fill: none;
  stroke: currentColor;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.is-inert {
  color: var(--body-font-colour);
  opacity: .45;
  cursor: default;
}
@media (hover: hover) {
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:hover:not(:focus):not(.checked):not(:has(:checked)):not(.is-inert) {
  background-color: rgba(black,0.08);
  color: var(--body-font-colour);
}
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:focus,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked) {
  outline: none;
  background-color: var(--colour-accent);
  color: white;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:focus[class*=type-app]:before,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked[class*=type-app]:before,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked)[class*=type-app]:before {
  filter: invert(0);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item > input {
  position: absolute;
  opacity: 0;
}
@container screen style(--screen-small: true) {
#mobile-menu {
  position: absolute;
  right: 11px;
  top: 8px;
  width: 32px;
  height: 32px;
  background: none;
  z-index: 100;
  font-size: 20px;
  overflow: hidden;
  margin-right: 0;
}
}
@container screen style(--screen-small: true) {
#mobile-menu:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-menu) center / 1em 1em no-repeat;
  mask: var(--kik-svg-menu) center / 1em 1em no-repeat;
  display: inline-block;
  color: var(--colour-header-elements);
  display: block;
  text-align: center;
  height: 100%;
}
}
@container screen style(--screen-small: true) {
#mobile-menu.active:before {
  text-shadow: 0 0 5px white;
}
}
@container screen style(--screen-small: true) {
#mobile-menu:after {
  display: none;
}
}
@container screen style(--screen-small: true) {
body.modal-active #mobile-menu {
  display: none;
}
}
@container screen style(--screen-small: false) {
#mobile-menu {
  display: none;
}
}
@media print {
#mobile-menu {
  display: none;
}
}
:root {
  --modal-panel-width-small: 640px;
  --modal-panel-width-medium: 840px;
  --modal-panel-width-large: 1200px;
  --close-button-height: var(--button-height);
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social {
  width: calc(100% - 180px) !important;
}
}
.pat-modal-panel.image-social .modal-panel-contents {
  padding: 0;
  margin: 0;
}
.pat-modal-panel.image-social .modal-panel-contents:has(> .modal-panel-body) > .modal-panel-body {
  padding: 0;
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social .modal-panel-contents:has(> .modal-panel-body) {
  overflow: visible;
}
}
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body {
  padding: 0;
  max-height: 100%;
  width: 100%;
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body {
  overflow: visible;
}
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body .image-details-social {
  min-height: 650px;
  --modal-panel-image-social-image-max-height: calc(94vh - 100px);
}
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body .image-details-social .image-section {
  height: calc(--modal-panel-image-social-image-max-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body .image-details-social .image-section picture {
  max-height: var(--modal-panel-image-social-image-max-height);
}
}
@container screen style(--screen-small: false) {
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body .image-details-social .image-section picture img {
  max-height: var(--modal-panel-image-social-image-max-height);
  max-width: 100%;
}
}
.pat-modal.hamburger-menu > .panel-content a {
  display: block;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  margin-bottom: -1px;
  padding: 0.3em 0;
  text-decoration: none;
  color: var(--body-font-colour);
}
.pat-modal.document-preview .document {
  max-width: 1000px;
}
@container screen style(--screen-small: false) {
.pat-modal.tabbed .panel-content {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
}
@container screen style(--screen-small: true) {
.pat-modal.tabbed .panel-content {
  overflow: auto;
}
}
@container screen style(--screen-small: false) {
.pat-modal.tabbed .panel-content .panel-tabs {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 120px;
  margin-right: 3em;
  padding-right: 0;
  z-index: 1;
}
}
@container screen style(--screen-large: true) {
.pat-modal.tabbed .panel-content .panel-tabs {
  left: 50%;
  margin-left: -629px;
  border-right: 1px solid silver;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-modal.tabbed .panel-content .panel-tabs {
  left: 30px;
  border-right: 1px solid silver;
}
}
@container screen style(--screen-small: true) {
.pat-modal.tabbed .panel-content .panel-tabs {
  padding: 0;
}
}
@container screen style(--screen-small: true) {
.pat-modal.tabbed .panel-content .panel-body {
  overflow: visible;
  position: static;
  padding: 0;
}
}
@container screen style(--screen-small: false) {
.pat-modal.tabbed .panel-content .panel-body {
  overflow: auto;
  height: 100%;
  width: 100%;
  max-width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: fixed;
}
}
@container screen style(--screen-small: false) {
.pat-modal.tabbed .panel-content .panel-body .container {
  display: table;
  height: 100%;
  width: 100%;
  padding-left: 190px;
}
}
@container screen style(--screen-small: false) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets {
  padding: 80px 0;
  display: table-cell;
  vertical-align: middle;
}
}
@container screen style(--screen-small: false) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
  border-left: 1px silver solid;
}
}
@container screen style(--screen-small: false) {
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
  padding-left: 40px;
  margin-left: -40px;
  max-width: 1010px;
}
}
}
@container screen style(--screen-small: false) {
@container screen style(--screen-large: true) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
  padding-left: 59px;
  margin-left: -59px;
  max-width: 1010px;
}
}
}
.pat-modal-panel {
  --pat-x-list-border-radius: var(--border-radii-medium, var(--border-radii));
}
.pat-modal-panel {
  --quaive-page-head-margin-bottom: 0;
}
.pat-modal-panel #modal-create-fields,
.pat-modal-panel #modal-edit-fields,
.pat-modal-panel .modal-panel-body > .pat-lazy-load {
  min-height: var(--kik-modal-fields-min-height, 0);
}
.pat-modal-panel .modal-panel-body > .pat-lazy-load {
  display: block;
}
.pat-modal-panel.kik-modal-create-event {
  --kik-modal-fields-min-height: 554px;
}
.pat-modal-panel.kik-modal-edit-event {
  --kik-modal-fields-min-height: 553px;
}
.kik-modal-task #reminders-task-body.quaive-page-module-edit {
  --pat-well-padding: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-bottom: 0;
  --pat-well-padding-left: 0;
  --pat-well-box-shadow: none;
  --pat-well-background-colour: transparent;
  --pat-surface-backdrop-filter: none;
  backdrop-filter: none;
}
.kik-modal-gh-issue .modal-panel-body .pat-well {
  --pat-well-box-shadow: none;
  --pat-well-background-colour: transparent;
  --pat-surface-background-colour: transparent;
  --pat-surface-backdrop-filter: none;
  background-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
@container screen style(--screen-small: false) {
.kik-modal-task .modal-panel-body {
  min-height: min(60vh, 620px);
}
}
textarea.kik-task-title,
.pat-form fieldset.horizontal label textarea.kik-task-title {
  field-sizing: content;
  resize: none;
  overflow: hidden;
  min-height: 0;
}
.kik-modal-task .attachments-row:not(:has(.pat-link-list)),
.kik-modal-task .reminders-task-attachments:not(:has(.pat-link-list)) {
  display: none;
}
.kik-modal-task .reminders-task-attachments {
  margin-top: var(--pat-well-margin-bottom, 20px);
}
.pat-modal-panel .tiptap-container .ProseMirror {
  outline: none;
  cursor: text;
  padding-bottom: 20px;
}
.kik-modal-task .quaive-document-edit.type-task .attachments-value .pat-table.attachments-field-table {
  margin-bottom: 0;
}
.pat-nav-tiles {
  padding: 2em 0;
  display: grid;
}
@container screen style(--screen-small: true) {
.pat-nav-tiles {
  grid-template-columns: 1fr 1fr;
  column-gap: var(--small-screen-padding, 15px);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-nav-tiles {
  grid-template-columns: 1fr 1fr;
}
}
@container screen style(--screen-large: true) {
.pat-nav-tiles {
  grid-template-columns: 1fr 1fr 1fr;
}
}
.pat-nav-tiles .item {
  color: var(--pat-button-text-colour);
  box-sizing: var(--pat-button-box-shadow);
  margin: 0 0 4% 0;
  text-align: center;
  height: 270px;
  text-decoration: none !important;
  transition: transform 0.20s;
  font-weight: bold;
}
@media (hover: hover) {
.pat-nav-tiles .item:hover {
  color: var(--pat-button-text-colour-hover);
}
}
@media (hover: hover) {
.pat-nav-tiles .item:hover:before {
  color: var(--pat-button-text-colour-hover);
  box-shadow: var(--pat-button-box-shadow-hover);
  background-color: var(--pat-button-background-colour-hover);
  box-shadow: var(--pat-button-box-shadow-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
.pat-nav-tiles .item:before {
  width: 200px;
  height: 200px;
  background-color: var(--pat-button-background-colour);
  color: var(--button-text-colour);
  border-radius: var(--border-radii);
  box-shadow: var(--pat-button-box-shadow);
  line-height: 200px;
  display: block;
  margin: 0 auto 15px;
  text-align: center;
  font-size: 100px;
  transition: box-shadow 0.20s;
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
@container screen style(--screen-small: true) {
.pat-nav-tiles .item {
  height: auto;
  width: 100%;
  float: none;
  display: block;
  background-color: transparent;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  padding-top: 0em;
}
}
@container screen style(--screen-small: true) {
.pat-nav-tiles .item:before {
  width: 100%;
  height: 130px;
  line-height: 130px;
}
}
.notifications {
  margin-bottom: 1em;
}
.pat-notification-panel .notifications {
  border: none;
  margin: 0;
}
.pat-notification-panel .notifications .notification {
  border: none;
}
.pat-notification-panel .notifications .notification a {
  text-decoration: none;
}
.notifications .notification {
  overflow: hidden;
  padding: 0;
  line-height: 1.4;
  border-radius: calc(0.8 * var(--border-radii));
  margin: 0 -10px 0;
}
.notifications .notification:first-child {
  margin-top: -10px;
}
.pat-notification-container .notifications .notification {
  margin: -10px;
}
.notifications .notification.state-unread .follow:after {
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: var(--mutation-sentinel-colour);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.notifications .notification.unseen .follow {
  background: #d5e2f6;
}
.notifications .notification .follow {
  text-decoration: none;
  line-height: 1.3;
  color: var(--body-font-colour);
  padding: 10px 10px 10px 66px;
  border-radius: var(--border-radii);
  display: block;
  position: relative;
}
.notifications .notification .follow .message {
  margin: 2px 0 1px 0;
}
@media (hover: hover) {
.notifications .notification .follow:hover {
  background-color: #00000014;
}
}
.notifications .notification .follow .app-icon {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  box-shadow: 0 0 2px black;
  background-color: var(--tile-background-colour, var(--app-colour));
}
.notifications .notification .follow.type-app .app-icon {
  position: static;
  width: 46px;
  height: 46px;
  float: left;
  margin: 2px 0 0 -54px;
  box-shadow: none;
  border-radius: calc(0.9 * var(--border-radii));
}
.notifications .notification .follow .pat-avatar {
  float: left;
  margin: 2px 0 0 -54px;
  width: 46px;
  height: 46px;
}
.notifications .notification .follow.type-app .pat-avatar {
  display: none;
}
.notifications .notification .datestamp {
  display: block;
  color: gray;
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 4px;
}
#notifications .all-notifications {
  display: none;
}
#notifications ul.notifications li {
  padding-left: 2.7em;
}
#notifications ul.notifications li:before {
  display: none;
}
.tooltip-container #notifications .all-notifications {
  display: block;
}
:root {
  --colour-timeline: var(--colour-accent);
}
.object-history {
  position: relative;
}
.object-history:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 4px;
  top: 2em;
  bottom: 2em;
  left: 31px;
  background: var(--colour-timeline);
  z-index: 1;
  border-radius: 2px;
}
.object-history .object {
  margin-bottom: 1em;
  padding-left: 4.2em;
  position: relative;
  border-radius: var(--border-radii);
}
.object-history .object:after {
  content: " ";
  display: table;
  clear: both;
}
.object-history .object .pat-message {
  margin-bottom: 0;
}
.object-history .object .user-name {
  padding-top: 0.4em;
}
.object-history .object.user-inactive .meta {
  color: var(--colour-byline);
}
.object-history .object.user-inactive .meta .pat-avatar {
  filter: grayscale(100%) brightness(200%) contrast(40%);
}
.object-history .object .byline {
  padding-bottom: 0.4em;
  margin-bottom: 0;
}
.object-history .object .byline * {
  font-style: normal;
}
.object-history .object .pat-avatar,
.object-history .object .drive-update::before {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  border: 4px solid var(--colour-timeline);
  width: 3.5rem;
  height: 3.5rem;
  z-index: 1;
  background-color: var(--pat-button-background-colour);
  border-radius: 50%;
  text-align: center;
  line-height: 3.5rem;
  font-size: 1.5em;
  color: var(--colour-timeline);
  margin: 0;
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.object-history.action-centric:before {
  display: none;
}
.object-history.action-centric .object {
  background-color: rgba(0,0,0,0.08);
  margin-bottom: 0.25em;
  padding-left: 3.2em;
  padding-right: 1em;
}
.object-history.action-centric .object .title:before {
  content: '';
  display: block;
  margin: 0;
  position: absolute;
  left: 0.96em;
  top: 0.96em;
  color: rgba(0,0,0,0.5);
  line-height: 1.9em;
  width: 1.6em;
  height: 1.85em;
  font-size: 1em;
  z-index: 1;
  text-align: center;
}
.object-history.action-centric .object .title:is(.action-edited, .action-deleted, .action-created, .action-state):before {
  background-color: currentColor;
  -webkit-mask: var(--object-history-mark) center / 1em no-repeat;
  mask: var(--object-history-mark) center / 1em no-repeat;
}
.object-history.action-centric .object .title.action-edited {
  --object-history-mark: var(--kik-svg-edit);
}
.object-history.action-centric .object .title.action-deleted {
  --object-history-mark: var(--kik-svg-trash);
}
.object-history.action-centric .object .title.action-created {
  --object-history-mark: var(--kik-svg-plus);
}
.object-history.action-centric .object .title.action-state {
  --object-history-mark: var(--kik-svg-bookmark-empty);
}
.quaive-page-head-link hgroup {
  cursor: default;
}
@media (hover: hover) {
.quaive-page-head-link:hover {
  text-decoration: none;
}
}
a[href]:focus-visible .quaive-page-head hgroup,
a[href]:focus-visible .quaive-page-head {
  text-decoration: none;
}
a[href]:focus-visible .quaive-page-head hgroup hgroup:before,
a[href]:focus-visible .quaive-page-head hgroup hgroup .byline,
a[href]:focus-visible .quaive-page-head hgroup:before,
a[href]:focus-visible .quaive-page-head hgroup .byline {
  text-decoration: none;
}
a[href]:focus-visible .quaive-page-head hgroup h1,
a[href]:focus-visible .quaive-page-head h1 {
  text-decoration: underline;
}
@media (hover: hover) {
a[href]:hover .quaive-page-head hgroup,
a[href]:hover .quaive-page-head {
  text-decoration: none;
}
}
@media (hover: hover) {
a[href]:hover .quaive-page-head hgroup hgroup:before,
a[href]:hover .quaive-page-head hgroup hgroup .byline,
a[href]:hover .quaive-page-head hgroup:before,
a[href]:hover .quaive-page-head hgroup .byline {
  text-decoration: none;
}
}
@media (hover: hover) {
a[href]:hover .quaive-page-head hgroup h1,
a[href]:hover .quaive-page-head h1 {
  text-decoration: underline;
}
}
.quaive-page-head {
  margin-bottom: var(--quaive-page-head-margin-bottom, 1.5rem);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: 
		"icon title"
		"intro intro";
  gap: 0;
}
@container screen style(--screen-small: true) {
.quaive-page-head {
  margin-bottom: var(--quaive-page-head-margin-bottom, 15px);
}
}
.quaive-page-head > h1,
.quaive-page-head .rich-page-title {
  grid-area: title;
  margin-bottom: var(--quaive-page-head-title-margin-bottom);
  font-weight: var(--pat-rich-header-level-1-font-weight);
  font-size: var(--pat-rich-header-level-1-font-size);
  font-stretch: var(--rich-font-stretch);
  line-height: var(--pat-rich-header-level-1-line-height);
  margin-bottom: var(--pat-rich-header-level-1-margin-bottom);
  font-family: var(--pat-rich-header-level-1-font-family);
}
.quaive-page-head textarea,
.quaive-page-head textarea:focus {
  --pat-form-input-field-padding-top-bottom: 0;
  width: 100%;
  border: none;
  resize: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 0;
  overflow: hidden;
}
@supports not (field-sizing: content) {
.quaive-page-head textarea,
.quaive-page-head textarea:focus {
  background-color: rgba(0, 0, 0, 0.025);
  resize: vertical;
  padding: 20px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
}
.quaive-page-head hgroup {
  margin-bottom: var(--quaive-page-head-title-margin-bottom);
  grid-area: title;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: 
			"hgroup-icon hgroup-title"
			"hgroup-icon hgroup-byline";
}
.quaive-page-head hgroup:before {
  grid-area: hgroup-icon;
}
.quaive-page-head hgroup h1 {
  margin-bottom: 0;
  grid-area: hgroup-title;
}
.quaive-page-head hgroup .byline {
  font-size: 1rem;
  color: var(--colour-byline, rgba(0, 0, 0, 0.8));
  margin: 0.3rem 0 0 0;
  grid-area: hgroup-byline;
}
.quaive-page-head:has(.introduction) > .byline,
.quaive-page-head:has(.introduction) hgroup {
  margin-bottom: 1rem;
}
.quaive-page-head .introduction {
  grid-area: intro;
  font-size: var(--pat-rich-summary-font-size);
  line-height: var(--pat-rich-summary-line-height);
  -webkit-hyphens: var(--pat-rich-summary-hyphens, auto);
  hyphens: var(--pat-rich-summary-hyphens, auto);
  font-weight: var(--pat-rich-summary-font-weight, thin);
}
.quaive-page-head .app-icon,
.quaive-page-head .pat-avatar,
.quaive-page-head .logo,
.quaive-page-head .group-logo,
.quaive-page-head:before,
.quaive-page-head hgroup:before,
.quaive-page-head hgroup > svg.kik-icon {
  grid-area: icon;
  width: var(--page-head-icon-size);
  height: var(--page-head-icon-size);
  line-height: var(--page-head-icon-size);
  text-align: center;
  aspect-ratio: 1 / 1;
  display: block;
  margin: 15px 15px 0 0;
  border-radius: calc(1 * var(--border-radii));
  background-color: var(--tile-background-colour, var(--app-colour));
  font-size: 2rem;
  border: var(--default-border);
}
@container screen style(--screen-small: true) {
.quaive-page-head .app-icon,
.quaive-page-head .pat-avatar,
.quaive-page-head .logo,
.quaive-page-head .group-logo,
.quaive-page-head:before,
.quaive-page-head hgroup:before,
.quaive-page-head hgroup > svg.kik-icon {
  display: none;
}
}
.quaive-page-head hgroup:before,
.quaive-page-head hgroup img,
.quaive-page-head hgroup > svg.kik-icon {
  grid-area: hgroup-icon;
  --tile-background-colour: color-mix(
			in srgb,
			var(--colour-base) 92%,
			black);
  margin-top: 0;
  margin-inline-end: 8px;
}
.quaive-page-head hgroup > svg.kik-icon {
  padding: calc(var(--page-head-icon-size) / 4);
  box-sizing: border-box;
  color: var(--page-head-icon-colour, var(--body-font-colour));
}
.quaive-page-head hgroup:before {
  color: var(--page-head-icon-colour, var(--body-font-colour));
}
.quaive-page-head hgroup.icon-crown:before {
  line-height: calc(var(--page-head-icon-size) + 27%);
}
.quaive-page-head .group-logo,
.quaive-page-head .pat-avatar,
.quaive-page-head .app-icon,
.quaive-page-head:before,
.quaive-page-head hgroup:before {
  margin: -16px 15px 0 0;
  object-fit: cover;
}
body[dir=rtl] .quaive-page-head .group-logo,
body[dir=rtl] .quaive-page-head .pat-avatar,
body[dir=rtl] .quaive-page-head .app-icon,
body[dir=rtl] .quaive-page-head:before,
body[dir=rtl] .quaive-page-head hgroup:before {
  margin: -16px 0 0 15px;
}
.quaive-page-head:has(.byline) .group-logo,
.quaive-page-head:has(.byline) .pat-avatar,
.quaive-page-head:has(.byline) .app-icon,
.quaive-page-head:has(.byline):before,
.quaive-page-head:has(.byline) hgroup:before {
  margin: var(--page-head-icon-margin-top, 12px) 8px 0 0;
}
body[dir=rtl] .quaive-page-head:has(.byline) .group-logo,
body[dir=rtl] .quaive-page-head:has(.byline) .pat-avatar,
body[dir=rtl] .quaive-page-head:has(.byline) .app-icon,
body[dir=rtl] .quaive-page-head:has(.byline):before,
body[dir=rtl] .quaive-page-head:has(.byline) hgroup:before {
  margin: var(--page-head-icon-margin-top, 12px) 0 0 8px;
}
.quaive-page-head svg.app-icon {
  color: var(--app-icon-contrast-colour, inherit);
  padding: 15%;
  box-sizing: border-box;
  background-color: var(--page-head-icon-plate, rgba(255, 255, 255, 0.8));
  aspect-ratio: 1 / 1;
  border: var(--page-head-icon-border, 1px solid rgba(0, 0, 0, 0.25));
}
.quaive-page-head svg.app-icon * {
  outline: var(--app-tile-icon-colour, var(--app-colour)) !important;
  fill: transparent;
}
.quaive-page-head .pat-avatar {
  border-radius: 50%;
  background-color: var(--pat-avatar-background-colour);
}
.quaive-page-head .pat-avatar img {
  margin: 0;
}
.well-title-group .quaive-page-head svg.app-icon {
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin-inline-start: 0;
}
.quaive-page-head hgroup .byline:has(progress) {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.quaive-page-head hgroup .byline:has(progress) progress {
  appearance: none;
  flex: 1 1 auto;
  min-width: 3rem;
  max-width: 12rem;
  height: 0.25rem;
  border: 0;
  border-radius: var(--border-radii, 3px);
  background: var(--colour-grey-light, rgba(0, 0, 0, 0.1));
}
.quaive-page-head hgroup .byline:has(progress) progress::-webkit-progress-bar {
  border-radius: var(--border-radii, 3px);
  background: var(--colour-grey-light, rgba(0, 0, 0, 0.1));
}
.quaive-page-head hgroup .byline:has(progress) progress::-webkit-progress-value {
  border-radius: var(--border-radii, 3px);
  background: var(--app-colour, var(--colour-accent));
}
.quaive-page-head hgroup .byline:has(progress) progress::-moz-progress-bar {
  border-radius: var(--border-radii, 3px);
  background: var(--app-colour, var(--colour-accent));
}
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) {
  --pat-rich-header-level-1-font-size: 30px;
  --pat-rich-header-level-1-line-height: 30px;
  margin-bottom: 15px;
  --page-head-icon-size: calc(30px + 1.8rem - 2px);
}
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) > h1,
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) hgroup h1,
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) hgroup .byline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) hgroup .byline {
  line-height: 1.5;
}
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) > h1,
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) hgroup h1 {
  padding-block: 0.2em;
  margin-block-start: -0.2em;
}
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) > h1 {
  margin-block-end: calc(var(--pat-rich-header-level-1-margin-bottom, 0px) - 0.2em);
}
:is(.quaive-page-head.compact,
    #app-space .application-body > .document-body .quaive-page-head:not(.well-title-group *, .quick-look *)) hgroup h1 {
  margin-block-end: -0.2em;
}
@container main (width > 900px) {
#app-space .application-body > .document-body > .document-content:has(.kik-win-main-toolbar):has(.quaive-page-head.compact),
#app-space .application-body > .document-body > .document-content:has(.kik-win-main-toolbar):has(> .quaive-page-head) {
  padding-top: var(--kik-win-toolbar-height);
}
}
.page-renders .page {
  float: left;
  width: 100%;
  margin: 0;
  box-shadow: var(--quaive-document-box-shadow);
  border-radius: var(--border-radii);
  overflow: hidden;
}
.page-renders .page-compound {
  position: relative;
  background-color: rgba(black, 0.05);
  border-radius: var(--border-radii);
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}
.page-renders .page-compound.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
.page-renders .page-compound.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
.page-renders .page-compound .executed {
  display: none;
}
.page-renders .page-compound .image-loader {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  color: transparent;
  padding-top: 100%;
  top: -100%;
  border-radius: var(--border-radii);
}
.page-renders .page-compound .image-loader:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  top: 75%;
}
@media (prefers-reduced-motion: reduce) {
.page-renders .page-compound .image-loader:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
.page-renders .page-compound .gallery-item {
  z-index: 1;
  width: 100%;
  display: block;
}
.page-renders .page-compound .gallery-item img,
.page-renders .page-compound .gallery-item svg {
  background-color: var(--colour-base-background);
  width: 100%;
  height: 100%;
  border-radius: var(--border-radii);
}
.page-renders .message.no-preview:not(.error):before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  left: 46px;
  font-size: 40px;
  transform: translateY(-50%);
  animation: none;
  opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
.page-renders .message.no-preview:not(.error):before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
.page-renders .message.no-preview,
.page-renders .message.max-preview {
  border-radius: var(--border-radii);
  padding: 1.2rem 1.2rem 1.2rem 5.2rem;
  line-height: 1.4;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
  box-sizing: border-box;
  margin-bottom: 3rem;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset var(--default-box-shadow);
  display: block;
  font-size: 1.2rem;
}
@media (hover: hover) {
.page-renders .message.no-preview[href]:hover,
.page-renders .message.max-preview[href]:hover {
  text-decoration: none;
}
}
@media (hover: hover) {
.page-renders .message.no-preview[href]:hover .download-line,
.page-renders .message.max-preview[href]:hover .download-line {
  text-decoration: underline;
}
}
.page-renders .message.no-preview .title,
.page-renders .message.max-preview .title {
  color: var(--body-font-colour);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0.2rem 0;
}
.page-renders .message.no-preview .byline,
.page-renders .message.max-preview .byline {
  display: block;
  padding: 0;
  margin: 0 0 0.2rem 0;
}
.page-renders .message.no-preview .download-line,
.page-renders .message.max-preview .download-line {
  margin: 0;
  color: var(--colour-link);
}
.page-renders .message.no-preview.error,
.page-renders .message.max-preview.error {
  background-color: var(--colour-error-background);
  color: var(--colour-error-text);
  border: 1px white solid;
}
.page-renders .message.no-preview.error .byline,
.page-renders .message.max-preview.error .byline {
  color: var(--colour-error);
}
.page-renders .message.no-preview.error .title,
.page-renders .message.no-preview.error:before,
.page-renders .message.max-preview.error .title,
.page-renders .message.max-preview.error:before {
  color: var(--colour-error);
}
.page-renders .message.no-preview:before,
.page-renders .message.max-preview:before {
  content: '';
  height: 1.85rem;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-document) center / 1em no-repeat;
  mask: var(--kik-svg-document) center / 1em no-repeat;
  width: 5rem;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.4rem;
  transform: translateY(-50%);
  text-align: center;
  color: gray;
}
.document-type-video .page-renders,
.document-type-external-video .page-renders {
  margin-top: 0;
}
.document-type-youtube .page-renders {
  margin-top: 0;
}
.document-type-youtube .page-renders .youtube-player {
  width: 100%;
}
.page-renders .page {
  width: 100%;
}
.page-renders video {
  width: 100%;
  float: left;
  background-color: #efefef;
}
.page-renders video:focus {
  outline: none;
}
.page-renders h1 {
  font-weight: 200;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: 0.7em;
}
.page-renders audio {
  width: 100%;
}
.page-renders audio:focus {
  outline: none;
}
.page-renders img {
  background-color: var(--colour-base-background);
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.page-renders-updating {
  margin: 26px 0 14px;
  text-align: center;
  font-size: 13px;
  color: var(--colour-secondary-foreground, #6b7280);
  animation: kik-render-notice-in 0.4s ease both;
}
@keyframes kik-render-notice-in {

  from { opacity: 0; }
  to { opacity: 0.85; }
}
.page-renders {
  animation: kik-render-in 0.35s ease both;
}
@keyframes kik-render-in {

  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.page-renders,
.page-renders-updating {
  animation: none;
}
}
.page-renders.is-restaling {
  position: relative;
}
.quaive-page-module {
  box-shadow: var(--quaive-page-module-box-shadow);
  --pat-well-box-shadow: var(--quaive-page-module-box-shadow);
  margin-bottom: var(--quaive-page-module-margin-bottom);
  background-color: var(--quaive-page-module-background);
  border-radius: var(--border-radii);
  --border-radii: var(--border-radii-medium);
  --quaive-file-download-border: var(--default-border);
}
.quaive-page-module:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.quaive-page-module > * {
  pointer-events: auto;
}
.quaive-page-module .page-module-title {
  margin-top: 0;
  font-size: var(--pat-rich-header-level-2-font-size);
  line-height: var(--pat-rich-header-level-2-line-height);
  margin-bottom: var(--pat-rich-header-level-2-margin-bottom);
  font-weight: var(--pat-rich-header-level-2-font-weight);
}
.quaive-page-module .page-module-group-title {
  margin-bottom: var(--pat-rich-header-level-3-margin-bottom);
  margin-top: var(--pat-rich-header-level-3-margin-top);
  font-size: var(--pat-rich-header-level-3-font-size);
  line-height: var(--pat-rich-header-level-3-line-height);
  font-weight: var(--pat-rich-header-level-3-font-weight);
}
.quaive-page-module .page-module-separation-header {
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-size: var(--pat-well-separation-header-font-size);
  font-weight: bold;
}
.quaive-page-module .page-module-separation-header:first-child {
  margin-top: 0;
}
.quaive-page-module .page-module-footer a {
  font-weight: bold;
}
@media (hover: hover) {
.quaive-page-module .page-module-footer a:hover {
  text-decoration: underline;
}
}
.quaive-page-module.type-map .map-embed {
  --kik-map-module-radius: var(--border-radii);
  border: var(--default-border);
  border-radius: var(--kik-map-module-radius);
  box-sizing: border-box;
  clip-path: inset(0 round var(--kik-map-module-radius));
}
.quaive-page-module.type-map iframe {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.quaive-page-module.type-audio .quaive-audio {
  position: relative;
  background-size: 200% 100%;
  background: linear-gradient(90deg in hsl longer hue, red 0 50%) 0/200%;
  animation: rainbow-loop 6s linear infinite;
  margin-bottom: 2rem;
  padding: 2rem;
  padding: 9rem 10rem;
  box-sizing: border-box;
}
@keyframes rainbow-loop {

				to {
					background-position: 100%
				}
			}
.quaive-page-module.type-audio .quaive-audio audio {
  position: relative;
  z-index: 2;
}
.quaive-page-module.type-audio .quaive-audio:after {
  left: 0;
  top: 0;
  content: " ";
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}
.quaive-page-module .youtube-player,
.quaive-page-module .pat-picture,
.quaive-page-module .quaive-illustration {
  border-radius: var(--border-radii);
  overflow: hidden;
}
.quaive-page-module .pat-picture,
.quaive-page-module .quaive-illustration {
  border-radius: var(--border-radii-medium, var(--border-radii));
}
.quaive-page-module.type-video,
.quaive-page-module.type-iframe,
.quaive-page-module.type-vimeo,
.quaive-page-module.type-youtube,
.quaive-page-module.type-image,
.quaive-page-module.type-office,
.quaive-page-module.type-word,
.quaive-page-module.type-pdf,
.quaive-page-module.type-excel {
  --pat-well-padding-left: 0;
  --pat-well-padding-right: 0;
  --pat-well-padding-top: 0;
  --pat-well-padding-bottom: 0;
  --quaive-page-module-background: transparent;
  background-color: transparent;
}
.quaive-page-module.type-office,
.quaive-page-module.type-word,
.quaive-page-module.type-pdf,
.quaive-page-module.type-excel,
.quaive-page-module.type-file {
  box-shadow: none;
  background: transparent;
}
.quaive-page-module.type-office .pat-pdf canvas,
.quaive-page-module.type-office .page-renders .page-compound,
.quaive-page-module.type-word .pat-pdf canvas,
.quaive-page-module.type-word .page-renders .page-compound,
.quaive-page-module.type-pdf .pat-pdf canvas,
.quaive-page-module.type-pdf .page-renders .page-compound,
.quaive-page-module.type-excel .pat-pdf canvas,
.quaive-page-module.type-excel .page-renders .page-compound,
.quaive-page-module.type-file .pat-pdf canvas,
.quaive-page-module.type-file .page-renders .page-compound {
  --pat-well-background-colour: var(--quaive-document-background);
  border-radius: var(--border-radii-medium, var(--border-radii));
  box-shadow: var(--quaive-document-box-shadow);
}
.quaive-page-module.type-agenda ol.agenda,
.quaive-page-module#page-module-agenda ol.agenda {
  counter-reset: agenda;
  line-height: 1.5;
}
.quaive-page-module.type-agenda ol.agenda .agenda-item,
.quaive-page-module#page-module-agenda ol.agenda .agenda-item {
  padding: 0.1em 0 0.1em 1.5em;
  position: relative;
}
.quaive-page-module.type-agenda ol.agenda .agenda-item:before,
.quaive-page-module#page-module-agenda ol.agenda .agenda-item:before {
  counter-increment: agenda;
  content: counter(agenda)'.';
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.quaive-page-module.type-agenda ol.agenda .agenda-item .attachment-list,
.quaive-page-module#page-module-agenda ol.agenda .agenda-item .attachment-list {
  background: none;
  padding: 0;
  font-size: 0.8em;
  margin-top: 8px;
}
.quaive-page-module.type-agenda ol.agenda .agenda-item .attachment-list .attached-file,
.quaive-page-module#page-module-agenda ol.agenda .agenda-item .attachment-list .attached-file {
  margin: 0;
  position: relative;
  padding-left: 1.5em;
}
.quaive-page-module.type-agenda ol.agenda .agenda-item .attachment-list .attached-file a,
.quaive-page-module#page-module-agenda ol.agenda .agenda-item .attachment-list .attached-file a {
  color: var(--colour-accent);
}
.quaive-page-module.type-agenda ol.agenda .agenda-item .attachment-list .attached-file a:before,
.quaive-page-module#page-module-agenda ol.agenda .agenda-item .attachment-list .attached-file a:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
}
.quaive-page-module.type-location iframe {
  background-color: var(--colour-base-background);
  border: var(--default-border);
  border-radius: var(--border-radii);
  background-color: var(--colour-base);
  box-sizing: border-box;
  max-width: 100%;
}
.quaive-page-module.type-icon-tile-navigation {
  padding-bottom: 1rem;
}
.quaive-page-module.type-object figcaption .enlarge-link {
  color: gray;
  text-decoration: none;
  float: right;
}
.quaive-page-module.type-object figcaption .icon-right-dir:before {
  transform: scale(1.4);
}
.quaive-page-module.type-object .enlarge-button {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  z-index: 1;
  color: transparent;
  overflow: hidden;
}
.quaive-page-module.type-object .enlarge-button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--colour-base-background);
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-search) center / 50px no-repeat;
  mask: var(--kik-svg-search) center / 50px no-repeat;
  font-size: 50px;
  display: block;
  text-align: center;
  padding: 0;
  margin: -10px 0 0 0;
}
.quaive-page-module.type-excel img {
  width: 100%;
}
.quaive-page-module.type-listing .page-module-title + .link-list,
.quaive-page-module.type-listing .page-module-summary + .link-list {
  margin-top: 20px;
}
.quaive-page-module.pat-collapsible + .page-module.type-links .page-module-title,
.quaive-page-module.pat-collapsible + .page-module.type-attributions .page-module-title {
  padding-top: 0.5rem;
  border-top: none;
  margin-top: 80px;
}
.quaive-page-module.pat-collapsible + .page-module.type-attributions + .page-module.type-links .page-module-title {
  border-top: none;
}
.quaive-page-module.type-body-text-segment.pat-collapsible {
  margin-top: calc(-100px + var(--header-2-top-margin));
}
.quaive-page-module.type-body-text-segment.pat-collapsible:first-child {
  margin-top: -100px;
}
.quaive-page-module.type-body-text-segment .section-introduction {
  font-weight: bold;
}
.quaive-page-module.type-body-text-segment > * {
  -moz-pointer-events: all;
  -webkit-pointer-events: all;
  pointer-events: all;
}
.pat-well.type-passage .well-header,
.pat-well.type-passage .well-header a {
  color: var(--colour-accent);
}
@container screen style(--screen-small: true) {
.page-module.pat-well {
  padding: 0;
  box-shadow: none;
  background: transparent;
}
}
@container screen style(--screen-small: true) {
.quaive-page-module {
  --quaive-page-module-background: transparent;
  --quaive-page-module-box-shadow: none;
  background-color: transparent;
  box-shadow: none;
}
}
:root {
  --portal-elastic-scrolling-offset: -126px;
}
#portal {
  scroll-behavior: smooth;
  --app-colour: var(--colour-accent);
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--colour-canvas);
  -webkit-overscroll-behavior: contain;
  overscroll-behavior: contain;
  font-size: 18px;
  line-height: 1.5em;
}
#portal:has(#portal-tabs) #portal-content {
  padding-top: 0;
}
#portal:has(.application-body) {
  overflow: hidden;
}
#portal #portal-content {
  opacity: 0;
  animation: fadeIn var(--default-animation-duration) ease forwards;
  padding-bottom: 50px;
  padding-top: var(--portal-padding-top);
  --pat-container-width: var(--portal-tabs-max-width);
  --pat-container-padding: 0 var(--portal-tabs-padding-right) 0 var(--portal-tabs-padding-left);
}
#portal #portal-content.injecting > * {
  opacity: 0.19;
}
#portal #portal-content.injecting.injecting-after *,
#portal #portal-content.injecting.injecting-content-after * {
  opacity: inherit;
}
#portal #portal-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#portal #portal-content.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#portal #portal-content.injecting:before {
  animation: none;
  opacity: 1;
}
}
#portal #portal-content.injecting::before {
  position: fixed;
}
#portal #application-body,
#portal .application-body {
  display: block;
  overflow: hidden;
}
#portal #application-body .document-body,
#portal .application-body .document-body {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
}
#portal.section-favourites {
  overflow: hidden;
  --pat-x-list-background-colour: white;
}
#portal.section-favourites #portal-content.application-body {
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#portal.section-favourites #portal-content.application-body.injecting > * {
  opacity: 0.19;
}
#portal.section-favourites #portal-content.application-body.injecting.injecting-after *,
#portal.section-favourites #portal-content.application-body.injecting.injecting-content-after * {
  opacity: inherit;
}
#portal.section-favourites #portal-content.application-body.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#portal.section-favourites #portal-content.application-body.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#portal.section-favourites #portal-content.application-body.injecting:before {
  animation: none;
  opacity: 1;
}
}
#portal.section-favourites #portal-content.application-body .document-body {
  --pat-x-list-padding: 20px;
}
#portal.section-favourites #portal-content.application-body .sidebar {
  --bullet-space: 40px;
  --pat-x-list-gutter: 10px;
}
#portal.section-favourites .pat-link-list.cards li a.has-thumbnail > .icon {
  aspect-ratio: 1;
  object-fit: cover;
}
#portal #apps-listing.kik-apps-grid {
  --kik-apps-tile: 200px;
  --kik-apps-gap: clamp(15px, 2vw, 30px);
  --app-tile-padding: 20px;
  --kik-apps-tile-extras: inline-block;
  --kik-apps-cols-small: 3;
  --kik-apps-track-small: minmax(0, 1fr);
  --kik-apps-gap-small: clamp(15px, 2vw, 30px);
}
#portal.section-apps #portal-content:has(.kik-apps-grid.apps-centered) {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: safe center;
}
#portal.section-apps #portal-content-pane:has(.kik-apps-grid.apps-centered) {
  display: flex;
  flex-direction: column;
  justify-content: safe center;
}
#portal.section-library #portal-content.injecting > * {
  opacity: 1;
}
#portal.section-library #portal-content.injecting #portal-content-pane > *:not(.canvas-toolbar) {
  opacity: 0.19;
}
#portal.section-news #portal-content.injecting > * {
  opacity: 1;
}
#portal.section-news #portal-content.injecting #portal-content-pane > *:not(.canvas-subnav) {
  opacity: 0.19;
}
@container screen style(--screen-small: true) {
#portal {
  top: var(--global-header-height);
}
}
@container screen style(--screen-small: true) {
.modal-panel #portal {
  top: 0;
  border: none;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#portal {
  overflow: visible;
}
}
@media print {
#portal {
  position: static;
  overflow: visible;
  background-color: var(--colour-base-background);
}
}
@container screen style(--screen-small: false) {
#portal {
  top: var(--global-header-height);
  overflow: scroll;
  overflow-x: hidden;
  padding: 0;
  position: fixed;
}
}
@container screen style(--screen-small: false) {
#portal:not(.injecting):before,
#portal:not(.injecting):after {
  content: ' ';
  display: block;
  height: 7em;
  width: 100%;
  position: absolute;
  top: var(--portal-elastic-scrolling-offset);
  left: 0;
  right: 0;
  z-index: 101;
  animation: none;
  background-image: var(--portal-tabs-background-image);
  background-size: var(--portal-tabs-background-size);
  background-position: var(--portal-tabs-background-image-position);
  background-repeat: var(--portal-tabs-background-image-repeat);
  background-attachment: fixed;
  background-color: var(--colour-header);
}
}
@container screen style(--screen-small: true) {
#portal {
  overflow: visible;
}
}
@container screen style(--screen-small: true) {
#portal #portal-content-pane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
}
@container screen style(--screen-small: true) {
#portal #portal-content-pane {
  padding: var(--default-screen-padding-small);
}
}
#portal.injecting #portal-content {
  display: none;
}
#portal.injecting #portal-nav,
#portal.injecting #portal-nav * {
  opacity: 1;
}
@media print {
#app-space.state-on + #portal {
  display: none;
}
}
:root {
  --portal-quick-nav-left: 20px;
}
.portal-quick-nav {
  top: calc((-1 * var(--global-header-height)) - var(--separation-line-thickness) + var(--application-label-white-space));
  left: var(--portal-quick-nav-left);
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: auto;
  --body-font-size: calc(0.4 * var(--global-header-height));
}
body:not(:has(#portal-tabs)) .portal-quick-nav {
  opacity: 1;
}
body[dir=rtl] .portal-quick-nav {
  left: auto;
  right: var(--portal-quick-nav-left);
}
@container screen style(--screen-small: true) {
.portal-quick-nav {
  opacity: 1;
  left: auto;
  right: 88px;
  top: calc(-1 * var(--global-header-height));
  margin-top: calc(1 * var(--application-label-white-space));
}
}
@container screen style(--screen-small: true) {
.portal-quick-nav li {
  opacity: 1 !important;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .portal-quick-nav {
  left: 88px;
  right: auto;
}
}
.state-on ~ .portal-quick-nav,
.error .portal-quick-nav {
  opacity: 1;
}
.error .portal-quick-nav {
  pointer-events: auto;
}
.error .portal-quick-nav a {
  position: relative;
  height: 100%;
}
#app-space.multi-tasking-off.state-on .portal-quick-nav,
#app-space.multi-tasking-off.state-paused .portal-quick-nav {
  opacity: 1;
}
.portal-quick-nav .portal-section {
  display: inline-block;
  height: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  width: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  content: ' ';
  font-family: fontelllo;
  overflow: hidden;
  color: var(--colour-header-elements);
  transition: opacity 0.4s;
  position: relative;
  float: left;
  margin-right: var(--application-label-white-space);
}
body[dir=rtl] .portal-quick-nav .portal-section {
  float: right;
  margin-right: 0;
  margin-left: var(--application-label-white-space);
}
.portal-quick-nav .portal-section a {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  position: relative;
  border-radius: var(--border-radii);
  cursor: default;
}
@media (hover: hover) {
.portal-quick-nav .portal-section a:hover {
  background-color: color-mix(in srgb, var(--tabs-bar-tab-background-colour) 10%, transparent);
}
}
.portal-quick-nav .portal-section a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--colour-header-elements);
  width: 100%;
  text-align: center;
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
}
body[dir=rtl] .portal-quick-nav .portal-section a:before {
  left: auto;
  right: 0;
}
#app-space.state-paused.section-dashboard .portal-quick-nav .portal-section.portal-section-dashboard a,
#app-space.state-paused.section-apps .portal-quick-nav .portal-section.portal-section-apps a,
#app-space.state-paused.section-favourites .portal-quick-nav .portal-section.portal-section-favourites a,
#app-space.state-on.active-app-bookmarks .portal-quick-nav .portal-section.portal-section-bookmarks a,
#app-space.state-off.section-dashboard .portal-quick-nav .portal-section.portal-section-dashboard a,
#app-space.state-off.section-apps .portal-quick-nav .portal-section.portal-section-apps a,
.portal-quick-nav .portal-section a.tooltip-active-click {
  background-color: var(--colour-accent);
}
#app-space.state-paused.section-dashboard .portal-quick-nav .portal-section.portal-section-dashboard a:before,
#app-space.state-paused.section-apps .portal-quick-nav .portal-section.portal-section-apps a:before,
#app-space.state-paused.section-favourites .portal-quick-nav .portal-section.portal-section-favourites a:before,
#app-space.state-on.active-app-bookmarks .portal-quick-nav .portal-section.portal-section-bookmarks a:before,
#app-space.state-off.section-dashboard .portal-quick-nav .portal-section.portal-section-dashboard a:before,
#app-space.state-off.section-apps .portal-quick-nav .portal-section.portal-section-apps a:before,
.portal-quick-nav .portal-section a.tooltip-active-click:before {
  color: white;
}
.portal-quick-nav .portal-section.portal-section-dashboard a:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-home) center / calc(1.25 * var(--body-font-size)) no-repeat;
  mask: var(--kik-svg-home) center / calc(1.25 * var(--body-font-size)) no-repeat;
}
.portal-quick-nav .portal-section.portal-section-apps a:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-app) center / calc(1.25 * var(--body-font-size)) no-repeat;
  mask: var(--kik-svg-app) center / calc(1.25 * var(--body-font-size)) no-repeat;
}
.portal-quick-nav .portal-section.portal-section-bookmarks a:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-bookmark) center / calc(1.25 * var(--body-font-size)) no-repeat;
  mask: var(--kik-svg-bookmark) center / calc(1.25 * var(--body-font-size)) no-repeat;
}
.portal-quick-nav .portal-section.portal-section-favourites a:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-bookmark) center / calc(1.25 * var(--body-font-size)) no-repeat;
  mask: var(--kik-svg-bookmark) center / calc(1.25 * var(--body-font-size)) no-repeat;
  font-size: calc(0.85 * var(--body-font-size));
}
#app-space.state-off  .portal-quick-nav .portal-section {
  opacity: 0;
}
body:not(:has(#portal-tabs)) #app-space.state-off  .portal-quick-nav .portal-section {
  opacity: 1;
}
.portal-tabs {
  height: calc(var(--portal-tabs-height) + var(--portal-tabs-tab-margin-top) + var(--portal-tabs-tab-margin-bottom));
  position: sticky !important;
  top: 0 !important;
  margin-top: 0;
  z-index: 101;
  transition: all 0.5s;
  background-color: var(--portal-tabs-background-colour);
  background-image: var(--portal-tabs-background-image);
  background-size: var(--portal-tabs-background-size);
  background-position: var(--portal-tabs-background-image-position);
  background-repeat: var(--portal-tabs-background-image-repeat);
  background-attachment: fixed;
  box-shadow: var(--portal-tabs-box-shadow);
  border-bottom: none;
  margin-bottom: var(--portal-padding-top);
}
.state-on ~ #portal .portal-tabs {
  margin-top: var(--portal-tabs-margin-top-state-on);
  top: var(--portal-tabs-top-scroll-state-on) !important;
}
.state-on ~ #portal .portal-tabs nav {
  opacity: 0;
}
#portal.scroll-down:not(.scroll-position-top) .portal-tabs {
  top: var(--portal-tabs-top-scroll-down-position) !important;
}
@container screen style(--screen-small: true) {
.portal-tabs {
  display: none;
}
}
.portal-tabs .title {
  font-weight: bold;
  text-transform: uppercase;
  cursor: default;
}
.portal-tabs nav {
  text-align: var(--portal-tabs-text-align);
  white-space: nowrap;
  overflow: auto;
  overflow-y: hidden;
  transition: opacity 0.8s;
  transition-delay: 0.1s;
  opacity: 1;
  font-family: var(--portal-tabs-text-font-family);
  max-width: var(--portal-tabs-max-width);
  padding-left: var(--portal-tabs-padding-left);
  padding-right: var(--portal-tabs-padding-right);
  box-sizing: var(--portal-tabs-box-sizing);
}
body[dir=rtl] .portal-tabs nav {
  text-align: var(--portal-tabs-text-align-rtl);
}
.portal-tabs nav a:not(.onscreen-help) {
  line-height: var(--portal-tabs-line-height);
  height: var(--portal-tabs-height);
  display: inline-block;
  padding: 0 var(--portal-tabs-tab-padding-right) 0 var(--portal-tabs-tab-padding-left);
  margin: var(--portal-tabs-tab-margin-top) var(--portal-tabs-tab-margin-right) var(--portal-tabs-tab-margin-bottom) var(--portal-tabs-tab-margin-left);
  text-transform: var(--portal-tabs-text-transform);
  text-decoration: var(--portal-tabs-text-decoration);
  text-shadow: var(--portal-tabs-text-shadow);
  white-space: nowrap;
  letter-spacing: var(--portal-tabs-text-letter-spacing);
  color: var(--portal-tabs-text-colour);
  background-color: var(--portal-tabs-tab-background-colour);
  position: relative;
  font-weight: var(--portal-tabs-text-font-weight);
  font-size: var(--portal-tabs-text-font-size);
  font-stretch: var(--portal-tabs-text-font-stretch);
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation) {
  border-radius: var(--portal-tabs-tab-border-radius);
}
@media (hover: hover) {
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):not(.current):hover {
  text-decoration: var(--portal-tabs-text-decoration-hover);
  text-decoration-thickness: var(--portal-tabs-text-decoration-hover-thickness);
  text-decoration-color: var(--portal-tabs-text-decoration-hover-colour);
  text-underline-offset: var(--portal-tabs-text-underline-hover-offset);
  color: var(--portal-tabs-text-colour-hover);
}
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):after {
  position: absolute;
  content: '';
  top: var(--portal-tabs-indicator-top-distance);
  bottom: var(--portal-tabs-indicator-bottom-distance);
  left: var(--portal-tabs-indicator-distance-left);
  right: var(--portal-tabs-indicator-distance-right);
  display: block;
  transform: scaleX(0);
  transition: all 0.35s;
  transform-origin: center;
  height: var(--portal-tabs-indicator-thickness);
  box-sizing: border-box;
  border-radius: var(--portal-tabs-indicator-border-radius);
  background-color: var(--portal-tabs-indicator-colour);
  opacity: 0;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation).current:after {
  top: var(--portal-tabs-indicator-top-distance);
  bottom: var(--portal-tabs-indicator-bottom-distance);
  left:  var(--portal-tabs-indicator-distance-left);
  right:  var(--portal-tabs-indicator-distance-left);
  transform: scaleX(1);
  background-color: var(--portal-tabs-indicator-colour-hover);
  opacity: 1;
}
@media (hover: hover) {
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):hover:after {
  top: var(--portal-tabs-indicator-top-distance);
  bottom: var(--portal-tabs-indicator-bottom-distance);
  left:  var(--portal-tabs-indicator-distance-left);
  right:  var(--portal-tabs-indicator-distance-left);
  transform: scaleX(1);
  background-color: var(--portal-tabs-indicator-colour-hover);
  opacity: 1;
}
}
@media (hover: hover) {
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):hover:after {
  background-color: var(--portal-tabs-indicator-colour-hover);
}
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation).current:after {
  background-color: var(--portal-tabs-indicator-colour-current);
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation).current {
  color: var(--portal-tabs-text-colour-current);
  background-color: var(--portal-tabs-tab-background-colour-current);
  cursor: default;
}
.portal-tabs nav a:not(.onscreen-help).organisation {
  display: var(--portal-tabs-organisation-display);
}
@container screen style(--screen-large: false) {
.portal-tabs nav a:not(.onscreen-help).plugin-tab {
  display: none;
}
}
.portal-tabs nav a:not(.onscreen-help).title {
  --portal-tabs-background-colour: var(--portal-tabs-title-background-colour);
  text-transform: initial;
  font-weight: var(--portal-tabs-title-font-weight);
  font-size: var(--portal-tabs-title-font-size);
  position: relative;
  margin-top: var(--portal-tabs-title-margin-top);
  margin-bottom: var(--portal-tabs-title-margin-bottom);
  padding-top: 0;
  padding-bottom: 0;
  padding-right: var(--portal-tabs-title-padding-right);
  padding-left: var(--portal-tabs-title-padding-left);
  float: var(--portal-tabs-title-float);
  margin-right: var(--portal-tabs-title-margin-right);
  margin-left: var(--portal-tabs-title-margin-left);
  height: var(--portal-tabs-title-height);
  width: var(--portal-tabs-title-width);
  color: var(--portal-tabs-title-text-colour);
  background-size: var(--portal-tabs-title-background-size);
  letter-spacing: var(--portal-tabs-title-letter-spacing);
  background-repeat: no-repeat;
  background-image: var(--portal-tabs-title-background-image);
  background-position: var(--portal-tabs-title-background-position);
  transform: var(--portal-tabs-title-transform);
  text-shadow: var(--portal-tabs-title-text-shadow);
}
.portal-tabs nav a:not(.onscreen-help).title:after {
  background-color: var(--portal-tabs-title-background-colour);
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: -1;
}
.portal-tabs nav a:not(.onscreen-help).title:before {
  content: '';
  display: inline-block;
  width: var(--portal-tabs-title-icon-size);
  height: var(--portal-tabs-title-icon-size);
  background-color: currentColor;
  -webkit-mask: var(--portal-tabs-title-mark, var(--kik-svg-hub)) center / contain no-repeat;
  mask: var(--portal-tabs-title-mark, var(--kik-svg-hub)) center / contain no-repeat;
  margin-right: 0.4em;
  float: left;
}
.portal-tabs nav a:not(.onscreen-help).organisation {
  text-transform: var(--portal-tabs-organisation-text-transform);
  font-weight: var(--portal-tabs-organisation-font-weight);
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: var(--portal-tabs-organisation-padding-right);
  padding-left: var(--portal-tabs-organisation-padding-left);
  float: var(--portal-tabs-organisation-float);
  margin-left: var(--portal-tabs-organisation-margin-left);
  margin-right: var(--portal-tabs-organisation-margin-right);
  height: var(--portal-tabs-organisation-height);
  width: var(--portal-tabs-organisation-width);
  color: var(--portal-tabs-organisation-text-colour);
  background-size: var(--portal-tabs-organisation-background-size);
  background-image: var(--portal-tabs-organisation-background-image);
  background-repeat: no-repeat;
  background-position: var(--portal-tabs-organisation-background-position);
  text-shadow: var(--portal-tabs-organisation-text-shadow);
}
@container screen style(--screen-small: false) {
.portal-tabs {
  display: block;
}
}
@font-face {

	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/assets/libraries/kikaron/portlet/fonts/cormorant-garamond-500-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {

	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/assets/libraries/kikaron/portlet/fonts/cormorant-garamond-500-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {

	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/assets/libraries/kikaron/portlet/fonts/cormorant-garamond-600-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {

	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('/assets/libraries/kikaron/portlet/fonts/cormorant-garamond-600-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {

	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('/assets/libraries/kikaron/portlet/fonts/cormorant-garamond-500i-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {

	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('/assets/libraries/kikaron/portlet/fonts/cormorant-garamond-500i-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:is(.quaive-portlet, .kik-cloud-card) {
  container-name: portlet;
  container-type: inline-size;
}
:is(.quaive-portlet, .kik-cloud-card) > .panel-content {
  container-name: screen;
  --screen-small: false;
  --screen-medium: false;
  --screen-large: false;
}
@container portlet (width <= 680px) {
:is(.quaive-portlet, .kik-cloud-card) > .panel-content {
  --screen-small: true;
  --pat-message-padding: var(--small-screen-padding);
}
}
@container portlet (481px <= width <= 1025px) {
:is(.quaive-portlet, .kik-cloud-card) > .panel-content {
  --screen-medium: true;
}
}
@container portlet (width > 1279px) {
:is(.quaive-portlet, .kik-cloud-card) > .panel-content {
  --screen-large: true;
}
}
.quaive-portlet {
  --pat-well-padding: var(--portlet-padding);
  --pat-well-padding-top: var(--portlet-padding);
  --pat-well-padding-bottom: var(--portlet-padding);
  --pat-well-padding-left: var(--portlet-padding);
  --pat-well-padding-right: var(--portlet-padding);
  --grid-gutter: var(--portlet-grid-gutter);
  --default-box-shadow: var(--default-box-shadow-small);
  --default-tail-white: 0;
  --pat-toolbar-padding: 0;
  --pat-x-list-border-radius: var(--border-radii-medium);
  overflow: hidden;
}
.quaive-portlet .panel-content > *:last-child {
  margin-bottom: 0;
}
.quaive-portlet:has(> .panel-content > .pat-lazy-load),
.quaive-portlet:has(> .panel-content > .pat-realtime > .pat-lazy-load) {
  position: relative;
}
.quaive-portlet:has(> .panel-content > .pat-lazy-load) > .panel-content,
.quaive-portlet:has(> .panel-content > .pat-realtime > .pat-lazy-load) > .panel-content {
  min-height: 200px;
}
.quaive-portlet > .panel-content > .pat-lazy-load,
.quaive-portlet > .panel-content > .pat-realtime > .pat-lazy-load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.quaive-portlet .pat-table.quaive-tasks-table th {
  width: auto;
}
.quaive-portlet#portlet-updates {
  overflow: hidden;
}
@container screen style(--screen-small: true) {
.quaive-portlet#portlet-updates {
  overflow: visible;
}
}
.quaive-portlet#portlet-updates .update-social:not(.comment-flex > *, .comment-box) {
  min-height: 41px;
}
.quaive-portlet .activity-stream {
  padding-top: var(--portlet-grid-gutter);
}
.quaive-portlet .activity-stream .stream-items {
  display: grid;
  gap: var(--pat-x-list-gutter);
}
.quaive-portlet .activity-stream .item {
  margin: 0;
}
.quaive-portlet .tiles {
  display: grid;
  gap: var(--pat-x-list-gutter);
  --workspace-tile-title-font-family: var(--body-font-family);
  --workspace-tile-title-font-size: var(--body-font-size);
  --workspace-tile-padding: var(--portlet-padding);
}
.quaive-portlet .pat-message {
  margin-bottom: 0;
}
.quaive-portlet.span-1 {
  zoom: 0.9;
}
@container screen style(--screen-large: true) {
.quaive-portlet.span-2 {
  grid-column: span 2;
}
}
@container screen style(--screen-large: true) {
@supports not (display: grid-lanes) {
.quaive-portlet.span-2 {
  zoom: 0.9;
}
}
}
.quaive-portlet[class^="app-"],
.quaive-portlet[class*=" app-"] {
  --colour-accent: var(--app-colour);
}
.quaive-portlet[class^="app-"] .well-header:before,
.quaive-portlet[class*=" app-"] .well-header:before {
  background-color: var(--app-tile-icon-colour, var(--app-colour));
  background-size: 100%;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  content: ' ';
  display: block;
  margin-right: 0.2em;
  border-radius: var(--border-radii);
  transform: scale(1.3);
  transform-origin: 0 center;
}
body[dir=rtl] .quaive-portlet[class^="app-"] .well-header:before,
body[dir=rtl] .quaive-portlet[class*=" app-"] .well-header:before {
  margin-right: 0;
  margin-left: 0.2em;
  transform-origin: 100% center;
}
.quaive-portlet[class^="app-"] .well-header:has(.portlet-app-icon):before,
.quaive-portlet[class*=" app-"] .well-header:has(.portlet-app-icon):before {
  content: none;
}
.quaive-portlet[class^="app-"] .well-header svg.portlet-app-icon,
.quaive-portlet[class*=" app-"] .well-header svg.portlet-app-icon {
  flex: 0 0 auto;
  align-self: center;
  box-sizing: border-box;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  padding: 7px;
  background-color: var(--portlet-app-icon-bg, var(--app-tile-icon-colour, var(--app-colour)));
  color: var(--portlet-app-icon-fg, #fff);
  box-shadow: var(--portlet-app-icon-shadow, none);
  border-radius: var(--border-radii);
  margin-right: 0.2em;
  transform: scale(1.3);
  transform-origin: 0 center;
}
body[dir=rtl] .quaive-portlet[class^="app-"] .well-header svg.portlet-app-icon,
body[dir=rtl] .quaive-portlet[class*=" app-"] .well-header svg.portlet-app-icon {
  margin-right: 0;
  margin-left: 0.2em;
  transform-origin: 100% center;
}
.quaive-portlet[class^="app-"] .well-header svg.portlet-app-icon[fill="white"] *,
.quaive-portlet[class^="app-"] .well-header svg.portlet-app-icon [fill="white"],
.quaive-portlet[class*=" app-"] .well-header svg.portlet-app-icon[fill="white"] *,
.quaive-portlet[class*=" app-"] .well-header svg.portlet-app-icon [fill="white"] {
  fill: var(--portlet-app-icon-fill, currentColor);
  stroke: var(--portlet-app-icon-stroke, none);
  stroke-width: var(--portlet-app-icon-stroke-width, 0);
  vector-effect: non-scaling-stroke;
}
.quaive-portlet[class^="app-"] .well-header a,
.quaive-portlet[class*=" app-"] .well-header a {
  color: var(--body-font-colour);
}
.quaive-portlet.type-birthdays .panel-content {
  display: grid;
  gap: var(--pat-x-list-gutter);
}
.quaive-portlet.type-events .panel-content,
.quaive-portlet.events .panel-content {
  display: grid;
  gap: var(--pat-x-list-gutter);
}
.quaive-portlet.type-zmanim,
.quaive-portlet.type-liturgy,
.quaive-portlet.type-hijri {
  --zmanim-bg:        var(--zmanim-card-background, #f7f1e4);
  --zmanim-ink:       var(--zmanim-card-ink, #2b2118);
  --zmanim-ink-muted: var(--zmanim-card-ink-muted, #6d5e49);
  --zmanim-label:     var(--zmanim-card-label, #8a7a62);
  --zmanim-border:    var(--zmanim-card-rule, #ddd0b6);
  --zmanim-frame:     var(--zmanim-card-frame, #bfa87e);
  --zmanim-outline:   var(--zmanim-card-outline, #cdb88f);
  --zmanim-tile:      var(--zmanim-card-tile, #efe6d3);
  --zmanim-accent:    var(--zmanim-card-accent, #2c5a8c);
  --zmanim-serif: 'Cormorant Garamond', 'TeX Gyre Pagella', Palatino, Georgia, serif;
  --zmanim-sans: 'Inter', var(--body-font-family, system-ui), sans-serif;
  background-color: var(--zmanim-bg);
  color: var(--zmanim-ink);
  border: var(--zmanim-card-border, 1px solid var(--zmanim-outline));
  border-radius: 16px;
  box-shadow: var(--zmanim-card-box-shadow, none);
  min-height: 404px;
  display: flex;
  flex-direction: column;
  font-family: var(--zmanim-sans);
  font-variant-numeric: oldstyle-nums;
  text-align: center;
  padding: 0;
}
.quaive-portlet.type-zmanim > .panel-content,
.quaive-portlet.type-liturgy > .panel-content,
.quaive-portlet.type-hijri > .panel-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.quaive-portlet.type-zmanim a,
.quaive-portlet.type-liturgy a,
.quaive-portlet.type-hijri a {
  color: var(--zmanim-accent);
  text-decoration: none;
  border-bottom: 1px solid var(--zmanim-accent);
}
@media (hover: hover) {
.quaive-portlet.type-zmanim a:hover,
.quaive-portlet.type-liturgy a:hover,
.quaive-portlet.type-hijri a:hover {
  color: var(--zmanim-ink);
}
}
.quaive-portlet.type-zmanim a[href],
.quaive-portlet.type-liturgy a[href],
.quaive-portlet.type-hijri a[href] {
  cursor: pointer;
}
.quaive-portlet.type-zmanim .zmanim,
.quaive-portlet.type-zmanim .liturgy,
.quaive-portlet.type-liturgy .zmanim,
.quaive-portlet.type-liturgy .liturgy,
.quaive-portlet.type-hijri .zmanim,
.quaive-portlet.type-hijri .liturgy {
  flex: 1;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--zmanim-frame);
  border-radius: 10px;
  padding: 26px 22px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  line-height: 1.4;
}
.quaive-portlet.type-zmanim .zmanim :where(p),
.quaive-portlet.type-zmanim .liturgy :where(p),
.quaive-portlet.type-liturgy .zmanim :where(p),
.quaive-portlet.type-liturgy .liturgy :where(p),
.quaive-portlet.type-hijri .zmanim :where(p),
.quaive-portlet.type-hijri .liturgy :where(p) {
  margin: 0;
}
.quaive-portlet.type-zmanim .zmanim-symbol,
.quaive-portlet.type-liturgy .zmanim-symbol,
.quaive-portlet.type-hijri .zmanim-symbol {
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 0;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-zmanim .zmanim-symbol::before,
.quaive-portlet.type-zmanim .zmanim-symbol::after,
.quaive-portlet.type-liturgy .zmanim-symbol::before,
.quaive-portlet.type-liturgy .zmanim-symbol::after,
.quaive-portlet.type-hijri .zmanim-symbol::before,
.quaive-portlet.type-hijri .zmanim-symbol::after {
  content: '';
  width: 44px;
  height: 1px;
  border-block: 1px solid var(--zmanim-ink);
}
.quaive-portlet.type-zmanim .zmanim-symbol svg,
.quaive-portlet.type-liturgy .zmanim-symbol svg,
.quaive-portlet.type-hijri .zmanim-symbol svg {
  width: 18px;
  height: 18px;
}
.quaive-portlet.type-zmanim .zmanim-day-name,
.quaive-portlet.type-zmanim .zmanim-shabbat strong,
.quaive-portlet.type-zmanim .zmanim-parsha strong,
.quaive-portlet.type-zmanim .liturgy-day-name,
.quaive-portlet.type-zmanim .liturgy-date-calendar,
.quaive-portlet.type-zmanim .liturgy-sunday-date,
.quaive-portlet.type-zmanim .liturgy-sunday-name dt,
.quaive-portlet.type-zmanim .liturgy-feasts-heading,
.quaive-portlet.type-liturgy .zmanim-day-name,
.quaive-portlet.type-liturgy .zmanim-shabbat strong,
.quaive-portlet.type-liturgy .zmanim-parsha strong,
.quaive-portlet.type-liturgy .liturgy-day-name,
.quaive-portlet.type-liturgy .liturgy-date-calendar,
.quaive-portlet.type-liturgy .liturgy-sunday-date,
.quaive-portlet.type-liturgy .liturgy-sunday-name dt,
.quaive-portlet.type-liturgy .liturgy-feasts-heading,
.quaive-portlet.type-hijri .zmanim-day-name,
.quaive-portlet.type-hijri .zmanim-shabbat strong,
.quaive-portlet.type-hijri .zmanim-parsha strong,
.quaive-portlet.type-hijri .liturgy-day-name,
.quaive-portlet.type-hijri .liturgy-date-calendar,
.quaive-portlet.type-hijri .liturgy-sunday-date,
.quaive-portlet.type-hijri .liturgy-sunday-name dt,
.quaive-portlet.type-hijri .liturgy-feasts-heading {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--zmanim-label);
}
.quaive-portlet.type-zmanim .kik-countdown-ring,
.quaive-portlet.type-liturgy .kik-countdown-ring,
.quaive-portlet.type-hijri .kik-countdown-ring {
  flex: none;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-zmanim .kik-countdown-ring .kik-countdown-ring-track,
.quaive-portlet.type-liturgy .kik-countdown-ring .kik-countdown-ring-track,
.quaive-portlet.type-hijri .kik-countdown-ring .kik-countdown-ring-track {
  stroke: var(--zmanim-border);
}
.quaive-portlet.type-zmanim .kik-countdown-ring .kik-countdown-ring-days,
.quaive-portlet.type-liturgy .kik-countdown-ring .kik-countdown-ring-days,
.quaive-portlet.type-hijri .kik-countdown-ring .kik-countdown-ring-days {
  font-family: var(--zmanim-serif);
  font-size: 22px;
  font-weight: 600;
  font-variant-numeric: lining-nums tabular-nums;
  fill: var(--zmanim-ink);
}
.quaive-portlet.type-zmanim .zmanim-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.quaive-portlet.type-zmanim .zmanim-day-name {
  letter-spacing: .2em;
}
.quaive-portlet.type-zmanim .zmanim-hebrew-date {
  font-family: var(--zmanim-serif);
  font-size: 44px;
  font-weight: 600;
  line-height: 1;
}
.quaive-portlet.type-zmanim .zmanim-hebrew-letters {
  font-family: 'Frank Ruhl Libre', 'David Libre', 'Times New Roman', serif;
  font-size: 19px;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-zmanim .zmanim-shabbat {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  padding: 10px 20px;
  border-radius: 999px;
  background: var(--zmanim-tile);
}
.quaive-portlet.type-zmanim .zmanim-shabbat > svg {
  width: 22px;
  height: 26px;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-zmanim .zmanim-shabbat time {
  font-family: var(--zmanim-serif);
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-zmanim .zmanim-shabbat-label {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.quaive-portlet.type-zmanim .zmanim-shabbat-label > span {
  font-size: 12px;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-zmanim .zmanim-tiles {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.quaive-portlet.type-zmanim .zmanim-tile:only-child {
  grid-column: 1 / -1;
}
.quaive-portlet.type-zmanim .zmanim-tile {
  padding: 14px;
  border-radius: 12px;
  background: var(--zmanim-tile);
  text-align: start;
}
.quaive-portlet.type-zmanim .zmanim-parsha {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.quaive-portlet.type-zmanim .zmanim-parsha strong {
  letter-spacing: .12em;
}
.quaive-portlet.type-zmanim .zmanim-parsha a,
.quaive-portlet.type-zmanim .zmanim-parsha .zmanim-parsha-name {
  align-self: flex-start;
  font-family: var(--zmanim-serif);
  font-size: 23px;
  font-weight: 600;
  line-height: 1.1;
}
.quaive-portlet.type-zmanim .zmanim-parsha-ref {
  font-size: 12px;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-zmanim .zmanim-next-holiday {
  display: flex;
  align-items: center;
  gap: 10px;
}
.quaive-portlet.type-zmanim .zmanim-countdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 12px;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-zmanim .zmanim-countdown a,
.quaive-portlet.type-zmanim .zmanim-countdown strong {
  font-size: 14px;
  font-weight: 600;
  color: var(--zmanim-ink);
}
.quaive-portlet.type-zmanim .zmanim-tonight {
  margin-top: 12px;
  text-align: center;
  font-size: 13px;
}
.quaive-portlet.type-zmanim .zmanim-tonight a {
  color: var(--zmanim-ink);
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
}
.quaive-portlet.type-zmanim .zmanim-festival-day {
  font-size: 14px;
  font-weight: 600;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-liturgy,
.quaive-portlet.type-hijri {
  --zmanim-accent: var(--liturgy-card-accent, #71509a);
}
.quaive-portlet.type-liturgy .liturgy-day-name,
.quaive-portlet.type-hijri .liturgy-day-name {
  letter-spacing: .2em;
}
.quaive-portlet.type-liturgy .liturgy-dates,
.quaive-portlet.type-hijri .liturgy-dates {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: -14px;
}
.quaive-portlet.type-liturgy .liturgy-date,
.quaive-portlet.type-hijri .liturgy-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 0 8px;
}
.quaive-portlet.type-liturgy .liturgy-date-day,
.quaive-portlet.type-hijri .liturgy-date-day {
  font-family: var(--zmanim-serif);
  font-size: 58px;
  font-weight: 600;
  line-height: .9;
}
.quaive-portlet.type-liturgy .liturgy-date-month,
.quaive-portlet.type-hijri .liturgy-date-month {
  margin-top: 8px;
  font-family: var(--zmanim-serif);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
}
.quaive-portlet.type-liturgy .liturgy-date-calendar,
.quaive-portlet.type-hijri .liturgy-date-calendar {
  margin-top: 2px;
}
.quaive-portlet.type-liturgy .liturgy-date-gregorian .liturgy-date-calendar,
.quaive-portlet.type-hijri .liturgy-date-gregorian .liturgy-date-calendar {
  color: var(--zmanim-accent);
}
.quaive-portlet.type-liturgy .liturgy-date-julian,
.quaive-portlet.type-hijri .liturgy-date-julian {
  margin-top: 10px;
  border-inline-start: 1px solid var(--zmanim-frame);
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-liturgy .liturgy-date-julian .liturgy-date-day,
.quaive-portlet.type-hijri .liturgy-date-julian .liturgy-date-day {
  margin-top: -10px;
}
.quaive-portlet.type-liturgy .liturgy-date-julian .liturgy-date-day,
.quaive-portlet.type-liturgy .liturgy-date-julian .liturgy-date-month,
.quaive-portlet.type-hijri .liturgy-date-julian .liturgy-date-day,
.quaive-portlet.type-hijri .liturgy-date-julian .liturgy-date-month {
  font-weight: 500;
  font-style: italic;
}
.quaive-portlet.type-liturgy .liturgy-sunday,
.quaive-portlet.type-hijri .liturgy-sunday {
  width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 16px 14px 8px;
  border-radius: 12px;
  background: var(--zmanim-tile);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.quaive-portlet.type-liturgy .liturgy-gospel,
.quaive-portlet.type-hijri .liturgy-gospel {
  font-family: var(--zmanim-serif);
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  margin: 12px auto 0;
}
.quaive-portlet.type-liturgy .liturgy-gospel-title,
.quaive-portlet.type-hijri .liturgy-gospel-title {
  font-family: var(--zmanim-serif);
  font-size: 21px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.2;
  color: var(--zmanim-ink);
}
.quaive-portlet.type-liturgy .liturgy-gospel-who,
.quaive-portlet.type-hijri .liturgy-gospel-who {
  font-size: 12px;
  color: var(--zmanim-label);
  margin-bottom: 0;
}
.quaive-portlet.type-liturgy .liturgy-sunday-names,
.quaive-portlet.type-hijri .liturgy-sunday-names {
  width: 100%;
  margin: 10px 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--zmanim-border);
}
.quaive-portlet.type-liturgy .liturgy-sunday-name,
.quaive-portlet.type-hijri .liturgy-sunday-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 8px 6px;
}
.quaive-portlet.type-liturgy .liturgy-sunday-name:nth-child(n + 3),
.quaive-portlet.type-hijri .liturgy-sunday-name:nth-child(n + 3) {
  border-top: 1px solid var(--zmanim-border);
}
.quaive-portlet.type-liturgy .liturgy-sunday-name:nth-child(even),
.quaive-portlet.type-hijri .liturgy-sunday-name:nth-child(even) {
  border-inline-start: 1px solid var(--zmanim-border);
}
.quaive-portlet.type-liturgy .liturgy-sunday-name:last-child:nth-child(odd),
.quaive-portlet.type-hijri .liturgy-sunday-name:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.quaive-portlet.type-liturgy .liturgy-sunday-name dt,
.quaive-portlet.type-hijri .liturgy-sunday-name dt {
  font-size: 10px;
}
.quaive-portlet.type-liturgy .liturgy-sunday-name dd,
.quaive-portlet.type-hijri .liturgy-sunday-name dd {
  margin: 0;
  font-family: var(--zmanim-serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.15;
}
.quaive-portlet.type-liturgy .liturgy-feasts,
.quaive-portlet.type-hijri .liturgy-feasts {
  width: 100%;
  margin-top: 12px;
  text-align: start;
}
.quaive-portlet.type-liturgy .liturgy-feasts ul,
.quaive-portlet.type-hijri .liturgy-feasts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.quaive-portlet.type-liturgy .liturgy-feasts-heading,
.quaive-portlet.type-hijri .liturgy-feasts-heading {
  padding: 0 4px 6px;
  letter-spacing: .12em;
}
.quaive-portlet.type-liturgy .liturgy-feast,
.quaive-portlet.type-hijri .liturgy-feast {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 4px;
  border-top: 1px solid var(--zmanim-border);
}
.quaive-portlet.type-liturgy .liturgy-feast .kik-countdown-ring,
.quaive-portlet.type-hijri .liturgy-feast .kik-countdown-ring {
  color: var(--kik-feast-colour, var(--zmanim-accent));
}
.quaive-portlet.type-liturgy .liturgy-feast .kik-countdown-ring-days,
.quaive-portlet.type-hijri .liturgy-feast .kik-countdown-ring-days {
  font-size: 15px;
}
.quaive-portlet.type-liturgy .liturgy-feast-text,
.quaive-portlet.type-hijri .liturgy-feast-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.quaive-portlet.type-liturgy .liturgy-feast-text a,
.quaive-portlet.type-hijri .liturgy-feast-text a {
  font-size: 14px;
  font-weight: 600;
}
.quaive-portlet.type-liturgy .liturgy-feast-who,
.quaive-portlet.type-hijri .liturgy-feast-who {
  font-size: 12px;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-hijri {
  --zmanim-accent: var(--hijri-card-accent, #2e6b4f);
}
.quaive-portlet.type-hijri .hijri-date {
  margin: -8px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.quaive-portlet.type-hijri .hijri-date-day {
  font-family: var(--zmanim-serif);
  font-size: 64px;
  font-weight: 600;
  line-height: .9;
}
.quaive-portlet.type-hijri .hijri-date-month {
  margin-top: 8px;
  font-family: var(--zmanim-serif);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}
.quaive-portlet.type-hijri .hijri-date-year {
  margin-top: 2px;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-date-arabic {
  margin-top: 6px;
  font-family: 'Amiri', 'Scheherazade New', 'Noto Naskh Arabic', 'Times New Roman', serif;
  font-size: 19px;
  line-height: 1.3;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-season {
  width: 100%;
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.quaive-portlet.type-hijri .hijri-season-line {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.quaive-portlet.type-hijri .hijri-season-title {
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-season-sub {
  font-size: 11px;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-hijri .hijri-season-bar {
  height: 4px;
  border-radius: 2px;
  background: var(--zmanim-border);
  overflow: hidden;
}
.quaive-portlet.type-hijri .hijri-season-bar span {
  display: block;
  height: 100%;
  background: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-hero {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.quaive-portlet.type-hijri .hijri-hero-label {
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--zmanim-label);
}
.quaive-portlet.type-hijri .hijri-hero-line {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.quaive-portlet.type-hijri .hijri-hero-name {
  font-family: var(--zmanim-serif);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
.quaive-portlet.type-hijri .hijri-hero-time {
  font-family: var(--zmanim-serif);
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  color: var(--zmanim-accent);
  font-variant-numeric: lining-nums tabular-nums;
}
.quaive-portlet.type-hijri .hijri-hero-sub {
  font-size: 11px;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-hijri .hijri-prayer-list {
  width: 100%;
  margin: 10px 0 0;
  padding-top: 2px;
  border-top: 1px dashed var(--zmanim-outline);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
}
.quaive-portlet.type-hijri .hijri-prayer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--zmanim-ink);
}
.quaive-portlet.type-hijri .hijri-prayer::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-sizing: border-box;
  background: var(--zmanim-bg);
  border: 1px solid var(--zmanim-frame);
}
.quaive-portlet.type-hijri .hijri-prayer dt {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--zmanim-label);
}
.quaive-portlet.type-hijri .hijri-prayer dd {
  margin: 0;
  font-family: var(--zmanim-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: lining-nums tabular-nums;
}
.quaive-portlet.type-hijri .hijri-prayer.is-past {
  color: var(--zmanim-label);
}
.quaive-portlet.type-hijri .hijri-prayer.is-past::before {
  background: var(--zmanim-outline);
  border-color: var(--zmanim-outline);
}
.quaive-portlet.type-hijri .hijri-prayer.is-next {
  color: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-prayer.is-next::before {
  background: var(--zmanim-accent);
  border-color: var(--zmanim-accent);
  box-shadow: 0 0 0 3px var(--zmanim-tile), 0 0 0 4px var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-prayer.is-next dt {
  color: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-prayer.is-next dd {
  font-weight: 600;
}
.quaive-portlet.type-hijri .hijri-friday {
  width: 100%;
  box-sizing: border-box;
  margin: 12px 0 0;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--zmanim-outline);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
}
.quaive-portlet.type-hijri .hijri-friday .kik-icon {
  width: 14px;
  height: 14px;
  color: var(--zmanim-accent);
}
.quaive-portlet.type-hijri .hijri-friday a {
  color: var(--zmanim-accent);
  cursor: pointer;
}
.post {
  box-sizing: border-box;
  background-color: var(--post-background-colour, white);
  border-radius: var(--post-border-radius, var(--border-radii));
  border-top-left-radius: var(--post-avatar-corner-border-radius, var(--border-radii));
  box-shadow: var(--default-box-shadow);
  --kik-post-padding: 1em;
  padding: var(--kik-post-padding);
  transition: all var(--transition-duration);
  --kik-post-inner-radius: max(var(--border-radii-medium, 10px), calc(var(--post-border-radius, var(--border-radii)) - var(--kik-post-padding)));
}
.post .attachment-list {
  margin-bottom: 0.5rem;
}
.post > .pat-table-box:has(> .post-attachments) {
  margin-block-start: var(--grid-gutter, 15px);
}
.stream-container.standalone .post {
  margin-top: 60px;
}
.post > .pat-message:first-child,
.post > .pat-message:last-child {
  margin: 0;
}
.post.pinned {
  background-color: var(--colour-notice-background);
}
.post .post-body {
  font-size: var(--body-font-size);
}
.post .post-body .quaive-illustration {
  margin-top: var(--grid-gutter, 15px);
}
.post .post-body .quaive-illustration img {
  border-radius: var(--border-radii);
  border: var(--default-border);
}
.post .answered-satisfactory {
  color: rgba(0,0,0,0.6);
  margin-bottom: 0.5em;
  background-color: var(--colour-success);
  float: left;
}
.post .answered-unsatisfactory {
  color: rgba(0,0,0,0.6);
  margin-bottom: 0.5em;
  background-color: var(--colour-warning);
  float: left;
}
.post.question {
  background-color: var(--colour-question);
}
body[dir=rtl] .post {
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--post-avatar-corner-border-radius, var(--border-radii));
}
@container screen style(--screen-small: true) {
.post {
  --kik-post-padding: calc(0.5 * var(--small-screen-padding) + 2px);
}
}
.post * {
  --border-radii: var(--kik-post-inner-radius);
}
.post.post-deleted {
  border-radius: var(--post-border-radius, var(--border-radii));
  padding: 0;
  box-shadow: none;
  border: none;
}
.post .job-card,
.post .poll-card {
  margin-bottom: 1em;
}
.post .poll-card .voting-section.injecting > * {
  opacity: 0.19;
}
.post .poll-card .voting-section.injecting.injecting-after *,
.post .poll-card .voting-section.injecting.injecting-content-after * {
  opacity: inherit;
}
.post .poll-card .voting-section.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.post .poll-card .voting-section.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.post .poll-card .voting-section.injecting:before {
  animation: none;
  opacity: 1;
}
}
.post .preview img {
  max-width: 100%;
  max-height: 300px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.post .document-insert {
  margin-top: var(--grid-gutter);
}
.post .document-preview {
  margin-top: var(--grid-gutter);
}
.post .document-preview img {
  max-width: 100%;
  height: auto;
  margin: 0;
  width: 100%;
}
.post .post {
  padding: 1em 0 0 1em;
  margin-bottom: 1em;
  border-left: 0.5em solid var(--colour-base);
  border-right: none;
  border-top: none;
  border-bottom: none;
  width: auto;
}
body[dir=rtl] .post .post {
  padding: 1em 1em 0 0;
}
body[dir=rtl] .post .post {
  border-left: none;
  border-right: 0.5em solid var(--colour-base);
}
.post .post-header {
  padding: 0;
  position: relative;
  line-height: 1.4em;
}
.post .post-header:has(.pat-avatar) {
  margin-bottom: 0.3em;
  padding-left: 3.2em;
}
body[dir=rtl] .post .post-header:has(.pat-avatar) {
  padding-left: 0;
  padding-right: 3.2em;
}
.post .post-header br {
  display: none;
}
.post .post-header a.icon-cog[href],
.post .post-header a.icon-ellipsis[href] {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--colour-byline);
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: var(--border-radii);
  overflow: hidden;
  background-color: var(--pat-button-background-colour);
  cursor: default;
  backdrop-filter: var(--pat-surface-backdrop-filter);
  text-indent: -1000em;
}
body[dir=rtl] .post .post-header a.icon-cog[href],
body[dir=rtl] .post .post-header a.icon-ellipsis[href] {
  right: auto;
  left: 0;
}
.post .post-header a.icon-cog[href]:before,
.post .post-header a.icon-ellipsis[href]:before {
  text-align: center;
  width: 100%;
  line-height: 25px;
  display: block;
  text-align: center;
  color: var(--pat-button-text-colour);
  margin: 0;
}
.post .post-header a.icon-cog[href] > svg.kik-icon,
.post .post-header a.icon-ellipsis[href] > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}
@media (hover: hover) {
.post .post-header a.icon-cog[href]:hover,
.post .post-header a.icon-ellipsis[href]:hover {
  background-color: var(--pat-button-background-colour-hover);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
}
@media (hover: hover) {
.post .post-header a.icon-cog[href]:hover:before,
.post .post-header a.icon-ellipsis[href]:hover:before {
  color: var(--pat-button-text-colour-hover);
}
}
.post .post-header a.icon-cog[href].tooltip-active-click,
.post .post-header a.icon-ellipsis[href].tooltip-active-click {
  color: white;
  background-color: var(--colour-accent);
}
.post .post-header a.icon-cog[href].tooltip-active-click:before,
.post .post-header a.icon-ellipsis[href].tooltip-active-click:before {
  color: white;
}
.post .post-header a {
  color: var(--byline-colour);
}
@media (hover: hover) {
.post .post-header a:hover {
  text-decoration: none;
}
}
.post .post-header a[href] {
  color: var(--colour-link);
}
@media (hover: hover) {
.post .post-header a[href]:hover .name {
  text-decoration: underline;
}
}
.post .post-header .pat-avatar {
  position: absolute;
  left: 0;
  width: 2.5em;
  height: 2.5em;
}
body[dir=rtl] .post .post-header .pat-avatar {
  left: auto;
  right: 0;
}
.post .post-header .byline {
  color: var(--colour-byline);
  margin-bottom: 0;
}
.post .post-header .byline * {
  font-style: normal;
}
.post .post-header .byline label.pat-select.visibility {
  color: var(--colour-byline);
}
@media (hover: hover) {
.post .post-header .byline label.pat-select.visibility:hover {
  color: var(--body-font-colour);
}
}
.post .post-header .byline label.pat-select.visibility:before {
  font-size: 0.8em;
}
.post .post-content {
  line-height: 1.3em;
  padding-top: 15px;
  -webkit-user-select: text;
  user-select: text;
  margin: 0;
}
.col-3 .post .post-content {
  zoom: 0.8;
}
.post .post-content iframe[src*="youtube"] {
  width: 100%;
  height: 379px;
}
.post .post-content .edited-toggle {
  transition: opacity 1s;
  opacity: 1;
  color: rgba(0,0,0,0.3);
}
@media (hover: hover) {
.post .post-content .edited-toggle:hover {
  text-decoration: underline;
  color: var(--body-font-colour);
}
}
.post .post-content .edited-toggle.collapsible-open {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.post .post-content .original-text {
  opacity: 0.5;
}
.post .post-content p:not(:first-child),
.post .post-content ul:not(:first-child),
.post .post-content ol:not(:first-child),
.post .post-content dl:not(:first-child),
.post .post-content table:not(:first-child),
.post .post-content pre:not(:first-child) {
  margin: var(--grid-gutter) 0 0 0;
}
.post .update-social fieldset {
  margin: 0;
}
.post .update-social textarea,
.post .update-social .content-mirror {
  padding-left: 1em;
}
body[dir=rtl] .post .update-social textarea,
body[dir=rtl] .post .update-social .content-mirror {
  padding-left: 0;
  padding-right: 1em;
}
fieldset.question:before {
  font-size: 1.2em;
  content: "";
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-edit) center / contain no-repeat;
  mask: var(--kik-svg-edit) center / contain no-repeat;
  position: absolute;
  top: 25px;
  left: 64px;
  opacity: 0.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
fieldset.question.focus:before {
  opacity: 0;
  left: 54px;
}
fieldset.question textarea.question {
  font-size: 1.2em;
  height: 41px;
  border: none;
  padding-left: 36px;
  background: rgba(255,255,255,0.6) no-repeat 7px 7px;
  background-size: auto;
  line-height: 25px;
  overflow: hidden;
  resize: none;
  padding-top: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
fieldset.question textarea.question:focus {
  background-color: var(--colour-base-background);
  overflow: auto;
}
fieldset.question textarea.question::-webkit-input-placeholder,
fieldset.question textarea.question::-moz-placeholder,
fieldset.question textarea.question::placeholder {
  color: rgba(0,0,0,0.5);
}
fieldset.question.focus textarea.question,
fieldset.question.inforeq-attached textarea.question {
  height: 100px;
  border-color: #9ead9c;
  padding-left: 5px;
  background-position: -20px 7px;
  margin-bottom: 0;
}
fieldset.question p.attachments {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.2s;
}
fieldset.question.inforeq-attached p.attachments {
  height: 100px;
  border-color: #9ead9c;
  background-position: -20px 7px;
  margin-bottom: 0;
  width: 100%;
}
fieldset.question.inforeq-attached p.attachments img {
  height: 100px;
  float: left;
  margin: 0 6px 4px 0;
}
fieldset.question .button-bar {
  color: rgba(0,0,0,0.5);
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  opacity: 0;
}
fieldset.question fieldset.attachments {
  display: inline;
  margin-right: 15px;
}
fieldset.question .button-bar label.checkbox {
  margin-right: 20px;
}
fieldset.question.focus .button-bar,
fieldset.question.inforeq-attached .button-bar {
  height: 76px;
  padding-top: 5px;
  padding-bottom: 5px;
  opacity: 1;
}
form#post-form {
  padding: 17px 50px 7px;
  background-color: var(--colour-post);
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 2em;
}
#sidebar form#post-form {
  margin: 0;
  padding-right: 15px;
  padding-left: 15px;
}
form#post-form fieldset.question {
  margin-bottom: 0;
  background-image: none;
}
.kik-link-previews {
  margin: var(--grid-gutter) 0 0;
  padding: 0;
  list-style: none;
}
.kik-link-previews.cols-2,
.kik-link-previews.cols-3 {
  display: grid;
  gap: var(--grid-gutter);
}
.kik-link-previews.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kik-link-previews.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kik-link-previews .link-preview {
  display: flex;
  min-width: 0;
}
.kik-link-previews .card-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--colour-base);
  border-radius: var(--border-radii-medium);
  overflow: hidden;
  background-color: var(--post-background-colour, white);
  color: inherit;
  box-shadow: var(--default-box-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.kik-link-previews .card-link,
.kik-link-previews .card-link:link,
.kik-link-previews .card-link:visited,
.kik-link-previews .card-link:hover,
.kik-link-previews .card-link:focus,
.kik-link-previews .card-link:focus-visible,
.kik-link-previews .card-link:active {
  text-decoration: none;
}
.kik-link-previews .card-link:focus-visible {
  border-color: var(--colour-link);
  box-shadow: var(--default-box-shadow-hover);
}
.kik-link-previews .card-link:focus-visible .title {
  color: var(--colour-link);
}
@media (hover: hover) {
.kik-link-previews .card-link:hover {
  border-color: var(--colour-link);
  box-shadow: var(--default-box-shadow-hover);
}
}
@media (hover: hover) {
.kik-link-previews .card-link:hover .title {
  color: var(--colour-link);
}
}
.kik-link-previews .preview-image {
  display: block;
  background-color: var(--colour-base);
}
.kik-link-previews .preview-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1.91 / 1;
  object-fit: cover;
  margin: 0;
}
.kik-msg-bubble .kik-link-previews .kik-tile-podcasts .preview-image img,
.kik-msg-bubble .kik-link-previews .kik-tile-music .preview-image img {
  aspect-ratio: 1 / 1;
}
.kik-msg-bubble .kik-link-previews .kik-tile-documents .preview-image img {
  aspect-ratio: 4 / 3;
  max-height: 340px;
  object-fit: contain;
}
.kik-link-previews .source {
  display: block;
  padding: 0.6rem 0.75rem 0;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  color: color-mix(in srgb, var(--colour-header-elements) 60%, transparent);
}
.kik-link-previews .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0.15rem 0.75rem 0;
  margin: 0 0 0.75rem;
  font-size: var(--body-font-size);
  font-weight: bold;
  line-height: 1.25;
  color: var(--body-font-colour);
  transition: color 0.15s ease;
}
.search-form {
  --search-field-font-size: 33px;
  --pat-form-input-field-font-size: var(--search-field-font-size);
  position: relative;
}
.search-form fieldset {
  margin: 0;
}
@media print {
.search-form {
  display: none;
}
}
@container screen style(--screen-small: true) {
.search-form {
  width: 100%;
  margin: 0;
  height: 4.5em;
}
}
@container screen style(--screen-small: false) {
.search-form {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
}
.header.search-results .search-form {
  margin: 3em auto 1.2em;
  font-size: 1em;
}
.header.search-results .search-form .search-box-body {
  box-shadow: none;
  padding: 0;
  background: none;
  margin: 0;
  color: var(--body-font-colour);
}
.header.search-results .search-form .search-box-body input {
  background-color: var(--colour-base-background);
}
.search-form .toggle-bar {
  padding: 0;
  margin: 10px 0 0 0;
  position: relative;
  top: -1.5em;
  transition: all 0.5s;
}
@container screen style(--screen-small: true) {
.search-form .toggle-bar {
  display: none !important;
}
}
.header.home .search-form .toggle-bar {
  margin-top: -3.4em;
  position: absolute;
  top: inherit;
  bottom: 1.8em;
}
.header.home .search-form .toggle-bar {
  margin-top: -3.4em;
  position: absolute;
  top: inherit;
  bottom: 1.8em;
}
.search-form .toggle-bar .pat-switch {
  text-decoration: underline;
  font-style: normal;
  font-weight: normal;
  color: gray;
}
@media (hover: hover) {
.search-form .toggle-bar .pat-switch:hover {
  color: var(--body-font-colour);
}
}
.search-form .toggle-bar .pat-switch.checked {
  display: none;
}
.search-form .toggle-bar .pat-switch input {
  position: absolute;
  opacity: 0;
}
.search-form.view-extended .toggle-bar {
  top: 0;
}
.header.home .search-form.view-extended .search-box-body:not(#search-normal) {
  min-height: 12.5em;
}
.search-form.view-extended .search-box-body:not(#search-normal) .search-field {
  width: calc(44.47% - 2.8em);
  right: 3.2em;
  opacity: 0;
  pointer-events: none;
}
body[dir=rtl] .search-form.view-extended .search-box-body:not(#search-normal) .search-field {
  right: auto;
  left: 3.2em;
}
.search-form.view-extended .search-box-body:not(#search-normal) .search-field input[type=search] {
  height: 32px;
  width: 100%;
}
.search-form.view-extended .search-box-body:not(#search-normal) .search-field button {
  font-size: 1em;
  right: 10em;
  height: 32px;
  opacity: 0;
}
body[dir=rtl] .search-form.view-extended .search-box-body:not(#search-normal) .search-field button {
  right: auto;
  left: 10em;
}
.search-form .search-field {
  position: absolute;
  z-index: 5;
  right: 0;
  width: 100%;
}
body[dir=rtl] .search-form .search-field {
  right: auto;
  left: 0;
}
.search-style-compact .search-form .search-field {
  position: static;
  margin: 0 0 10px 0;
}
@container screen style(--screen-small: true) {
.search-form .search-field {
  width: 100%;
  right: 0;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .search-form .search-field {
  right: auto;
  left: 0;
}
}
.-ms- .search-form.view-compact .search-box-body {
  height: 6em;
}
@container screen style(--screen-small: true) {
#document-content-search {
  padding-top: 40px;
}
}
:root {
  --search-box-border-radius: var(--border-radii);
}
.search-box {
  position: relative;
}
.sidebar .search-box {
  margin-bottom: 15px;
}
.search-box label {
  position: relative;
  display: block;
}
.search-box label input[type="search"] {
  margin: 0;
  padding-left: 34px;
  position: relative;
  width: 100%;
  background-color: var(--colour-form-fields-background);
  border-radius: var(--search-box-border-radius);
  text-indent: 0;
  box-shadow: none;
  border: transparent 1px solid;
  font-size: 18px;
  display: block;
}
.search-box label input[type="search"]:focus {
  border: silver 1px solid;
}
.search-box label button {
  display: none;
}
.search-box label::before {
  content: '';
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-search) center / contain no-repeat;
  mask: var(--kik-svg-search) center / contain no-repeat;
  left: 12px;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  font-size: 18px;
  z-index: 1;
  color: var(--pat-form-input-field-text-colour);
}
:root {
  --search-field-font-size: 1.8em;
}
.search-field {
  position: relative;
  height: 62px;
  margin-bottom: 0.5em;
  font-size: var(--search-field-font-size);
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
  transition: all var(--advanced-search-animation-speed);
  display: block;
  box-sizing: border-box;
}
#app-space.state-paused .search-field {
  display: none;
}
@container screen style(--screen-small: true) {
.search-field {
  position: relative;
  width: 100%;
  font-size: 1em;
  padding: 0;
}
}
.search-field :is(input[type=search], textarea) {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width:100%;
  border: none;
  line-height: 1.5;
  padding: 0 90px 0 20px;
  margin: 0;
  border: none;
  z-index: 2;
  box-shadow: none;
  height: 62px;
  color: var(--colour-search-box);
  background-color: var(--colour-base-background);
  transition: all var(--advanced-search-animation-speed);
  vertical-align: middle;
  border-radius: 0;
  border-radius: var(--border-radii);
  outline: 1px solid color-mix(in srgb, var(--body-font-colour) 50%, transparent);
}
body[dir=rtl] .search-field :is(input[type=search], textarea) {
  left: auto;
  right: 0;
}
body[dir=rtl] .search-field :is(input[type=search], textarea) {
  float: right;
}
body[dir=rtl] .search-field :is(input[type=search], textarea) {
  padding: 0 20px 0 90px;
}
.header.home .search-field :is(input[type=search], textarea) {
  background: var(--colour-base-background);
}
@container screen style(--screen-small: true) {
.search-field :is(input[type=search], textarea) {
  position: static;
  width: 100%;
  height: 50px;
  line-height: 50px;
  transition: none;
}
}
@container screen style(--screen-small: true) {
.search-field :is(input[type=search], textarea).ui-corner-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
}
.search-field input[type=search]::-webkit-search-cancel-button,
.search-field input[type=search]::-webkit-search-decoration,
.search-field input[type=search]::-webkit-search-results-button,
.search-field input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.search-field .kik-search-clear {
  position: absolute;
  top: 0;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-inline-end: 2.9em;
  z-index: 3;
  width: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  text-indent: -1000em;
  color: var(--colour-ink-medium, silver);
}
@container screen style(--screen-small: true) {
.search-field .kik-search-clear {
  height: 50px;
}
}
.search-field .kik-search-clear::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / contain no-repeat;
  mask: var(--kik-svg-close) center / contain no-repeat;
  color: inherit;
  text-indent: 0;
  position: static;
  display: block;
  line-height: 1;
  transform: translateY(-1px);
  font-size: 15px;
}
@media (hover: hover) {
.search-field .kik-search-clear:hover {
  color: var(--body-font-colour, #1a1a1a);
  background: transparent;
}
}
.search-field :is(input[type=search], textarea):placeholder-shown ~ .kik-search-clear {
  display: none;
}
.search-field button {
  transition: all var(--advanced-search-animation-speed);
  position: absolute;
  right: 0;
  width: 2.2em;
  height: 1.9em;
  background-color: var(--button-background-colour-default);
  float: right;
  text-align: center;
  margin: 0;
  line-height: 1.8em;
  text-indent: -100em;
  border-color: #dedede;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
  z-index: 10;
}
body[dir=rtl] .search-field button {
  right: auto;
  left: 0;
}
body[dir=rtl] .search-field button {
  float: left;
}
body[dir=rtl] .search-field button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
@media (hover: hover) {
.search-field button:hover {
  background-color: var(--button-background-colour-default-hover);
}
}
.search-field button:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-search) center / 1em no-repeat;
  mask: var(--kik-svg-search) center / 1em no-repeat;
  text-indent: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  text-align: center;
  line-height: 1.85em;
  color: white;
}
@container screen style(--screen-small: true) {
.search-field button {
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
}
@container screen style(--screen-small: true) {
.search-field button:before {
  line-height: 50px;
}
}
.search-field button:focus {
  box-shadow: none;
  outline: none;
}
.search-field button:active {
  outline: none;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
}
.search-field button:active:before {
  color: var(--colour-accent);
}
.search-field {
  --kik-ask-height: 62px;
  --kik-ask-gap: 4px;
  --kik-ask-line: color-mix(in srgb, var(--body-font-colour) 28%, transparent);
  height: var(--kik-ask-height);
}
.search-field :is(input[type=search], textarea) {
  height: var(--kik-ask-height);
  line-height: var(--kik-ask-height);
  border-radius: calc(var(--kik-ask-height) / 2);
  padding-inline-start: 24px;
  padding-inline-end: calc(var(--kik-ask-height) + 20px);
  outline: 1px solid var(--kik-ask-line);
  outline-offset: 0;
}
body[dir=rtl] .search-field :is(input[type=search], textarea) {
  padding: 0 24px 0 calc(var(--kik-ask-height) + 20px);
}
.search-field button {
  top: var(--kik-ask-gap);
  right: auto;
  left: auto;
  inset-inline-end: var(--kik-ask-gap);
  width: calc(var(--kik-ask-height) - 2 * var(--kik-ask-gap));
  height: calc(var(--kik-ask-height) - 2 * var(--kik-ask-gap));
  line-height: calc(var(--kik-ask-height) - 2 * var(--kik-ask-gap));
  border-radius: 50%;
  border: 0;
}
body[dir=rtl] .search-field button {
  left: var(--kik-ask-gap);
  right: auto;
  border-radius: 50%;
}
.search-field button:before {
  line-height: calc(var(--kik-ask-height) - 2 * var(--kik-ask-gap));
}
.search-field .kik-search-clear {
  top: 0;
  height: var(--kik-ask-height);
  inset-inline-end: calc(var(--kik-ask-height) + 2px);
}
.search-field.search-field:has(textarea) {
  display: flex;
  align-items: stretch;
  height: auto;
  min-height: var(--kik-ask-height);
}
.search-field.search-field textarea {
  position: static;
  width: 100%;
  height: auto;
  min-height: var(--kik-ask-height);
  max-height: 40vh;
  line-height: 1.25;
  padding-block: calc((var(--kik-ask-height) - 1.25em) / 2);
  resize: none;
  overflow-y: auto;
  display: block;
}
@container screen style(--screen-small: true) {
.search-field {
  --kik-ask-height: 50px;
}
}
@container screen style(--screen-small: true) {
.search-field.search-field textarea {
  font-size: inherit;
}
}
:root {
  --document-tile-box-shadow: var(--default-box-shadow, initial);
}
.search-results .title {
  position: relative;
}
.search-results .title a {
  color: var(--colour-accent);
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.search-results .title a:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 0.5em;
  font-weight: normal;
  background-color: currentColor;
  -webkit-mask: var(--kik-search-mark) center / contain no-repeat;
  mask: var(--kik-search-mark) center / contain no-repeat;
}
.search-results .title a .workspace-state {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0,0,0,0.5);
  display: inline-block;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.8em;
  margin-left: 0.5em;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255,255,255,.5) 2px, rgba(255,255,255,.5) 4px);
}
.search-results .title.type-emergency-service a {
  color: red;
}
.search-results .title.type-emergency-service a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-alarm);
}
.search-results .title.type-powerpoint a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-file-powerpoint);
}
.search-results .title.type-word a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-file-word);
}
.search-results .title.type-excel a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-file-excel);
}
.search-results .title.type-folder a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-folder);
}
.search-results .title.type-task a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-list);
}
.search-results .title.type-pdf a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-job a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-briefcase);
}
.search-results .title.type-people a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-user);
}
.search-results .title.type-post a:before {
  content: '\1f4cc';
  width: auto;
  height: auto;
  background-color: transparent;
  -webkit-mask: none;
  mask: none;
}
.search-results .title.type-rich a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-news a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-newspaper);
}
.search-results .title.type-library-item a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-library);
}
.search-results .title.type-library-section a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-grid);
}
.search-results .title.type-library-subsection a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-grid);
}
.search-results .title.type-event a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-calendar);
}
.search-results .title.type-image a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-picture);
}
.search-results .title.type-slideshow a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-slides);
}
.search-results .title.type-classifieds-ad a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-megaphone);
}
.search-results .title.type-folder a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-folder);
}
.search-results .title.type-group a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-users);
}
.search-results .title.type-workspace a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-workspace);
}
.search-results .title.type-super-space a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-workspace);
}
.search-results .title.type-link a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-link);
}
.search-results .title.type-question a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-help);
}
.search-results .title.type-file a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-contract a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-audio a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-volume);
}
.search-results .title.type-video a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-video);
}
.search-results .title.type-odt a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-octet a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-archive);
}
.search-results .title.type-postscript a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-plain-text a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-document);
}
.search-results .title.type-zip a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-archive);
}
.search-results .title.type-business-card a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-contacts);
}
.search-results .title.type-email a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-mail);
}
.search-results .title.type-app a:before {
  content: '';
  --kik-search-mark: var(--kik-svg-app);
}
.search-results.previews-off .title a,
.search-results.previews-off .description {
  padding-left: 0;
}
.search-results.previews-off .description .preview {
  display: none;
}
.search-results .description {
  margin-bottom: 3em;
  display: flex;
}
.search-results .description cite.highlight {
  background-color: var(--colour-notice);
  border: 2px solid rgba(0,0,0,0.05);
  font-style: normal;
}
.search-results .description .link {
  color: green;
  font-style: italic;
}
@media (hover: hover) {
.search-results .description .link:hover {
  text-decoration: underline;
}
}
@container screen style(--screen-small: true) {
.search-results .description .link {
  display: none;
}
}
.search-results .description:after {
  content: " ";
  display: table;
  clear: both;
}
.search-results .description .fragment {
  margin-bottom: 0;
}
.search-results .description ul.data {
  margin: 10px 0;
}
@media (hover: hover) {
.search-results .description ul.data li a:hover {
  text-decoration: underline;
}
}
.search-results .description .preview {
  flex: none;
  margin-top: 8px;
  padding-right: 20px;
  width: 25%;
  box-sizing: border-box;
  background-color: var(--colour-base-background);
}
.search-results .description .preview img {
  width: 100%;
  float: left;
  border: 1px solid #dedede;
}
.search-results .description .preview.failed-preview {
  border: none;
}
.search-results .description .preview.failed-preview h4 {
  float: none;
  width: 100%;
  line-height: 2.78em;
  font-size: 2.5em;
  display: block;
  margin: 0 auto 0.5em;
  background-color: #efefef;
  color: gray;
  text-align: center;
  margin: 0;
}
.search-results .description .preview.app-preview .tile-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  width: 100%;
  height: 100%;
}
.search-results .description .preview.app-preview img {
  border: none;
  background-color: var(--colour-accent);
}
.search-results .description .preview.post-preview {
  border: none;
}
.search-results .description .preview.post-preview h4 {
  display: none;
}
.search-results .description .preview.post-preview:before,
.search-results .description .preview.post-preview:after {
  color: #efefef;
  font-size: 14rem;
  line-height: 0;
  margin-top: 5rem;
}
.search-results .description .preview.post-preview:before {
  content: "“";
  float: right;
}
.search-results .description .preview.post-preview:after {
  content: "”";
  float: left;
}
.search-results .description .preview.question-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.question-preview h4 {
  display: none;
}
.search-results .description .preview.question-preview:before {
  content: '';
  float: none;
  width: 100%;
  height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-help) center / 1em no-repeat;
  mask: var(--kik-svg-help) center / 1em no-repeat;
}
.search-results .description .preview.question-preview.workspace-state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px);
}
.search-results .description .preview.question-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.zip-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.zip-preview h4 {
  display: none;
}
.search-results .description .preview.zip-preview:before {
  content: '';
  float: none;
  width: 100%;
  height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-archive) center / 1em no-repeat;
  mask: var(--kik-svg-archive) center / 1em no-repeat;
}
.search-results .description .preview.zip-preview.workspace-state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px);
}
.search-results .description .preview.zip-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.email-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.email-preview h4 {
  display: none;
}
.search-results .description .preview.email-preview:before {
  content: '';
  float: none;
  width: 100%;
  height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-mail) center / 1em no-repeat;
  mask: var(--kik-svg-mail) center / 1em no-repeat;
}
.search-results .description .preview.email-preview.workspace-state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px);
}
.search-results .description .preview.email-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.link-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.link-preview h4 {
  display: none;
}
.search-results .description .preview.link-preview:before {
  content: '';
  float: none;
  width: 100%;
  height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-link) center / 1em no-repeat;
  mask: var(--kik-svg-link) center / 1em no-repeat;
}
.search-results .description .preview.link-preview.workspace-state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px);
}
.search-results .description .preview.link-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.workspace-preview,
.search-results .description .preview.super-space-preview {
  background-color: var(--colour-workspace-default);
  border: none;
}
.search-results .description .preview.workspace-preview h4,
.search-results .description .preview.super-space-preview h4 {
  display: none;
}
.search-results .description .preview.workspace-preview:before,
.search-results .description .preview.super-space-preview:before {
  content: '';
  float: none;
  width: 100%;
  height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-workspace) center / 1em no-repeat;
  mask: var(--kik-svg-workspace) center / 1em no-repeat;
}
.search-results .description .preview.workspace-preview.workspace-state-archived,
.search-results .description .preview.super-space-preview.workspace-state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px);
}
.search-results .description .preview.workspace-preview[class*=workspace-type]:before,
.search-results .description .preview.super-space-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.video-preview:before {
  display: none;
}
.search-results .description .preview.video-preview video {
  width: 100%;
  float: left;
}
.search-results .description .preview.question {
  border: none;
}
.search-results .description .preview.question h4 {
  display: none;
}
.search-results .description .preview.question:before,
.search-results .description .preview.question:after {
  color: #efefef;
  font-size: 14rem;
  line-height: 0;
  margin-top: 5rem;
}
.search-results .description .preview.question:before {
  content: "“";
  float: right;
}
.search-results .description .preview.question:after {
  content: "”";
  float: left;
}
.search-results .description .preview.user img {
  border: none;
}
.search-results .description .preview.group img {
  border: none;
}
.search-results .description .preview.event .event-card .follow .teaser .title,
.search-results .description .preview.event .event-card .follow .teaser .description {
  font-size: 13px;
}
.search-results .description .preview.event .event-card .follow .teaser {
  padding: 10px 10px 0 80px;
  margin-bottom: 12px;
}
.search-results .description .preview.event .event-card .follow .event-date {
  left: 10px;
  width: 62px;
}
.search-results .description .preview.rich {
  height: 10rem;
  padding: 3%;
  padding-right: calc(3% + 20px);
  font-size: 8px;
  overflow: hidden;
  position: relative;
}
.search-results .description .preview.rich .follow {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: -1000px;
  border: 1px solid #dedede;
}
.search-results .description a {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.search-results .description a:hover {
  text-decoration: none;
}
}
.search-results .description a .summary {
  color: var(--body-font-colour);
}
#global-search,
#chokhmah-form {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 18px;
  background-color: transparent;
}
@container screen style(--screen-small: false) {
#global-search,
#chokhmah-form {
  display: table;
}
}
@container screen style(--screen-small: true) {
#global-search,
#chokhmah-form {
  display: flex;
  flex-direction: column;
}
}
@container screen style(--screen-small: false) {
#global-search .search-header,
#chokhmah-form .search-header {
  display: table-row;
}
}
@container screen style(--screen-small: true) {
#global-search .search-header,
#chokhmah-form .search-header {
  display: block;
  flex: 0 0 auto;
}
}
#global-search .search-header.injecting:before,
#chokhmah-form .search-header.injecting:before {
  display: none;
}
#global-search .search-header .container.search-form,
#chokhmah-form .search-header .container.search-form {
  vertical-align: middle;
  height: 0%;
  padding-top: 3.5em;
  padding-bottom: 0em;
  animation: schrink-header 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
@container screen style(--screen-small: false) {
#global-search .search-header .container.search-form,
#chokhmah-form .search-header .container.search-form {
  display: table-cell;
}
}
@container screen style(--screen-small: true) {
#global-search .search-header .container.search-form,
#chokhmah-form .search-header .container.search-form {
  display: block;
  height: auto;
  padding-top: 0;
  animation: none;
}
}
#global-search .search-header .container.search-form .search-navigation,
#chokhmah-form .search-header .container.search-form .search-navigation {
  transition: all 1s;
  margin-top: 0;
  opacity: 1;
}
@keyframes schrink-header {

        from {
          height: 100%;
        }

        to {
          height: 0%;
        }
      }
#global-search .search-header .container.search-form.initial-search,
#chokhmah-form .search-header .container.search-form.initial-search {
  height: 100%;
  animation: none;
}
#global-search .search-header .container.search-form.initial-search #tabs-nav,
#chokhmah-form .search-header .container.search-form.initial-search #tabs-nav {
  opacity: 0;
  pointer-events: none;
}
#global-search .search-body,
#chokhmah-form .search-body {
  width: 100%;
}
@container screen style(--screen-small: false) {
#global-search .search-body,
#chokhmah-form .search-body {
  display: table-row;
}
}
@container screen style(--screen-small: true) {
#global-search .search-body,
#chokhmah-form .search-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
}
@container screen style(--screen-small: false) {
#global-search .search-body .row,
#chokhmah-form .search-body .row {
  animation: fadeIn 2s;
}
}
#global-search .search-body article.explanation,
#chokhmah-form .search-body article.explanation {
  color: var(--colour-byline);
  font-size: 1.2em;
  line-height: 1.6;
  width: 100%;
  padding: 3em 0;
  transition: 1s opacity;
}
#global-search .search-body article.explanation *,
#chokhmah-form .search-body article.explanation * {
  text-align: center;
  margin: 0;
}
#global-search .search-body .container.results-pane,
#chokhmah-form .search-body .container.results-pane {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 3%;
  padding-bottom: 3%;
}
@container screen style(--screen-small: false) {
#global-search .search-body .container.results-pane,
#chokhmah-form .search-body .container.results-pane {
  display: table-cell;
}
}
#global-search .search-body .container.results-pane >.results,
#chokhmah-form .search-body .container.results-pane >.results {
  max-width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#global-search .search-body .container.results-pane >.results.injecting .explanation,
#chokhmah-form .search-body .container.results-pane >.results.injecting .explanation {
  opacity: 0;
}
#global-search .introduction,
#chokhmah-form .introduction {
  margin-bottom: 1em;
  --pat-select-box-padding-top-bottom: 0;
}
@container screen style(--screen-small: true) {
#global-search .introduction .pat-select,
#chokhmah-form .introduction .pat-select {
  display: none;
}
}
#global-search .did-you-mean,
#chokhmah-form .did-you-mean {
  border-bottom: 1px silver dotted;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
#global-search .top-filters,
#chokhmah-form .top-filters {
  margin-bottom: 1em;
  text-align: center;
}
#global-search .top-filters label,
#chokhmah-form .top-filters label {
  margin-bottom: 0.5em;
}
#global-search #results .filters,
#chokhmah-form #results .filters {
  font-size: 0.9em;
  padding-right: 3%;
}
@container screen style(--screen-small: true) {
#global-search #results .filters,
#chokhmah-form #results .filters {
  display: none;
}
}
#global-search #results .filters .legend,
#chokhmah-form #results .filters .legend {
  margin-bottom: 0.5em;
  font-weight: bold;
}
#global-search #results .filters .button-cluster,
#chokhmah-form #results .filters .button-cluster {
  margin-top: 0.3em;
  float: right;
}
#global-search #results .filters label,
#chokhmah-form #results .filters label {
  clear: both;
  font-weight: normal;
  display: block;
}
#global-search #results .filters label.checked:before,
#chokhmah-form #results .filters label.checked:before {
  color: white;
}
#global-search #results .filters label.checked .counter,
#chokhmah-form #results .filters label.checked .counter {
  background-color: rgba(var(--color-white), 0.2);
}
#global-search #results .filters .pat-bar-toggles,
#chokhmah-form #results .filters .pat-bar-toggles {
  margin-bottom: 1em;
}
#global-search #results .filters .pat-bar-toggles label,
#chokhmah-form #results .filters .pat-bar-toggles label {
  padding-left: 33px;
}
#global-search div.results,
#chokhmah-form div.results {
  position: relative;
}
#global-search div.results.office-files,
#chokhmah-form div.results.office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
#global-search div.results.office-files .item,
#chokhmah-form div.results.office-files .item {
  width: 33.3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: var(--colour-byline);
}
#global-search div.results.office-files .item#load-more-results,
#chokhmah-form div.results.office-files .item#load-more-results {
  padding: 7em 0 2em 0;
  width: 100%;
  text-align: center;
}
@container screen style(--screen-small: true) {
#global-search div.results.office-files .item,
#chokhmah-form div.results.office-files .item {
  width: 100%;
}
}
@media (hover: hover) {
#global-search div.results.office-files .item:hover,
#chokhmah-form div.results.office-files .item:hover {
  color: var(--body-font-colour);
  text-decoration: none;
  border-color: var(--body-font-colour);
}
}
#global-search div.results.office-files .item .preview.rich,
#chokhmah-form div.results.office-files .item .preview.rich {
  border: solid 1px #dedede;
  background-color: var(--colour-base-background);
  padding-top: 1.5em;
  position: relative;
}
#global-search div.results.office-files .item .preview.rich article.pat-rich,
#chokhmah-form div.results.office-files .item .preview.rich article.pat-rich {
  height: 10rem;
  padding: 8%;
  font-size: 8px;
  overflow: hidden;
  position: relative;
}
#global-search div.results.office-files .item .preview.rich article.pat-rich img,
#chokhmah-form div.results.office-files .item .preview.rich article.pat-rich img {
  max-width: 100%;
}
#global-search div.results.office-files .item .preview.rich article.pat-rich h1,
#chokhmah-form div.results.office-files .item .preview.rich article.pat-rich h1 {
  margin-bottom: 1em;
}
#global-search div.results.office-files .item .preview.rich .follow,
#chokhmah-form div.results.office-files .item .preview.rich .follow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: -1000px;
}
#global-search div.results.office-files .item figcaption,
#global-search div.results.office-files .item .preview-title,
#chokhmah-form div.results.office-files .item figcaption,
#chokhmah-form div.results.office-files .item .preview-title {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#global-search div.results.office-files .item figure,
#chokhmah-form div.results.office-files .item figure {
  background-color: var(--colour-base-background);
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
#global-search div.results.office-files .item figure img,
#chokhmah-form div.results.office-files .item figure img {
  width: 100%;
  display: block;
}
#global-search div.results.images,
#chokhmah-form div.results.images {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
#global-search div.results.images .item,
#chokhmah-form div.results.images .item {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: var(--colour-byline);
}
#global-search div.results.images .item#load-more-results,
#chokhmah-form div.results.images .item#load-more-results {
  margin-top: 5em;
  padding: 7em 0 2em 0;
  width: 100%;
  text-align: center;
}
@container screen style(--screen-small: true) {
#global-search div.results.images .item,
#chokhmah-form div.results.images .item {
  width: 100%;
}
}
@media (hover: hover) {
#global-search div.results.images .item:hover,
#chokhmah-form div.results.images .item:hover {
  color: var(--body-font-colour);
  text-decoration: none;
  border-color: var(--body-font-colour);
}
}
#global-search div.results.images .item figure,
#chokhmah-form div.results.images .item figure {
  background-color: var(--colour-base-background);
  border: solid 1px #dedede;
}
#global-search div.results.images .item figure img,
#chokhmah-form div.results.images .item figure img {
  width: 100%;
}
#global-search div.results.images .item figure figcaption,
#chokhmah-form div.results.images .item figure figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.2em 0 0.4em;
  text-align: center;
}
@container screen style(--screen-large: true) {
#global-search div.results.videos,
#global-search div.results.images,
#global-search div.results.documents,
#chokhmah-form div.results.videos,
#chokhmah-form div.results.images,
#chokhmah-form div.results.documents {
  margin-left: calc(-1 * var(--grid-gutter));
  margin-right: calc(-1 * var(--grid-gutter));
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#global-search div.results.videos,
#global-search div.results.images,
#global-search div.results.documents,
#chokhmah-form div.results.videos,
#chokhmah-form div.results.images,
#chokhmah-form div.results.documents {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
}
}
@media (orientation: portrait) and (769px <= width <= 1279px) {
#global-search div.results.videos,
#global-search div.results.images,
#global-search div.results.documents,
#chokhmah-form div.results.videos,
#chokhmah-form div.results.images,
#chokhmah-form div.results.documents {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
}
}
@container screen style(--screen-small: true) {
#global-search div.results.videos,
#global-search div.results.images,
#global-search div.results.documents,
#chokhmah-form div.results.videos,
#chokhmah-form div.results.images,
#chokhmah-form div.results.documents {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
}
}
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile,
#global-search div.results.images .grid-sizer,
#global-search div.results.images .tile,
#global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .grid-sizer,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .grid-sizer,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .grid-sizer,
#chokhmah-form div.results.documents .tile {
  box-sizing: border-box;
}
@container screen style(--screen-large: true) {
.js #global-search div.results.videos .grid-sizer,
.js #global-search div.results.videos .tile,
.js #global-search div.results.images .grid-sizer,
.js #global-search div.results.images .tile,
.js #global-search div.results.documents .grid-sizer,
.js #global-search div.results.documents .tile,
.js #chokhmah-form div.results.videos .grid-sizer,
.js #chokhmah-form div.results.videos .tile,
.js #chokhmah-form div.results.images .grid-sizer,
.js #chokhmah-form div.results.images .tile,
.js #chokhmah-form div.results.documents .grid-sizer,
.js #chokhmah-form div.results.documents .tile {
  width: 33.33333332%;
}
}
.js #global-search div.results.videos .grid-sizer.span-full,
.js #global-search div.results.videos .tile.span-full,
.js #global-search div.results.images .grid-sizer.span-full,
.js #global-search div.results.images .tile.span-full,
.js #global-search div.results.documents .grid-sizer.span-full,
.js #global-search div.results.documents .tile.span-full,
.js #chokhmah-form div.results.videos .grid-sizer.span-full,
.js #chokhmah-form div.results.videos .tile.span-full,
.js #chokhmah-form div.results.images .grid-sizer.span-full,
.js #chokhmah-form div.results.images .tile.span-full,
.js #chokhmah-form div.results.documents .grid-sizer.span-full,
.js #chokhmah-form div.results.documents .tile.span-full {
  width: 100%;
}
.js #global-search div.results.videos .grid-sizer.span-2,
.js #global-search div.results.videos .tile.span-2,
.js #global-search div.results.images .grid-sizer.span-2,
.js #global-search div.results.images .tile.span-2,
.js #global-search div.results.documents .grid-sizer.span-2,
.js #global-search div.results.documents .tile.span-2,
.js #chokhmah-form div.results.videos .grid-sizer.span-2,
.js #chokhmah-form div.results.videos .tile.span-2,
.js #chokhmah-form div.results.images .grid-sizer.span-2,
.js #chokhmah-form div.results.images .tile.span-2,
.js #chokhmah-form div.results.documents .grid-sizer.span-2,
.js #chokhmah-form div.results.documents .tile.span-2 {
  width: 50%;
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.js #global-search div.results.videos .grid-sizer,
.js #global-search div.results.videos .tile,
.js #global-search div.results.images .grid-sizer,
.js #global-search div.results.images .tile,
.js #global-search div.results.documents .grid-sizer,
.js #global-search div.results.documents .tile,
.js #chokhmah-form div.results.videos .grid-sizer,
.js #chokhmah-form div.results.videos .tile,
.js #chokhmah-form div.results.images .grid-sizer,
.js #chokhmah-form div.results.images .tile,
.js #chokhmah-form div.results.documents .grid-sizer,
.js #chokhmah-form div.results.documents .tile {
  width: 50%;
}
}
@container screen style(--screen-small: true) {
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile,
#global-search div.results.images .grid-sizer,
#global-search div.results.images .tile,
#global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .grid-sizer,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .grid-sizer,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .grid-sizer,
#chokhmah-form div.results.documents .tile {
  width: 100%;
}
}
@media (orientation: portrait) and (769px <= width <= 1279px) {
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile,
#global-search div.results.images .grid-sizer,
#global-search div.results.images .tile,
#global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .grid-sizer,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .grid-sizer,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .grid-sizer,
#chokhmah-form div.results.documents .tile {
  width: 100%;
}
}
@container screen style(--screen-small: true) {
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile,
#global-search div.results.images .grid-sizer,
#global-search div.results.images .tile,
#global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .grid-sizer,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .grid-sizer,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .grid-sizer,
#chokhmah-form div.results.documents .tile {
  padding: 0 var(--small-screen-padding);
}
}
@container screen style(--screen-small: false) {
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile,
#global-search div.results.images .grid-sizer,
#global-search div.results.images .tile,
#global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .grid-sizer,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .grid-sizer,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .grid-sizer,
#chokhmah-form div.results.documents .tile {
  padding: 0 var(--grid-gutter);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile,
#global-search div.results.images .grid-sizer,
#global-search div.results.images .tile,
#global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .grid-sizer,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .grid-sizer,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .grid-sizer,
#chokhmah-form div.results.documents .tile {
  padding: 0 calc(0.5 * var(--grid-gutter));
  padding: 0 calc(0.5 * var(--grid-gutter));
}
}
#global-search div.results.videos .tile,
#global-search div.results.images .tile,
#global-search div.results.documents .tile,
#chokhmah-form div.results.videos .tile,
#chokhmah-form div.results.images .tile,
#chokhmah-form div.results.documents .tile {
  padding-bottom: calc(2 * var(--grid-gutter));
}
#global-search div.results.videos .tile > .content,
#global-search div.results.images .tile > .content,
#global-search div.results.documents .tile > .content,
#chokhmah-form div.results.videos .tile > .content,
#chokhmah-form div.results.images .tile > .content,
#chokhmah-form div.results.documents .tile > .content {
  box-shadow: var(--document-tile-box-shadow);
  background-color: var(--colour-base-background);
  padding: 0;
  overflow: hidden;
  border-radius: var(--border-radii);
  margin: 0;
  transition: all 0.2s;
}
@media (hover: hover) {
#global-search div.results.videos .tile > .content:hover,
#global-search div.results.images .tile > .content:hover,
#global-search div.results.documents .tile > .content:hover,
#chokhmah-form div.results.videos .tile > .content:hover,
#chokhmah-form div.results.images .tile > .content:hover,
#chokhmah-form div.results.documents .tile > .content:hover {
  transform: scale(1.01);
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
}
}
#global-search div.results.videos .tile > .content .document-preview-expansive,
#global-search div.results.videos .tile > .content .follow > img,
#global-search div.results.images .tile > .content .document-preview-expansive,
#global-search div.results.images .tile > .content .follow > img,
#global-search div.results.documents .tile > .content .document-preview-expansive,
#global-search div.results.documents .tile > .content .follow > img,
#chokhmah-form div.results.videos .tile > .content .document-preview-expansive,
#chokhmah-form div.results.videos .tile > .content .follow > img,
#chokhmah-form div.results.images .tile > .content .document-preview-expansive,
#chokhmah-form div.results.images .tile > .content .follow > img,
#chokhmah-form div.results.documents .tile > .content .document-preview-expansive,
#chokhmah-form div.results.documents .tile > .content .follow > img {
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
#global-search div.results.videos .tile > .content .sub-title .label,
#global-search div.results.images .tile > .content .sub-title .label,
#global-search div.results.documents .tile > .content .sub-title .label,
#chokhmah-form div.results.videos .tile > .content .sub-title .label,
#chokhmah-form div.results.images .tile > .content .sub-title .label,
#chokhmah-form div.results.documents .tile > .content .sub-title .label {
  padding: 1.1em 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  text-align: left;
  display: block;
  color: var(--body-font-colour);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 59px;
}
body[dir=rtl] #global-search div.results.videos .tile > .content .sub-title .label,
body[dir=rtl] #global-search div.results.images .tile > .content .sub-title .label,
body[dir=rtl] #global-search div.results.documents .tile > .content .sub-title .label,
body[dir=rtl] #chokhmah-form div.results.videos .tile > .content .sub-title .label,
body[dir=rtl] #chokhmah-form div.results.images .tile > .content .sub-title .label,
body[dir=rtl] #chokhmah-form div.results.documents .tile > .content .sub-title .label {
  text-align: right;
}
#global-search div.results.videos .tile > .content .sub-title .label:before,
#global-search div.results.images .tile > .content .sub-title .label:before,
#global-search div.results.documents .tile > .content .sub-title .label:before,
#chokhmah-form div.results.videos .tile > .content .sub-title .label:before,
#chokhmah-form div.results.images .tile > .content .sub-title .label:before,
#chokhmah-form div.results.documents .tile > .content .sub-title .label:before {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
@media (hover: hover) {
#global-search div.results.videos .tile > .content .sub-title .label:hover,
#global-search div.results.images .tile > .content .sub-title .label:hover,
#global-search div.results.documents .tile > .content .sub-title .label:hover,
#chokhmah-form div.results.videos .tile > .content .sub-title .label:hover,
#chokhmah-form div.results.images .tile > .content .sub-title .label:hover,
#chokhmah-form div.results.documents .tile > .content .sub-title .label:hover {
  text-decoration: none;
}
}
#global-search div.results .document-listing,
#chokhmah-form div.results .document-listing {
  padding-bottom: 6%;
}
@container screen style(--screen-large: true) {
#global-search div.results .document-listing,
#chokhmah-form div.results .document-listing {
  padding-left: 4%;
  border-left: 1px #dedede solid;
}
}
#chokhmah-form {
  margin-top: -40px;
}
#chokhmah-form .search-body .container.results-pane {
  margin: 0;
  padding-top: 0;
}
#chokhmah-form .search-header .container.search-form {
  margin-top: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.application-chokhmah .kikar-search-result {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: var(--grid-gutter);
}
@container screen style(--screen-small: true) {
.application-chokhmah .kikar-search-result {
  display: block;
}
}
.kikar-search-result .search-result-group {
  --pat-well-padding: calc(2.5 * var(--pat-x-list-gutter));
  --pat-well-padding-top: calc(2.5 * var(--pat-x-list-gutter));
  --pat-well-padding-right: calc(2.5 * var(--pat-x-list-gutter));
  --pat-well-padding-bottom: calc(2.5 * var(--pat-x-list-gutter));
  --pat-well-padding-left: calc(2.5 * var(--pat-x-list-gutter));
  --quaive-page-head-margin-bottom: 0;
  --quaive-page-head-title-margin-bottom: 0;
  --pat-table-margin: calc(-1 * var(--pat-table-border-spacing)) 0px;
}
.kikar-search-result .search-result-group .panel-content {
  padding-top: var(--pat-well-padding);
}
.kikar-search-result .search-result-group.pat-well .well-title-group .pat-toolbar {
  margin: 6px 6px 0 0;
}
.kikar-search-result .search-result-group .pat-link-list {
  --pat-x-list-column-width: 100%;
}
.kikar-search-result .search-result-group .pat-link-list .item-summary mark {
  background: transparent;
  color: inherit;
  font-weight: bold;
}
.kikar-search-result .search-result-group .quaive-page-head {
  zoom: 0.7;
  margin-top: calc(-1 * var(--page-head-icon-margin-top));
}
.chokhmah-passage {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.chokhmah-passage .passage-ref {
  font-size: 0.9rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--colour-text-discreet, #8a7e72);
  margin: 0 0 0.75rem 0;
}
.chokhmah-passage .passage-bilingual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: dense;
  gap: 2rem;
  align-items: start;
  direction: ltr;
}
.chokhmah-passage .passage-pane {
  border-top: 2px solid var(--colour-accent, #7C5A3E);
  padding-top: 1rem;
}
.page-module .chokhmah-passage .passage-pane {
  border-top: none;
  padding-top: 0;
}
.chokhmah-passage .passage-pane-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--colour-text-discreet, #8a7e72);
  margin: 0 0 0.5rem 0;
  font-weight: normal;
}
.chokhmah-passage .passage-pane.passage-hebrew {
  grid-column: 2;
  text-align: right;
}
.chokhmah-passage .passage-pane.passage-english {
  grid-column: 1;
}
.chokhmah-passage .passage-pane.passage-hebrew[dir="ltr"] {
  grid-column: 1;
}
.chokhmah-passage .passage-bilingual:has(> .passage-hebrew[dir="ltr"]) > .passage-english {
  grid-column: 2;
}
.chokhmah-passage .passage-pane.passage-translating {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
}
.chokhmah-passage .passage-pane.passage-translating > .passage-pane-label {
  align-self: stretch;
}
.chokhmah-passage .passage-pane.passage-translating .pat-lazy-load.passage-translating-throbber {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 50px;
  height: 50px;
  margin: 0 0 0.5rem 0;
}
.chokhmah-passage .passage-pane.passage-translating .pat-lazy-load.passage-translating-throbber::before {
  top: 0;
  margin-top: 0;
  animation-delay: 0s;
}
.chokhmah-passage .passage-pane.passage-translating .passage-translating-wait {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chokhmah-passage .passage-pane.passage-translating.passage-translating-tall .passage-translating-wait {
  position: sticky;
  top: calc(50% - 2.5rem);
  bottom: calc(50% - 2.5rem);
}
.chokhmah-passage .passage-pane.passage-translating.passage-translating-compact {
  justify-content: center;
}
.chokhmah-passage .passage-pane.passage-translating.passage-translating-compact .passage-translating-wait {
  position: static;
  flex-direction: row;
  gap: 0.5rem;
  padding-top: 0;
}
.chokhmah-passage .passage-pane.passage-translating.passage-translating-compact .pat-lazy-load.passage-translating-throbber {
  width: 20px;
  height: 20px;
  margin: 0;
}
.chokhmah-passage .passage-pane.passage-translating.passage-translating-compact .pat-lazy-load.passage-translating-throbber::before {
  width: 20px;
  height: 20px;
}
.chokhmah-passage .passage-pane.passage-translating .passage-translating-label {
  margin: 0;
  font-family: var(--base-font-family);
  font-size: 0.875rem;
  color: var(--colour-text, #3a332c);
  opacity: 0.7;
}
.chokhmah-passage .passage-machine-note {
  margin: 0.75rem 0 0 0;
  font-family: var(--base-font-family);
  font-size: 0.75rem;
  color: var(--colour-text-discreet, #8a7e72);
}
.chokhmah-passage .passage-pane.injecting:not(.passage-translating) {
  opacity: 0.6;
}
.chokhmah-passage .passage-text {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.1rem;
  line-height: 1.7;
}
.chokhmah-passage .passage-hebrew .passage-text {
  font-family: 'Bellefair', "SBL Hebrew", "Frank Ruehl CLM", "Ezra SIL", serif;
  font-size: 1.4rem;
  line-height: 1.9;
  text-align: right;
}
.chokhmah-passage .passage-hebrew .passage-pane-label {
  text-align: right;
}
.chokhmah-passage .passage-pane.passage-hebrew[dir="ltr"] {
  text-align: left;
}
.chokhmah-passage .passage-hebrew[dir="ltr"] .passage-text,
.chokhmah-passage .passage-hebrew[dir="ltr"] .passage-pane-label {
  font-family: Georgia, "Times New Roman", "Gentium Plus", serif;
  font-size: 1.15rem;
  line-height: 1.7;
  text-align: left;
}
.chokhmah-passage .passage-bilingual:has(.passage-pane:only-child) {
  grid-template-columns: 1fr;
}
.chokhmah-passage .passage-bilingual:has(.passage-pane:only-child) .passage-pane.passage-hebrew {
  grid-column: 1;
}
.chokhmah-passage .passage-external {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--colour-border-discreet, #ddd);
  text-align: right;
}
@container screen style(--screen-small: true) {
.chokhmah-passage .passage-bilingual {
  grid-template-columns: 1fr;
}
}
@container screen style(--screen-small: true) {
.chokhmah-passage .passage-pane.passage-hebrew,
.chokhmah-passage .passage-pane.passage-english {
  grid-column: 1;
}
}
.application-chokhmah .navigation-buttons {
  --gallery-button-width: 40px;
  --gallery-button-height: 40px;
}
.application-chokhmah .navigation-buttons .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--gallery-button-width);
  height: var(--gallery-button-height);
  color: transparent;
  cursor: default;
}
.application-chokhmah .navigation-buttons .button:before {
  width: var(--gallery-button-width);
  height: var(--gallery-button-height);
  line-height: var(--gallery-button-height);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
  background-image: var(--chokhmah-passage-mark);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  border-radius: var(--border-radii);
  color: white;
  text-align: center;
  font-size: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (hover: hover) {
.application-chokhmah .navigation-buttons .button:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}
}
.application-chokhmah .navigation-buttons .button.previous {
  left: -65px;
}
.application-chokhmah .navigation-buttons .button.previous:before {
  --chokhmah-passage-mark: var(--kik-svg-arrow-left-white);
}
.application-chokhmah .navigation-buttons .button.next {
  right: -65px;
}
.application-chokhmah .navigation-buttons .button.next:before {
  --chokhmah-passage-mark: var(--kik-svg-arrow-right-white);
}
@container screen style(--screen-small: true) {
.application-chokhmah .navigation-buttons {
  display: none;
}
}
.pat-well.type-passage > .well-title-group > .pat-toolbar.passage-well-toolbar {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}
.pat-toolbar.passage-well-toolbar .toolbar-title,
.pat-toolbar.passage-well-toolbar .toolbar-title a {
  color: var(--colour-accent);
}
.pat-rich.chokhmah-summary:not(:has(.introduction)) {
  font-size: var(--pat-rich-summary-font-size);
  line-height: var(--pat-rich-summary-line-height);
  min-height: calc(1lh + var(--pat-rich-summary-margin-bottom, 1.5rem));
}
.pat-rich.chokhmah-summary > .pat-lazy-load.infinite-scrolling.chokhmah-summary-loader {
  --pat-lazy-lead: 0.4lh;
  --pat-lazy-pull: 0rem;
  --pat-lazy-reserve: 0.4lh;
  height: auto;
  margin: 0;
}
.pat-rich.chokhmah-summary > .pat-lazy-load.infinite-scrolling.chokhmah-summary-loader::before {
  top: 0.15lh;
}
label.pat-select.visibility:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-users) center / contain no-repeat;
  mask: var(--kik-svg-users) center / contain no-repeat;
}
.application-body {
  --sidebar-background-colour: color-mix(in srgb, var(--this-workspace-colour, var(--app-colour, white)) 10%, white);
}
aside.sidebar > .sidebar-content {
  container-name: sidebar;
  container-type: inline-size;
  --pat-message-padding: var(--small-screen-padding);
}
aside.sidebar > .sidebar-content > * {
  container-name: screen;
  --screen-small: false;
  --screen-medium: false;
  --screen-large: false;
}
aside.sidebar > .sidebar-content > .pat-toolbar {
  container-name: screen pat-toolbar;
}
@container sidebar (width <= 680px) {
aside.sidebar > .sidebar-content > * {
  --screen-small: true;
}
}
@container sidebar (481px <= width <= 1025px) {
aside.sidebar > .sidebar-content > * {
  --screen-medium: true;
}
}
@container sidebar (width > 1279px) {
aside.sidebar > .sidebar-content > * {
  --screen-large: true;
}
}
aside.sidebar.left {
  --pat-select-box-padding-right-left: 12px;
  --pat-toolbar-top-distance: calc(-0.5 * var(--sidebar-padding-top));
  --pat-toolbar-margin-bottom: var(--default-tail-white);
  --pat-well-background-colour: var(--colour-sidebar-well);
  --pat-toolbar-z-index: 11;
  --default-box-shadow: var(--default-box-shadow-small);
  position: absolute;
  z-index: 1;
  width: auto;
  max-height: calc(100svh - var(--sidebar-margin-top) - var(--sidebar-margin-bottom) - var(--global-header-height));
  padding: 0;
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  display: flex;
}
aside.sidebar.left .stream-items {
  display: grid;
  gap: 14px;
  margin: 0 auto;
  max-width: 800px;
}
.sidebar-normal aside.sidebar.left {
  --item-selector-search-box-height: 28px;
  --pat-select-box-padding-right-left: 5px;
  --pat-select-box-arrow-size: 12px;
  --pat-select-box-arrow-width: 22px;
}
@container main (width > 768px) {
.sidebar-normal aside.sidebar.left {
  --pat-well-padding: 15px;
  --pat-well-padding-top: 15px;
  --pat-well-padding-bottom: 15px;
  --pat-well-padding-left: 15px;
  --pat-well-padding-right: 15px;
  --collapsible-button-height: 26px;
}
}
@container main (width > 768px) {
.sidebar-normal aside.sidebar.left .well-title-group .pat-toolbar {
  zoom: 0.8;
}
}
@container main (width > 768px) {
@supports (-webkit-touch-callout: none) {
.sidebar-normal aside.sidebar.left .well-title-group .pat-toolbar {
  zoom: 1;
}
}
}
.sidebar-normal aside.sidebar.left .pat-table td:not(.item-name, .item-media, .item-byline, .item-marker, .functions, .select),
.sidebar-normal aside.sidebar.left .pat-table th:not(.item-name, .item-media, .item-byline, .item-marker, .functions, .select) {
  display: none;
}
.sidebar-normal aside.sidebar.left .pat-table .item-name {
  width: auto;
}
@container main (width <= 768px) {
.sidebar-normal aside.sidebar.left {
  --pat-toolbar-auto-hide-offset: 5px !important;
}
}
@container main (width > 768px) {
.sidebar-normal aside.sidebar.left {
  --pat-toolbar-auto-hide-offset: 5px !important;
}
}
.application-body.sidebar-large aside.sidebar.left {
  --sidebar-width: calc(100% + calc(2 * var(--pat-toolbar-padding)));
  --pat-toolbar-auto-hide-offset: 40px !important;
  --sidebar-padding:
      var(--sidebar-padding-top-large)
      var(--sidebar-padding-right-large)
      var(--sidebar-padding-bottom-large)
      var(--sidebar-padding-left-large);
}
body[dir=rtl] .application-body.sidebar-large aside.sidebar.left {
  --sidebar-padding:
      var(--sidebar-padding-top-large)
      var(--sidebar-padding-left-large)
      var(--sidebar-padding-bottom-large)
      var(--sidebar-padding-right-large);
}
aside.sidebar.left.pat-scroll-box:not(.scroll-position-top) .batch-functions {
  box-shadow: var(--pat-toolbar-box-shadow);
  background-color: var(--pat-surface-background-colour);
  -webkit-backdrop-filter: blur(5px) saturate(1.5) brightness(4);
  backdrop-filter: blur(5px) saturate(1.5) brightness(4);
}
aside.sidebar.left .pat-message p:last-child {
  margin-bottom: 0;
}
aside.sidebar.left .pat-message p.button-bar:last-child {
  padding-bottom: 0;
}
aside.sidebar.left .sidebar-separation-title {
  font-size: 24px;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
aside.sidebar.left .event-card {
  margin-bottom: 1em;
}
aside.sidebar.left .event-list .event {
  padding-left: 80px;
  min-height: 80px;
}
aside.sidebar.left .event-list .event .date {
  width: 60px;
  transform: scale(0.62);
  transform-origin: top left;
}
aside.sidebar.left .event-list .event .title,
aside.sidebar.left .event-list .event .byline,
aside.sidebar.left .event-list .event .description {
  float: none;
  width: auto;
  font-size: 0.8em;
  line-height: 1.3em;
}
aside.sidebar.left .mode-follow .object-list.tasks .item,
aside.sidebar.left .mode-follow .object-list.news .item,
aside.sidebar.left .mode-follow .object-list.newsletters .item,
aside.sidebar.left .mode-follow .object-list.periodicals .item,
aside.sidebar.left .mode-follow .object-list.mailing-lists .item,
aside.sidebar.left .mode-follow .object-list.library-items .item {
  padding-left: 0;
  grid-template-columns: 0 auto;
  transition: all var(--base-animation-duration);
}
aside.sidebar.left .mode-follow .object-list.tasks .item:last-child,
aside.sidebar.left .mode-follow .object-list.news .item:last-child,
aside.sidebar.left .mode-follow .object-list.newsletters .item:last-child,
aside.sidebar.left .mode-follow .object-list.periodicals .item:last-child,
aside.sidebar.left .mode-follow .object-list.mailing-lists .item:last-child,
aside.sidebar.left .mode-follow .object-list.library-items .item:last-child {
  margin-bottom: 0;
}
@media (hover: hover) {
aside.sidebar.left .mode-follow .object-list.tasks .item:hover .title,
aside.sidebar.left .mode-follow .object-list.news .item:hover .title,
aside.sidebar.left .mode-follow .object-list.newsletters .item:hover .title,
aside.sidebar.left .mode-follow .object-list.periodicals .item:hover .title,
aside.sidebar.left .mode-follow .object-list.mailing-lists .item:hover .title,
aside.sidebar.left .mode-follow .object-list.library-items .item:hover .title {
  text-decoration: underline;
}
}
aside.sidebar.left .mode-follow .object-list.tasks .item:before,
aside.sidebar.left .mode-follow .object-list.news .item:before,
aside.sidebar.left .mode-follow .object-list.newsletters .item:before,
aside.sidebar.left .mode-follow .object-list.periodicals .item:before,
aside.sidebar.left .mode-follow .object-list.mailing-lists .item:before,
aside.sidebar.left .mode-follow .object-list.library-items .item:before {
  left: -1em;
  opacity: 0;
}
aside.sidebar.left .mode-select .quick-functions .toggle-select:before {
  color: var(--colour-accent);
}
aside.sidebar.left .mode-select .pat-collapsible.object-list .item {
  grid-template-columns: 24px auto;
}
aside.sidebar.left .mode-select .pat-collapsible.object-list .button-bar.batch-buttons {
  margin: 0 0 15px 0;
}
aside.sidebar.left .mode-select .pat-collapsible.object-list .button-bar.batch-buttons button {
  line-height: 24px;
}
aside.sidebar.left .call-to-action {
  border-radius: var(--border-radii);
  padding: 3% 7% 3% 50px;
  background-color: var(--colour-link);
  margin-bottom: 1em;
  display: block;
  color: white;
  position: relative;
  line-height: 26px;
  font-size: 20px;
}
@media (hover: hover) {
aside.sidebar.left .call-to-action:hover {
  text-decoration: none;
  filter: brightness(1.05);
}
}
aside.sidebar.left .call-to-action::before {
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  margin-left: 20px;
}
aside.sidebar.left .call-to-action::after {
  content: '';
  position: absolute;
  right: 4%;
  top: 50%;
  width: 1em;
  height: 1em;
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-forward) center / contain no-repeat;
  mask: var(--kik-svg-forward) center / contain no-repeat;
}
aside.sidebar.left .object-list,
aside.sidebar.left .grouping {
  --pat-form-input-field-background-colour: white;
  position: relative;
  background-color: var(--colour-sidebar-well);
  border-radius: var(--border-radii);
  margin-bottom: 1em;
  padding: 0 4% 1em;
}
aside.sidebar.left .object-list .checklist,
aside.sidebar.left .grouping .checklist {
  margin-bottom: 0;
  min-width: 0;
}
aside.sidebar.left .object-list .section-label,
aside.sidebar.left .grouping .section-label {
  padding: 3% 0;
  line-height: 26px;
  font-size: 20px;
}
aside.sidebar.left .object-list label,
aside.sidebar.left .grouping label {
  position: relative;
  z-index: 1;
}
aside.sidebar.left .object-list .item,
aside.sidebar.left .grouping .item {
  margin-bottom: 15px;
  width: 100%;
}
aside.sidebar.left .object-list .item .byline,
aside.sidebar.left .grouping .item .byline {
  margin: 0;
  opacity: 0.7;
  hyphens: auto;
}
aside.sidebar.left .object-list .item:last-child,
aside.sidebar.left .grouping .item:last-child {
  margin-bottom: 0;
}
aside.sidebar.left .object-list .item,
aside.sidebar.left .object-list .item:before,
aside.sidebar.left .grouping .item,
aside.sidebar.left .grouping .item:before {
  transition: all var(--base-animation-duration);
  justify-self: start;
}
aside.sidebar.left .object-list.for-review,
aside.sidebar.left .grouping.for-review {
  border: 1px var(--colour-for-review) solid;
  background-color: var(--colour-for-review-background);
}
aside.sidebar.left .object-list.newsletters,
aside.sidebar.left .object-list.periodicals,
aside.sidebar.left .grouping.newsletters,
aside.sidebar.left .grouping.periodicals {
  padding: 2px !important;
  box-shadow: var(--default-box-shadow);
  border: 0;
  background:
        repeating-linear-gradient(-45deg,
        white 0 5px,
        #58a 5px 15px,
        white 15px 20px,
        red 20px 30px);
}
aside.sidebar.left .object-list.newsletters .section-label,
aside.sidebar.left .object-list.newsletters .panel-content,
aside.sidebar.left .object-list.periodicals .section-label,
aside.sidebar.left .object-list.periodicals .panel-content,
aside.sidebar.left .grouping.newsletters .section-label,
aside.sidebar.left .grouping.newsletters .panel-content,
aside.sidebar.left .grouping.periodicals .section-label,
aside.sidebar.left .grouping.periodicals .panel-content {
  background-color: #e8f4fa;
}
aside.sidebar.left .object-list.newsletters .section-label,
aside.sidebar.left .object-list.periodicals .section-label,
aside.sidebar.left .grouping.newsletters .section-label,
aside.sidebar.left .grouping.periodicals .section-label {
  border-top-left-radius: calc(0.8 * var(--border-radii));
  border-top-right-radius: calc(0.8 * var(--border-radii));
}
aside.sidebar.left .object-list.newsletters .panel-content,
aside.sidebar.left .object-list.periodicals .panel-content,
aside.sidebar.left .grouping.newsletters .panel-content,
aside.sidebar.left .grouping.periodicals .panel-content {
  border-bottom-left-radius: calc(0.8 * var(--border-radii));
  border-bottom-right-radius: calc(0.8 * var(--border-radii));
  margin-top: -1px;
}
aside.sidebar.left .object-list.tasks .follow,
aside.sidebar.left .object-list.news .follow,
aside.sidebar.left .object-list.newsletters .follow,
aside.sidebar.left .object-list.periodicals .follow,
aside.sidebar.left .object-list.mailing-lists .follow,
aside.sidebar.left .object-list.library-items .follow,
aside.sidebar.left .grouping.tasks .follow,
aside.sidebar.left .grouping.news .follow,
aside.sidebar.left .grouping.newsletters .follow,
aside.sidebar.left .grouping.periodicals .follow,
aside.sidebar.left .grouping.mailing-lists .follow,
aside.sidebar.left .grouping.library-items .follow {
  display: block;
  width: 100%;
  color: var(--colour-primary);
  padding: 0;
  transition: all var(--base-animation-duration);
  float: left;
  box-sizing: border-box;
}
@media (hover: hover) {
aside.sidebar.left .object-list.tasks .follow:hover,
aside.sidebar.left .object-list.news .follow:hover,
aside.sidebar.left .object-list.newsletters .follow:hover,
aside.sidebar.left .object-list.periodicals .follow:hover,
aside.sidebar.left .object-list.mailing-lists .follow:hover,
aside.sidebar.left .object-list.library-items .follow:hover,
aside.sidebar.left .grouping.tasks .follow:hover,
aside.sidebar.left .grouping.news .follow:hover,
aside.sidebar.left .grouping.newsletters .follow:hover,
aside.sidebar.left .grouping.periodicals .follow:hover,
aside.sidebar.left .grouping.mailing-lists .follow:hover,
aside.sidebar.left .grouping.library-items .follow:hover {
  text-decoration: none;
}
}
aside.sidebar.left .object-list.tasks .follow.current:after,
aside.sidebar.left .object-list.news .follow.current:after,
aside.sidebar.left .object-list.newsletters .follow.current:after,
aside.sidebar.left .object-list.periodicals .follow.current:after,
aside.sidebar.left .object-list.mailing-lists .follow.current:after,
aside.sidebar.left .object-list.library-items .follow.current:after,
aside.sidebar.left .grouping.tasks .follow.current:after,
aside.sidebar.left .grouping.news .follow.current:after,
aside.sidebar.left .grouping.newsletters .follow.current:after,
aside.sidebar.left .grouping.periodicals .follow.current:after,
aside.sidebar.left .grouping.mailing-lists .follow.current:after,
aside.sidebar.left .grouping.library-items .follow.current:after {
  border-radius: var(--border-radii);
  position: absolute;
  top: -4px;
  right: -10px;
  bottom: -4px;
  left: -10px;
  display: block;
  content: ' ';
  z-index: -1;
  -webkit-backdrop-filter: saturate(3) brightness(1.1);
  backdrop-filter: saturate(3) brightness(1.1);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
aside.sidebar.left .object-list.tasks .follow cite.highlight,
aside.sidebar.left .object-list.news .follow cite.highlight,
aside.sidebar.left .object-list.newsletters .follow cite.highlight,
aside.sidebar.left .object-list.periodicals .follow cite.highlight,
aside.sidebar.left .object-list.mailing-lists .follow cite.highlight,
aside.sidebar.left .object-list.library-items .follow cite.highlight,
aside.sidebar.left .grouping.tasks .follow cite.highlight,
aside.sidebar.left .grouping.news .follow cite.highlight,
aside.sidebar.left .grouping.newsletters .follow cite.highlight,
aside.sidebar.left .grouping.periodicals .follow cite.highlight,
aside.sidebar.left .grouping.mailing-lists .follow cite.highlight,
aside.sidebar.left .grouping.library-items .follow cite.highlight {
  background-color: var(--colour-notice);
  border: 2px solid rgba(0,0,0,0.05);
  font-style: normal;
}
aside.sidebar.left .object-list.tasks .follow .publication-state,
aside.sidebar.left .object-list.news .follow .publication-state,
aside.sidebar.left .object-list.newsletters .follow .publication-state,
aside.sidebar.left .object-list.periodicals .follow .publication-state,
aside.sidebar.left .object-list.mailing-lists .follow .publication-state,
aside.sidebar.left .object-list.library-items .follow .publication-state,
aside.sidebar.left .grouping.tasks .follow .publication-state,
aside.sidebar.left .grouping.news .follow .publication-state,
aside.sidebar.left .grouping.newsletters .follow .publication-state,
aside.sidebar.left .grouping.periodicals .follow .publication-state,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state,
aside.sidebar.left .grouping.library-items .follow .publication-state {
  color: rgba(0,0,0,0.6);
  border-radius: var(--border-radii);
  line-height: 1.4em;
  font-size: 0.8em;
  padding: 0 0.7em;
  font-style: normal;
  display: inline-block;
  background-color: silver;
}
aside.sidebar.left .object-list.tasks .follow .publication-state.draft,
aside.sidebar.left .object-list.news .follow .publication-state.draft,
aside.sidebar.left .object-list.newsletters .follow .publication-state.draft,
aside.sidebar.left .object-list.periodicals .follow .publication-state.draft,
aside.sidebar.left .object-list.mailing-lists .follow .publication-state.draft,
aside.sidebar.left .object-list.library-items .follow .publication-state.draft,
aside.sidebar.left .grouping.tasks .follow .publication-state.draft,
aside.sidebar.left .grouping.news .follow .publication-state.draft,
aside.sidebar.left .grouping.newsletters .follow .publication-state.draft,
aside.sidebar.left .grouping.periodicals .follow .publication-state.draft,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.draft,
aside.sidebar.left .grouping.library-items .follow .publication-state.draft {
  background-color: var(--colour-draft);
}
aside.sidebar.left .object-list.tasks .follow .publication-state.unpublished,
aside.sidebar.left .object-list.news .follow .publication-state.unpublished,
aside.sidebar.left .object-list.newsletters .follow .publication-state.unpublished,
aside.sidebar.left .object-list.periodicals .follow .publication-state.unpublished,
aside.sidebar.left .object-list.mailing-lists .follow .publication-state.unpublished,
aside.sidebar.left .object-list.library-items .follow .publication-state.unpublished,
aside.sidebar.left .grouping.tasks .follow .publication-state.unpublished,
aside.sidebar.left .grouping.news .follow .publication-state.unpublished,
aside.sidebar.left .grouping.newsletters .follow .publication-state.unpublished,
aside.sidebar.left .grouping.periodicals .follow .publication-state.unpublished,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.unpublished,
aside.sidebar.left .grouping.library-items .follow .publication-state.unpublished {
  background-color: var(--colour-draft);
  color: rgba(0,0,0,0.6);
}
aside.sidebar.left .object-list.tasks .follow .publication-state.expired,
aside.sidebar.left .object-list.news .follow .publication-state.expired,
aside.sidebar.left .object-list.newsletters .follow .publication-state.expired,
aside.sidebar.left .object-list.periodicals .follow .publication-state.expired,
aside.sidebar.left .object-list.mailing-lists .follow .publication-state.expired,
aside.sidebar.left .object-list.library-items .follow .publication-state.expired,
aside.sidebar.left .grouping.tasks .follow .publication-state.expired,
aside.sidebar.left .grouping.news .follow .publication-state.expired,
aside.sidebar.left .grouping.newsletters .follow .publication-state.expired,
aside.sidebar.left .grouping.periodicals .follow .publication-state.expired,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.expired,
aside.sidebar.left .grouping.library-items .follow .publication-state.expired {
  background-color: var(--colour-expired);
  color: rgba(0,0,0,0.6);
}
aside.sidebar.left .object-list.tasks .follow .publication-state.for-review,
aside.sidebar.left .object-list.news .follow .publication-state.for-review,
aside.sidebar.left .object-list.newsletters .follow .publication-state.for-review,
aside.sidebar.left .object-list.periodicals .follow .publication-state.for-review,
aside.sidebar.left .object-list.mailing-lists .follow .publication-state.for-review,
aside.sidebar.left .object-list.library-items .follow .publication-state.for-review,
aside.sidebar.left .grouping.tasks .follow .publication-state.for-review,
aside.sidebar.left .grouping.news .follow .publication-state.for-review,
aside.sidebar.left .grouping.newsletters .follow .publication-state.for-review,
aside.sidebar.left .grouping.periodicals .follow .publication-state.for-review,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.for-review,
aside.sidebar.left .grouping.library-items .follow .publication-state.for-review {
  background-color: var(--colour-for-review);
  color: white;
}
aside.sidebar.left .pat-well#todo-section-personal {
  --colour-sidebar-well: var(--colour-notice-background);
}
aside.sidebar.left .pat-well#todo-section-personal .pat-table th {
  width: auto !important;
}
aside.sidebar.left .pat-collapsible.object-list,
aside.sidebar.left .pat-collapsible.grouping {
  padding: 0;
}
aside.sidebar.left .pat-collapsible.object-list.personal.tasks,
aside.sidebar.left .pat-collapsible.grouping.personal.tasks {
  background: var(--colour-notice-background);
}
aside.sidebar.left .pat-collapsible.object-list .function-button,
aside.sidebar.left .pat-collapsible.grouping .function-button {
  position: absolute;
  right: 4%;
  top: 3%;
  margin-right: 1.2em;
  margin-top: 0.3em;
  color: var(--body-font-colour);
}
aside.sidebar.left .pat-collapsible.object-list .button-bar .float-after,
aside.sidebar.left .pat-collapsible.grouping .button-bar .float-after {
  margin-right: 0;
  margin-left: 0.5em;
}
aside.sidebar.left .pat-collapsible.object-list > .panel-content,
aside.sidebar.left .pat-collapsible.grouping > .panel-content {
  padding: 0 4% 1em 4%;
  transition: padding var(--base-animation-duration);
}
aside.sidebar.left .pat-collapsible.object-list > .panel-content p.button-bar,
aside.sidebar.left .pat-collapsible.grouping > .panel-content p.button-bar {
  margin-bottom: 0;
  padding-bottom: 0;
}
aside.sidebar.left .pat-collapsible.object-list > .panel-content label.checked + .button-bar,
aside.sidebar.left .pat-collapsible.object-list > .panel-content label.unchecked + .button-bar,
aside.sidebar.left .pat-collapsible.grouping > .panel-content label.checked + .button-bar,
aside.sidebar.left .pat-collapsible.grouping > .panel-content label.unchecked + .button-bar {
  margin-top: 1em;
}
aside.sidebar.left .pat-collapsible.object-list.batch-buttons,
aside.sidebar.left .pat-collapsible.object-list .batch-buttons,
aside.sidebar.left .pat-collapsible.grouping.batch-buttons,
aside.sidebar.left .pat-collapsible.grouping .batch-buttons {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 0;
  transition: all var(--base-animation-duration);
}
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-closed,
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-open,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-closed,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-open {
  padding: 15px 4%;
  cursor: default;
  user-select: none;
}
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-closed:after,
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-open:after,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-closed:after,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-open:after {
  content: '';
  float: right;
  transition: all var(--base-animation-duration);
  font-size: 16px;
  line-height: 23px;
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-up) center / 1em 1em no-repeat;
  mask: var(--kik-svg-up) center / 1em 1em no-repeat;
}
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-closed:after,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-closed:after {
  transform: scaleY(-1);
  line-height: 30px;
}
aside.sidebar.left .pat-checklist .list-functions {
  margin-bottom: 0.5em;
}
aside.sidebar.left .pat-checklist .list-functions button {
  color: var(--button-text-colour-subdued);
  background-color: var(--button-background-colour-subdued);
}
@media (hover: hover) {
aside.sidebar.left .pat-checklist .list-functions button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover {
  background-color: var(--button-background-colour-subdued-hover);
  color: var(--button-text-colour-subdued-hover);
}
}
aside.sidebar.left .list-icons {
  position: absolute;
  top: 0;
  right: 2em;
  margin: 16px;
  color: var(--body-font-colour);
}
aside.sidebar.left .list-icons a {
  display: block;
  overflow: hidden;
  height: 23px;
  line-height: 23px;
  color: var(--body-font-colour);
  animation: bounceIn 1s;
}
aside.sidebar.left .list-icons a:before {
  display: block;
  margin: 0;
  line-height: 23px;
  text-align: center;
}
aside.sidebar.left #sidebar-content,
aside.sidebar.left .sidebar-content {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  --kik-sidebar-surface: var(--sidebar-background-colour);
  background-color: var(--kik-sidebar-surface);
  padding: var(--sidebar-padding);
  transition: all var(--base-animation-duration);
  -webkit-backdrop-filter: var(--sidebar-backdrop-filter, var(--pat-surface-backdrop-filter));
  backdrop-filter: var(--sidebar-backdrop-filter, var(--pat-surface-backdrop-filter));
}
@container screen style(--screen-small: true) {
aside.sidebar.left #sidebar-content,
aside.sidebar.left .sidebar-content {
  --kik-sidebar-surface: var(--application-body-background-colour);
}
}
@container main (width > 768px) {
aside.sidebar.left #sidebar-content,
aside.sidebar.left .sidebar-content {
  border-radius: var(--border-radii);
}
}
aside.sidebar.left #sidebar-content .pat-toolbar,
aside.sidebar.left .sidebar-content .pat-toolbar {
  transition: all var(--base-animation-duration);
}
aside.sidebar.left #sidebar-content .pat-toolbar .extras,
aside.sidebar.left .sidebar-content .pat-toolbar .extras {
  display: none;
}
@container main (width > 768px) {
aside.sidebar.left #sidebar-content .pat-toolbar .toolbar-area.functions,
aside.sidebar.left #sidebar-content .pat-toolbar .toolbar-area.functions,
aside.sidebar.left .sidebar-content .pat-toolbar .toolbar-area.functions,
aside.sidebar.left .sidebar-content .pat-toolbar .toolbar-area.functions {
  grid-template-columns: auto 0 auto;
}
}
aside.sidebar.left #sidebar-content .mode-select .button-bar.functions,
aside.sidebar.left .sidebar-content .mode-select .button-bar.functions {
  background: linear-gradient(to bottom, var(--colour-sidebar-rgba-100) 50px,
                                               var(--colour-sidebar-rgba-0) 50px);
}
aside.sidebar.left #sidebar-content .mode-select .icon.select,
aside.sidebar.left .sidebar-content .mode-select .icon.select {
  color: var(--colour-accent);
}
@media (hover: hover) {
aside.sidebar.left #sidebar-content .mode-select .icon.select:hover,
aside.sidebar.left .sidebar-content .mode-select .icon.select:hover {
  color: var(--colour-accent);
}
}
aside.sidebar.left #sidebar-content .batch-functions,
aside.sidebar.left .sidebar-content .batch-functions {
  position: sticky;
  top: 50px;
  z-index: 10;
  box-sizing: border-box;
  width: calc(100% + calc(2 * var(--pat-toolbar-padding)));
  padding: var(--pat-toolbar-padding);
  margin: calc(-1 * var(--pat-toolbar-padding));
  border-radius: var(--border-radii);
  pointer-events: none;
  transition: all var(--base-animation-duration);
}
aside.sidebar.left #sidebar-content .batch-functions .button-bar,
aside.sidebar.left .sidebar-content .batch-functions .button-bar {
  pointer-events: auto;
  margin: 0;
  padding: 0;
}
aside.sidebar.left #sidebar-content .batch-functions .button-bar:after,
aside.sidebar.left .sidebar-content .batch-functions .button-bar:after {
  display: none;
}
aside.sidebar.left #sidebar-content .batch-functions .button-bar .pat-context-menu,
aside.sidebar.left .sidebar-content .batch-functions .button-bar .pat-context-menu {
  margin-left: auto;
}
aside.sidebar.left #sidebar-content .tabs-content,
aside.sidebar.left .sidebar-content .tabs-content {
  position: relative;
}
@container main (width <= 768px) {
aside.sidebar.left #sidebar-content,
aside.sidebar.left .sidebar-content {
  --kik-sidebar-surface: var(--colour-base-background);
  background-image: none;
  min-height: 100%;
  --sidebar-padding: var(--small-screen-padding);
}
}
@container main (width <= 768px) {
.state-on aside.sidebar.left #sidebar-content,
.state-on aside.sidebar.left .sidebar-content {
  pointer-events: auto;
}
}
@container screen style(--screen-small: true) {
aside.sidebar.left #sidebar-content:has(> .pat-toolbar:first-child),
aside.sidebar.left #sidebar-content:has(> form:first-child > .pat-toolbar:first-child),
aside.sidebar.left .sidebar-content:has(> .pat-toolbar:first-child),
aside.sidebar.left .sidebar-content:has(> form:first-child > .pat-toolbar:first-child) {
  padding-top: 0;
}
}
aside.sidebar.left #sidebar-content:not(:has(> .pat-toolbar)):not(:has(> form > .pat-toolbar)),
aside.sidebar.left .sidebar-content:not(:has(> .pat-toolbar)):not(:has(> form > .pat-toolbar)) {
  padding-top: calc(
        var(--pat-toolbar-button-height) + 2 * var(--pat-toolbar-padding)
        + var(--pat-toolbar-padding));
}
aside.sidebar.left #sidebar-content > .pat-toolbar,
aside.sidebar.left #sidebar-content > form > .pat-toolbar,
aside.sidebar.left .sidebar-content > .pat-toolbar,
aside.sidebar.left .sidebar-content > form > .pat-toolbar {
  min-height: var(--kik-sidebar-bar-floor,
        calc(var(--pat-toolbar-button-height) + 2 * var(--pat-toolbar-padding)));
  box-sizing: border-box;
}
#application-body-workspaces aside.sidebar.left {
  height: 100%;
}
#application-body-workspaces aside.sidebar.left .sidebar-content {
  padding-top: 0;
  padding-bottom: 0;
}
#application-body-workspaces aside.sidebar.left .sidebar-content > div {
  display: none;
  padding-top: var(--sidebar-padding-top);
  padding-bottom: var(--sidebar-padding-bottom);
}
@media print {
aside.sidebar.left {
  display: none;
}
}
@container main (width <= 768px) {
aside.sidebar.left {
  background: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-top: 0;
}
}
@container main (width > 768px) {
aside.sidebar.left {
  top: var(--sidebar-margin-top);
  left: var(--sidebar-margin-left);
  transition: all var(--base-animation-duration);
  width: var(--sidebar-width);
}
}
@container main (width > 768px) {
body[dir=rtl] aside.sidebar.left {
  left: auto;
  right: var(--sidebar-margin-left);
}
}
body[dir=rtl] .application-body.application-workspaces.module-video-conference,
body[dir=rtl] .application-body.application-workspaces.module-chat,
body[dir=rtl] .application-body.application-workspaces.module-whiteboard,
body[dir=rtl] .application-body.application-workspaces.sidebar-left-closed {
  --sidebar-padding:
        var(--sidebar-padding-top)
        var(--sidebar-padding-left)
        var(--sidebar-padding-bottom)
        100px;
}
@container main (width > 768px) {
body[dir=rtl] .application-body.application-workspaces {
  --sidebar-padding:
        var(--sidebar-padding-top)
        calc(50px + var(--sidebar-padding-left) + 0.5 * var(--sidebar-padding-left))
        var(--sidebar-padding-bottom)
        var(--sidebar-padding-right);
}
}
aside.portlets {
  padding-right: 4%;
}
@media (max-width: 680px) {
.toggle-sidebar,
aside.sidebar.left::after {
  display: none;
}
}
@container screen style(--screen-small: true) {
.sidebar .pat-toolbar {
  margin: 0 0 var(--default-screen-padding-small) 0;
  --pat-toolbar-top-distance: 0;
}
}
@container main (width > 768px) {
.sidebar-left-closed aside.sidebar.left {
  --sidebar-margin-left: var(--sidebar-margin-left-closed);
}
}
@container main (width > 768px) {
.sidebar-left-open.sidebar-large aside.sidebar.left {
  width: calc(100% - 2 * var(--sidebar-margin-left));
}
}
@container main (width > 768px) {
aside.sidebar.left:has(.toggle-sidebar)::after {
  content: ' ';
  display: block;
  z-index: 0;
  box-shadow: var(--default-box-shadow);
  clip-path: inset(-10px -10px -10px 0);
}
}
@container main (width > 768px) {
body[dir=rtl] aside.sidebar.left:has(.toggle-sidebar)::after {
  clip-path: inset(-10px 0 -10px -10px);
}
}
@container main (width > 768px) {
.toggle-sidebar,
aside.sidebar.left::after {
  position: absolute;
  bottom: 40px;
  right: 0;
  height: calc(1.4 * var(--pat-toolbar-button-height));
  width: 28px;
  margin: 0 -28px 0 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
}
@container main (width > 768px) {
body[dir=rtl] .toggle-sidebar,
body[dir=rtl] aside.sidebar.left::after {
  right: auto;
  left: 0;
}
}
@container main (width > 768px) {
body[dir=rtl] .toggle-sidebar,
body[dir=rtl] aside.sidebar.left::after {
  margin: 0 0 0 -28px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
}
@container main (width > 768px) {
.application-body.state-on.sidebar-left-open:has(.sidebar.left .sidebar-toggle.left) .toggle-sidebar,
.application-body.state-on:has(.document-body .sidebar-toggle.left) .toggle-sidebar,
.application-body.state-on.sidebar-large .toggle-sidebar,
.application-body.state-on.sidebar-left-open:has(.sidebar.left .sidebar-toggle.left) aside.sidebar.left::after,
.application-body.state-on:has(.document-body .sidebar-toggle.left) aside.sidebar.left::after,
.application-body.state-on.sidebar-large aside.sidebar.left::after {
  pointer-events: none;
}
}
@container main (width > 768px) {
.toggle-sidebar {
  z-index: 2;
  padding: 0;
  box-sizing: content-box;
  overflow: hidden;
  background: var(--sidebar-background-colour);
  transition: all var(--base-animation-duration);
  user-select: none;
  -webkit-backdrop-filter: var(--sidebar-backdrop-filter, var(--pat-surface-backdrop-filter));
  backdrop-filter: var(--sidebar-backdrop-filter, var(--pat-surface-backdrop-filter));
}
}
@container main (width > 768px) {
@media (hover: hover) {
.toggle-sidebar:hover .open:before,
.toggle-sidebar:hover .close:before {
  color: var(--pat-button-text-colour-hover);
}
}
}
@container main (width > 768px) {
.toggle-sidebar .open,
.toggle-sidebar .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  color: var(--pat-button-text-colour);
}
}
@container main (width > 768px) {
.toggle-sidebar .open > svg,
.toggle-sidebar .close > svg {
  width: 17px;
  height: 17px;
}
}
@container main (width > 768px) {
body[dir=rtl] .toggle-sidebar .open > svg,
body[dir=rtl] .toggle-sidebar .close > svg {
  transform: scaleX(-1);
}
}
@container main (width > 768px) {
.toggle-sidebar .close {
  display: none;
}
}
@container main (width > 768px) {
.sidebar-left-open .toggle-sidebar .open {
  display: none;
}
}
@container main (width > 768px) {
.sidebar-left-open .toggle-sidebar .close {
  display: flex;
}
}
@container main (width > 768px) {
@media print {
.toggle-sidebar {
  display: none;
}
}
}
@container main (width > 768px) {
@container screen style(--screen-small: true) {
.toggle-sidebar {
  display: none;
}
}
}
.sidebar-large aside.sidebar.left .grouping.object-list .panel-content {
  padding: 0 2% 1em 2%;
}
.sidebar-large aside.sidebar.left .grouping.object-list .collapsible-closed,
.sidebar-large aside.sidebar.left .grouping.object-list .collapsible-open {
  padding: 1% 2%;
}
.sidebar-large aside.sidebar.left .grouping.object-list .follow {
  width: 30%;
}
.sidebar-large aside.sidebar.left h4 + .pat-checklist {
  margin-top: 5px;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label:after {
  content: ' ';
  display: table;
  clear: both;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
@media (hover: hover) {
.sidebar-large aside.sidebar.left .object-list.pat-checklist label:hover {
  background-color: var(--colour-base-background);
}
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist .additional-meta-data {
  right: 0%;
  opacity: 1;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist .meta-column {
  width: 30%;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist .meta-column.assignee,
.sidebar-large aside.sidebar.left .object-list.pat-checklist .meta-column.tag-cloud {
  width: 40%;
}
#application-body-workspaces {
  --workspace-tabs-left-closed: calc(0.5 * var(--sidebar-padding-right));
  --sidebar-width: 475px;
}
#application-body-workspaces.module-video-conference .document-body,
#application-body-workspaces.module-chat .document-body {
  --document-body-left-distance-sidebar-open: calc(50px + var(--sidebar-padding-left));
}
@container screen style(--screen-large: true) {
#application-body-workspaces {
  --document-body-left-distance-sidebar-open: calc(var(--sidebar-width) + var(--sidebar-margin-left));
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces {
  --document-body-left-distance-sidebar-open: calc(50px + var(--sidebar-padding-left));
  --document-body-left-distance: calc(50px + var(--sidebar-padding-left));
}
}
@container screen style(--screen-small: false) {
#application-body-workspaces {
  --sidebar-padding: var(--sidebar-padding-top) var(--sidebar-padding-right) var(--sidebar-padding-bottom) calc(50px + var(--sidebar-padding-left) + 0.5 * var(--sidebar-padding-left));
}
}
@container screen style(--screen-small: false) {
#application-body-workspaces.sidebar-large {
  --sidebar-padding-left-large: calc(85px + var(--sidebar-padding-left));
}
}
@container screen style(--screen-small: false) {
#application-body-workspaces.sidebar-large .sidebar-content > div {
  --sidebar-padding-top: var(--sidebar-padding-top-large);
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home) {
  --workspace-tabs-left: var(--workspace-tabs-left-closed);
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home),
#application-body-workspaces.module-video-conference,
#application-body-workspaces.module-chat,
#application-body-workspaces.module-whiteboard {
  --sidebar-margin-left-closed: -397px;
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-video-conference,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-chat,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-whiteboard,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).sidebar-left-closed,
#application-body-workspaces.module-video-conference.module-video-conference,
#application-body-workspaces.module-video-conference.module-chat,
#application-body-workspaces.module-video-conference.module-whiteboard,
#application-body-workspaces.module-video-conference.sidebar-left-closed,
#application-body-workspaces.module-chat.module-video-conference,
#application-body-workspaces.module-chat.module-chat,
#application-body-workspaces.module-chat.module-whiteboard,
#application-body-workspaces.module-chat.sidebar-left-closed,
#application-body-workspaces.module-whiteboard.module-video-conference,
#application-body-workspaces.module-whiteboard.module-chat,
#application-body-workspaces.module-whiteboard.module-whiteboard,
#application-body-workspaces.module-whiteboard.sidebar-left-closed {
  --document-body-left-distance: calc(50px + 1 * var(--sidebar-padding-left));
  --sidebar-padding: var(--sidebar-padding-top) 100px var(--sidebar-padding-bottom) var(--sidebar-padding-left);
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-whiteboard,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-video-conference,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-chat,
#application-body-workspaces.module-video-conference.module-whiteboard,
#application-body-workspaces.module-video-conference.module-video-conference,
#application-body-workspaces.module-video-conference.module-chat,
#application-body-workspaces.module-chat.module-whiteboard,
#application-body-workspaces.module-chat.module-video-conference,
#application-body-workspaces.module-chat.module-chat,
#application-body-workspaces.module-whiteboard.module-whiteboard,
#application-body-workspaces.module-whiteboard.module-video-conference,
#application-body-workspaces.module-whiteboard.module-chat {
  --document-body-left-distance-sidebar-open: var(--sidebar-padding-left);
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-whiteboard .sidebar.left,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-video-conference .sidebar.left,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home).module-chat .sidebar.left,
#application-body-workspaces.module-video-conference.module-whiteboard .sidebar.left,
#application-body-workspaces.module-video-conference.module-video-conference .sidebar.left,
#application-body-workspaces.module-video-conference.module-chat .sidebar.left,
#application-body-workspaces.module-chat.module-whiteboard .sidebar.left,
#application-body-workspaces.module-chat.module-video-conference .sidebar.left,
#application-body-workspaces.module-chat.module-chat .sidebar.left,
#application-body-workspaces.module-whiteboard.module-whiteboard .sidebar.left,
#application-body-workspaces.module-whiteboard.module-video-conference .sidebar.left,
#application-body-workspaces.module-whiteboard.module-chat .sidebar.left {
  left: calc(-1 * var(--sidebar-width) - 2 * var(--sidebar-padding-left));
  opacity: 0;
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home) .sidebar-content,
#application-body-workspaces.module-video-conference .sidebar-content,
#application-body-workspaces.module-chat .sidebar-content,
#application-body-workspaces.module-whiteboard .sidebar-content {
  overflow: hidden;
}
}
@container screen style(--screen-large: true) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home) .sidebar-content > *,
#application-body-workspaces.module-video-conference .sidebar-content > *,
#application-body-workspaces.module-chat .sidebar-content > *,
#application-body-workspaces.module-whiteboard .sidebar-content > * {
  opacity: 0;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference,
#application-body-workspaces.module-chat,
#application-body-workspaces.module-whiteboard,
#application-body-workspaces.focus-document:not(.sidebar-left-open) {
  --sidebar-margin-left-closed: -397px;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-video-conference,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-chat,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-whiteboard,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.sidebar-left-closed,
#application-body-workspaces.module-chat.module-video-conference,
#application-body-workspaces.module-chat.module-chat,
#application-body-workspaces.module-chat.module-whiteboard,
#application-body-workspaces.module-chat.sidebar-left-closed,
#application-body-workspaces.module-whiteboard.module-video-conference,
#application-body-workspaces.module-whiteboard.module-chat,
#application-body-workspaces.module-whiteboard.module-whiteboard,
#application-body-workspaces.module-whiteboard.sidebar-left-closed,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-video-conference,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-chat,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-whiteboard,
#application-body-workspaces.focus-document:not(.sidebar-left-open).sidebar-left-closed {
  --document-body-left-distance: calc(50px + 1 * var(--sidebar-padding-left));
  --sidebar-padding: var(--sidebar-padding-top) 100px var(--sidebar-padding-bottom) var(--sidebar-padding-left);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-whiteboard,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-video-conference,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-chat,
#application-body-workspaces.module-chat.module-whiteboard,
#application-body-workspaces.module-chat.module-video-conference,
#application-body-workspaces.module-chat.module-chat,
#application-body-workspaces.module-whiteboard.module-whiteboard,
#application-body-workspaces.module-whiteboard.module-video-conference,
#application-body-workspaces.module-whiteboard.module-chat,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-whiteboard,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-video-conference,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-chat {
  --document-body-left-distance-sidebar-open: var(--sidebar-padding-left);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-whiteboard .sidebar.left,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-video-conference .sidebar.left,
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference.module-chat .sidebar.left,
#application-body-workspaces.module-chat.module-whiteboard .sidebar.left,
#application-body-workspaces.module-chat.module-video-conference .sidebar.left,
#application-body-workspaces.module-chat.module-chat .sidebar.left,
#application-body-workspaces.module-whiteboard.module-whiteboard .sidebar.left,
#application-body-workspaces.module-whiteboard.module-video-conference .sidebar.left,
#application-body-workspaces.module-whiteboard.module-chat .sidebar.left,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-whiteboard .sidebar.left,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-video-conference .sidebar.left,
#application-body-workspaces.focus-document:not(.sidebar-left-open).module-chat .sidebar.left {
  left: calc(-1 * var(--sidebar-width) - 2 * var(--sidebar-padding-left));
  opacity: 0;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference .sidebar-content,
#application-body-workspaces.module-chat .sidebar-content,
#application-body-workspaces.module-whiteboard .sidebar-content,
#application-body-workspaces.focus-document:not(.sidebar-left-open) .sidebar-content {
  overflow: hidden;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home)
    #application-body-workspaces.module-video-conference .sidebar-content > *,
#application-body-workspaces.module-chat .sidebar-content > *,
#application-body-workspaces.module-whiteboard .sidebar-content > *,
#application-body-workspaces.focus-document:not(.sidebar-left-open) .sidebar-content > * {
  opacity: 0;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home),
#application-body-workspaces.focus-document:not(.sidebar-left-open):not(.module-video-conference):not(.module-whiteboard):not(.module-workspace-home) {
  --workspace-tabs-left: var(--workspace-tabs-left-closed);
}
}
#application-body-workspaces.sidebar-left-closed.module-workspace-home {
  --document-body-left-distance: calc(250px + var(--sidebar-padding-left));
}
#application-body-workspaces.module-workspace-home {
  --sidebar-margin-left-closed: -550px;
}
@container screen style(--screen-small: true) {
aside.sidebar .pat-well:not(.pat-collapsible) {
  --pat-well-padding: 10px;
  --pat-well-padding-top: 10px;
  --pat-well-padding-bottom: 10px;
  --pat-well-padding-left: 10px;
  --pat-well-padding-right: 10px;
  padding: var(--pat-well-padding-top) var(--pat-well-padding-right) var(--pat-well-padding-bottom) var(--pat-well-padding-left);
}
}
@container screen style(--screen-small: true) {
aside.sidebar .pat-well .well-header[class*='icon-']::before,
aside.sidebar .pat-well .well-header > .icon,
aside.sidebar .pat-well .well-header > svg,
aside.sidebar .pat-well .well-title-group .quaive-page-head > .app-icon {
  display: none;
}
}
aside.sidebar .pat-link-list {
  --pat-x-list-padding-top: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding-right: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding-bottom: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding-left: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding:
    calc(0.65 * var(--pat-x-list-gutter))
    calc(0.65 * var(--pat-x-list-gutter))
    calc(0.65 * var(--pat-x-list-gutter))
    calc(0.65 * var(--pat-x-list-gutter));
}
aside.sidebar .pat-link-list.cards li a:has(.event-date) {
  --pat-x-list-padding: 8px 8px 8px 8px;
}
.sidebar {
  --pat-rich-header-level-2-margin-top: 1rem;
  --pat-rich-header-level-2-margin-bottom: 1rem;
  --pat-rich-header-level-2-font-size: 1.5rem;
  --pat-well-separation-header-font-size: 1rem;
  --sidebar-label-font-size: 18px;
  --sidebar-label-font-weight: 500;
  --sidebar-label-font-family: var(--base-font-family);
  --pat-well-well-header-font-size: var(--sidebar-label-font-size);
  --pat-well-well-header-font-weight: var(--sidebar-label-font-weight);
  --pat-well-well-header-font-family: var(--sidebar-label-font-family);
}
.sidebar .sidebar-extras .item a {
  font-size: var(--sidebar-label-font-size);
  font-weight: var(--sidebar-label-font-weight);
  font-family: var(--sidebar-label-font-family);
  line-height: 22px;
}
.sidebar .pat-well > .well-title-group .quaive-page-head {
  --kik-app-icon-box: 22px;
  gap: 8px;
}
.sidebar .well-separation-header {
  margin-bottom: 0.5rem;
}
.sidebar-normal .sidebar .pat-well {
  --pat-x-list-border-radius: var(--border-radii-medium);
}
@container main (width <= 680px) {
.sidebar .pat-menu-list li:has(> :is(a, label, button).current) {
  background-color: transparent;
}
}
@container main (width <= 680px) {
.sidebar .pat-menu-list li > a.current,
.sidebar .pat-menu-list li > a.current *,
.sidebar .pat-menu-list li > label.current,
.sidebar .pat-menu-list li > label.current *,
.sidebar .pat-menu-list li > button.current,
.sidebar .pat-menu-list li > button.current * {
  color: var(--body-font-colour);
}
}
@container main (width <= 680px) {
.sidebar .pat-menu-list li > a.current .item-title .counter,
.sidebar .pat-menu-list li > label.current .item-title .counter,
.sidebar .pat-menu-list li > button.current .item-title .counter {
  background-color: var(--menu-list-counter-background, rgba(0, 0, 0, 0.1));
}
}
.sidebar-extras {
  display: flex;
  flex-direction: column;
  gap: var(--default-tail-white);
  padding: 0;
  margin: 0 0 var(--default-tail-white) 0;
  --pat-surface-backdrop-filter: none;
  --sidebar-extras-backdrop-filter: none;
}
.sidebar-large .sidebar-extras {
  flex-flow: row wrap;
}
.sidebar-large .sidebar-extras .item {
  flex: 1 1 11rem;
}
.sidebar-extras .item {
  display: block;
  position: relative;
  padding: 0;
  border-radius: var(--border-radii);
}
.sidebar-extras .item.close {
  --sidebar-extras-background-colour: transparent;
  --sidebar-extras-text-colour: var(--pat-button-text-colour);
  --sidebar-extras-background-colour-hover: transparent;
  --sidebar-extras-text-colour-hover: var(--pat-button-text-colour-hover);
  --sidebar-extras-box-shadow: inset 0 0 0 2px var(--pat-button-text-colour);
  --sidebar-extras-box-shadow-hover: inset 0 0 0 2px var(--pat-button-text-colour-hover);
}
.sidebar-extras .item.close.current,
.sidebar-extras .item.close:active {
  --sidebar-extras-background-colour: var(--colour-sidebar-extras);
}
.sidebar-extras .item a {
  background-color: var(--sidebar-extras-background-colour);
  filter: var(--sidebar-extras-filter);
  -webkit-backdrop-filter: var(--sidebar-extras-backdrop-filter);
  backdrop-filter: var(--sidebar-extras-backdrop-filter);
  display: block;
  width: 100%;
  color: var(--sidebar-extras-text-colour);
  border-radius: var(--border-radii);
  padding: 0.8rem 7% 0.8rem 50px;
  line-height: 26px;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
  box-shadow: var(--sidebar-extras-box-shadow);
  box-sizing: border-box;
  cursor: default;
}
@media (hover: hover) {
.sidebar-extras .item a:hover {
  text-decoration: none;
  background-color: var(--sidebar-extras-background-colour-hover);
  filter: var(--sidebar-extras-filter-hover);
  -webkit-backdrop-filter: var(--sidebar-extras-backdrop-filter-hover);
  backdrop-filter: var(--sidebar-extras-backdrop-filter-hover);
  color: var(--sidebar-extras-text-colour-hover);
  box-shadow: var(--sidebar-extras-box-shadow-hover);
}
}
.sidebar-extras .item a::before {
  font-size: 1em;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  margin-left: 21px;
  left: 0;
}
.sidebar-extras .item a > svg.kik-icon {
  flex: none;
  width: 22px;
  height: 22px;
  pointer-events: none;
}
.sidebar-extras .item a.arrow:after {
  content: '';
  position: absolute;
  right: 4%;
  top: 50%;
  font-size: 16px;
  width: 1em;
  height: 1em;
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-forward) center / contain no-repeat;
  mask: var(--kik-svg-forward) center / contain no-repeat;
}
.sidebar-extras .item a.current {
  background-color: var(--colour-accent);
  color: white;
  cursor: default;
}
@container main (width <= 680px) {
.sidebar-extras .item a.current {
  background-color: var(--sidebar-extras-background-colour);
  color: var(--sidebar-extras-text-colour);
}
}
.sidebar-extras .item a .counter {
  position: absolute;
  inset-inline-end: 9px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 1;
  color: white;
  background-color: red;
  border: white 1px solid;
  border-radius: 10px;
}
.sidebar-extras .item a .counter[hidden] {
  display: none;
}
.sidebar-extras .item a:has(.counter:not([hidden]):not([style*="display:none"])) {
  padding-inline-end: calc(9px + 32px);
}
body.slideshow-running #global-header,
body.slideshow-running #sidebar,
body.slideshow-running #toolbar-main,
body.slideshow-running .pat-slides .title-bar,
body.slideshow-running .document-body > .message,
body.slideshow-running .document-content,
body.slideshow-running .metadata,
body.slideshow-running .toc.previews {
  display: none;
}
body.slideshow-running #app-space {
  background-color: var(--body-font-colour);
  top: 0;
}
body.slideshow-running #app-space .document-body {
  background: black;
  left: 0;
  top: 0;
}
body.slideshow-running:before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--body-font-colour);
  z-index: 0;
}
@keyframes drop-80 {

  from {
    margin-top: 0;
  }
  to {
    margin-top: 80px;
  }
}
.slide.active #single-pearl,
.pat-slides.mode-list #single-pearl {
  animation: shake 1s 2.5s, drop-80 linear 0.3s 3.6s;
  animation-fill-mode: forwards;
}
.pat-slides.mode-full .slide:not(.active) .animated {
  display: none;
}
figcaption.customised {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  text-align: center;
  display: block;
  font: 110px / 640px Dakota !important;
  color: #819da5;
  background-color: rgba(254, 254, 254, 0.8);
}
.pat-slides {
  counter-reset: paging;
  z-index: 10000;
}
.pat-slides.mode-full {
  position:absolute;
  top:50%;
  left:50%;
  overflow:hidden;
  margin:-360px 0 0 -640px;
  width:1280px;
  height:720px;
  background:#000;
  z-index: 2147483647;
}
.pat-slides.mode-full.aspect-sd {
  height: 960px;
}
.pat-slides.aspect-sd {
  margin:-480px 0 0 -640px;
}
.pat-slides.cloaked {
  display: none;
}
.pat-slides.cloaked.mode-full {
  display: block;
}
.postit {
  position: relative;
  padding: 1em;
  margin: 0 10px 40px;
  background-color: #fdfdc8;
  color: #6f5a44;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  display: block;
  border: 1px solid #e2e2e2;
}
.postit.usp {
  background-color: #f8f7f4;
  padding: 22px 22px 35px;
  border: 5px double #e3e1da;
  font: 13px / 24px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 1px;
  text-shadow: white 0 1px 0;
  box-sizing: border-box;
  margin-right: 0;
  margin-left: 0;
}
.postit.usp .downloads:before {
  content: '';
  display: block;
  height: 40px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-download) center / 1em no-repeat;
  mask: var(--kik-svg-download) center / 1em no-repeat;
  text-align: center;
  font-size: 20px;
  margin-bottom: 8px;
  margin-top: 5px;
}
.postit.usp.float-before {
  margin-left: 0;
  margin-right: 30px;
  float: left;
}
.postit.usp h3 {
  letter-spacing: 1px;
  margin-bottom: 16px;
  font: italic normal 18px / 28px Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  text-align: center;
}
.postit ul {
  padding-left: 17px;
  list-style-type: none;
}
.postit ol {
  padding-left: 22px;
}
.postit ul li {
  margin-bottom: 8px;
}
.postit ul li:before {
  content: "☛";
  content: "❧";
  content: "✽";
  content: "❖";
  width: 17px;
  margin-left: -17px;
  float: left;
  font-size: 13px;
}
.postit.pat-collapsible .panel-content {
  padding-bottom: 0;
}
.postit *:last-child {
  margin-bottom: 0;
}
.postit *:last-child:after {
  content: " ";
  clear: both;
  display: block;
}
.postit a {
  color: #59676e;
  font-weight: bold;
}
aside.sidebar .postit a {
  color: #59676e;
  font-weight: bold;
}
.postit:before,
.postit:after {
  content: "";
  position: absolute;
  z-index: -2;
}
.postit.guide {
  display: none;
}
.postit img.inline {
  height: 1em;
  vertical-align: text-bottom;
}
.lifted:before {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.lifted:after {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.curled {
  border: 1px solid #efefef;
  -moz-border-radius: 0 0 120px 120px / 0 0 6px 6px;
  border-radius: 0 0 120px 120px / 0 0 6px 6px;
}
.curled:before {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 55%;
  max-width: 200px;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -webkit-transform: skew(-8deg) rotate(-3deg);
  -moz-transform: skew(-8deg) rotate(-3deg);
  -ms-transform: skew(-8deg) rotate(-3deg);
  -o-transform: skew(-8deg) rotate(-3deg);
  transform: skew(-8deg) rotate(-3deg);
}
.curled:after {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 55%;
  max-width: 200px;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -webkit-transform: skew(-8deg) rotate(-3deg);
  -moz-transform: skew(-8deg) rotate(-3deg);
  -ms-transform: skew(-8deg) rotate(-3deg);
  -o-transform: skew(-8deg) rotate(-3deg);
  transform: skew(-8deg) rotate(-3deg);
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
.perspective:before {
  left: 80px;
  bottom: 5px;
  width: 50%;
  height: 35%;
  max-width: 200px;
  -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -webkit-transform: skew(50deg);
  -moz-transform: skew(50deg);
  -ms-transform: skew(50deg);
  -o-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.perspective:after {
  display: none;
}
.raised {
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.curved:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 50%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -moz-border-radius: 10px / 100px;
  border-radius: 10px / 100px;
}
.curved-vt-2:before {
  right: 0;
}
.curved-hz-1:before {
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.curved-hz-2:before {
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
#intro {
  padding: 50px 50px 70px;
  font-size: 14px;
  margin: 40px 10% 50px;
}
.pat-slides.mode-full #intro {
  display: none;
}
.office-building-floors img {
  margin-bottom: 15px;
  margin-top: 0;
  display: block;
  width: 100%;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
}
.persona-portrait {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 3px solid white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.persona-portrait.round {
  border-radius: 50%;
}
.persona-portrait img {
  max-width: 20000px !important;
}
.persona-portrait.uwv img {
  margin-top: -330px;
  width: 750px;
  margin-left: -67px;
}
@keyframes shrink-60 {

  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
  }
}
@keyframes spin-ccw {

  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.active .spin-ccw {
  animation: spin-ccw 2s infinite linear;
}
.active .shrink-60-down {
  animation: shrink-60 2s;
  transform-origin-y: middle;
  transform-origin-x: center;
  -webkit-animation-fill-mode: forwards;
}
.pat-slides.mode-list .shrink-60-down {
  animation: shrink-60 2s;
  transform-origin-y: middle;
  transform-origin-x: center;
  -webkit-animation-fill-mode: forwards;
}
@media print {
.active .shrink-60-down,
.pat-slides.mode-list .shrink-60-down,
.shrink-60-down {
  animation: none;
  transform: scale(0.5);
}
}
div[data-src] {
  position: relative;
}
@media (hover: hover) {
.pat-slides.mode-list div[data-src]:hover:after {
  background-color: #efefef;
  content: attr(data-src);
  position: absolute;
  padding-right: 10px;
  font-size: 10px;
  padding-left: 10px;
  border: 1px solid #dfbf94;
  color: #72624c;
  top: 3px;
  right: 0;
  border-radius: 20px;
  line-height: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: rgba(254, 255, 255, 0.72) 0 1px 0;
  z-index: 1000;
}
}
@media (hover: hover) {
.pat-slides.mode-list .slide .slide-body div[data-src]:hover:after {
  zoom: 2;
}
}
.office-building {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--body-font-colour);
  width: 1280px;
  height: 720px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
}
.office-building img {
  max-height: 720px !important;
  max-width: 1280px !important;
}
#how-to-roll-out-touchpoints-efficiently.active .office-building {
  width: 583px;
  left: -180px;
  transition: width 1.5s, left 1.5s;
  transition-delay: 4s;
}
.pat-slides.mode-list #how-to-roll-out-touchpoints-efficiently .office-building {
  width: 583px;
  left: -180px;
  transition: width 1.5s, left 1.5s;
  transition-delay: 4s;
}
.pat-slides.mode-full .slide.active .slide-body .slide-by img {
  animation: slider-88 25s;
  animation-fill-mode: forwards;
}
@keyframes slider-88 {

  0% {
    transform: translate(0%);
    opacity: 1;
  }
  100% {
    transform: translate(-88%);
    opacity: 1;
  }
}
.fan img {
  position: absolute;
  left: 50%;
  bottom: 70px;
}
.slide.pat-auto-scale {
  width: 1280px;
}
.slide hr {
  background-color: silver;
  height: 1px;
  border-style: none;
  width: 70%;
  margin-top: 2em;
  margin-bottom: 2em;
}
.slide img.shadowed,
.slide figure.shadowed {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  outline: solid 1px rgba(0, 0, 0, 0.1);
}
.slide .slide-body .fan img,
.slide .slide-content.clean .slide-body .fan img {
  max-height: 65%;
  transform-origin: bottom left;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-90deg);
  transition: transform 1s;
}
.slide.active .slide-body .fan img:nth-child(1) {
  transform: rotate(-80deg);
  transition-delay: 1s;
}
.slide.active .slide-body .fan img:nth-child(2) {
  transform: rotate(-60deg);
  transition-delay: 0.8s;
}
.slide.active .slide-body .fan img:nth-child(3) {
  transform: rotate(-40deg);
  transition-delay: 0.6s;
}
.slide.active .slide-body .fan img:nth-child(4) {
  transform: rotate(-20deg);
  transition-delay: 0.4s;
}
.slide.active .slide-body .fan img:nth-child(5) {
  transform: rotate(0deg);
  transition-delay: 0.2s;
}
.slide .float-after {
  float: right;
}
.slide .float-before {
  float: left;
}
.logo-cloud {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  width: 70%;
  display: inline-block;
  text-align: center;
}
.slide .logo-cloud a {
  text-decoration: none;
  display: inline-block;
  border-bottom-style: none;
  padding: 25px;
}
@media (hover: hover) {
.slide .logo-cloud a:hover {
  background-color: #eaeaea;
  border-radius: 10px;
}
}
.logo-cloud a img {
  height: 80px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.pat-slides.mode-full .slide-content {
  overflow: hidden;
}
.pat-slides.mode-list footer blockquote {
  text-align: left;
  margin-left: 20px;
  margin-right: 40px;
}
body[dir=rtl] .pat-slides.mode-list footer blockquote {
  text-align: right;
}
.pat-slides.mode-list footer blockquote:before {
  color: #eaeaea;
  margin-left: -40px;
}
.slide:after {
  counter-increment: paging;
  content: counter(paging, decimal-leading-zero);
}
.slide .slide-content {
  font: 22px / 1.8 Verdana, "Lucida Grande", Lucida, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-transition: -webkit-filter 1s;
  transition: filter 1s;
  width: 1280px;
  height: 720px;
  outline: 1px solid silver;
}
.document-content .slide .slide-content {
  outline: none;
  padding-bottom: 10rem;
}
.document-content .slide .slide-content:after {
  display: none;
}
.slide .slide-content .slide-body {
  padding: 40px 60px 0;
  width: 1280px;
  height: 720px;
  background: #FFF;
  color: #000;
  margin-bottom: 30px;
  position: relative;
  outline: silver 1px solid;
  overflow: hidden;
  box-sizing: border-box;
}
.document-content .slide .slide-content .slide-body {
  margin-bottom: 0;
}
.slide .slide-content .slide-body figcaption {
  color: gray;
  font: italic 16px Georgia, "Times New Roman", Times, serif;
}
.slide .slide-content .slide-body table img {
  max-width: 100%;
}
.slide .slide-content .notes {
  border: none;
  height: auto;
  padding: 2em 0 0 0;
  width: 100%;
}
.slide .slide-content .notes textarea {
  background: var(--colour-base-background);
  box-shadow: none;
  border: none;
  border-bottom: 1px silver solid;
  padding: 0;
  width: 100%;
  height: 10rem;
  border: none;
  resize: none;
}
.slide .slide-content h2 {
  color: var(--body-font-colour);
  margin-top: 0;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
  font-family: HelveticaNeueLTStd25UltraLt;
  font-weight: normal;
}
.slide .slide-content h3 {
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 1em;
  letter-spacing: 2px;
  font-weight: normal;
  font-style: normal;
  margin-top: 0;
}
.slide > footer {
  display: none;
}
.slide header {
  color: #666;
  height: 50px;
  border-bottom: 1px solid silver;
  margin-bottom: 20px;
  margin-top: 30px;
  font: normal 40px / 1.13 flc;
}
.slide .slide-content .slide-body > h1,
.slide .slide-content .slide-body > hgroup {
  color: #666;
  height: 50px;
  background: silver;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding-top: 110px;
  padding-bottom: 8px;
  padding-right: 60px;
  font-size: 29px;
  text-align: right;
  height: auto !important;
  font-weight: bold;
  font-family: Arial;
  margin: -40px -60px 20px -60px;
  margin-bottom: 60px !important;
}
.slide a {
  border-bottom: 0.1em solid;
  color: #0174A7;
  text-decoration: none;
}
.slide a[target=_blank] {
  margin-right: 22px;
}
.slide a[target=_blank]:after {
  position: absolute;
  margin-left: 7px;
  font-family: 'Target Blank';
  content: '\005E';
}
.slide b,
.slide strong {
  font-weight: bold;
}
.slide i,
.slide em {
  font-style: italic;
}
.slide kbd,
.slide code {
  padding: 3px 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FAFAA2;
  color: #000;
  -webkit-tab-size: 4;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: 'PT Mono', monospace;
}
.slide blockquote {
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: gray;
  text-align: center;
}
.slide blockquote em:last-child {
  text-align: right;
  float: right;
  margin-top: 20px;
  font: normal normal 16px "Frutiger 55 Roman";
}
.slide blockquote:before {
  position: absolute;
  color: #ebebeb;
  content: '\201C';
  margin: -15px 0 0 -20px;
  z-index: -1;
  line-height: 0.9;
  font-size: 200px;
}
.slide.rtl,
.slide.rtl textarea {
  text-align: right;
}
.slide ol {
  counter-reset: list;
  margin: 0 0 45px 45px;
  list-style-type: none;
  padding: 0;
}
.slide ul {
  counter-reset: list;
  margin: 0 0 45px 45px;
  list-style-type: none;
  padding: 0;
}
.slide ul ul {
  margin: 0 0 0 43px;
}
.slide ol ul,
.slide ol ol {
  margin: 0 0 0 43px;
}
.slide ul ol {
  margin: 0 0 0 43px;
}
.slide ol > li:before {
  position: absolute;
  margin-left: -45px;
  width: 45px;
  color: #BBB;
  text-align: left;
  float: left;
}
body[dir=rtl] .slide ol > li:before {
  text-align: right;
}
.slide ul > li:before {
  position: absolute;
  margin-left: -45px;
  width: 45px;
  color: #BBB;
  text-align: left;
  float: left;
  content: '—';
}
body[dir=rtl] .slide ul > li:before {
  text-align: right;
}
.slide ol > li:before {
  counter-increment: list;
  content: counter(list) ".";
}
.slide pre {
  margin: 0 0 45px;
  counter-reset: code;
  white-space: normal;
}
.slide pre code {
  display: block;
  padding: 0;
  background: none;
  white-space: pre;
}
.slide pre code:before {
  position: absolute;
  margin: 0 0 0 -120px;
  width: 110px;
  color: #BBB;
  text-align: right;
  counter-increment: code;
  content: counter(code, decimal-leading-zero) ".";
}
.slide pre mark {
  padding: 3px 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FAFAA2;
  color: #000;
  font-style: normal;
}
.slide pre .important {
  background: #C00;
  color: #FFF;
  font-weight: normal;
}
.slide pre .comment {
  padding: 0;
  background: none;
  color: #888;
}
.slide.split-screen .slide-body header,
.slide.split-screen .slide-content .slide-body > h1 {
  border-style: none;
  text-indent: -1000px;
  display: none;
}
.slide.split-screen h3 {
  text-align: center;
  text-transform: none;
  font: 38px / 10px flc;
  padding-top: 20px;
  margin-bottom: 20px;
}
.slide.split-screen .left-half,
.slide.split-screen .right-half {
  position: absolute;
  top: 0;
  height: 520px;
  width: 392px;
  padding: 60px;
}
.slide.split-screen .left-half {
  left: 0;
  background: #585A5E;
  color: white;
}
.slide.split-screen .right-half {
  right: 0;
}
.slide.title .slide-body header,
.slide.title .slide-content .slide-body h1 {
  border-style: none;
  text-align: center;
  position: absolute;
  top: 50%;
  margin: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 70px;
  width: 880px;
}
.slide.title:target .slide-body header,
.slide.title:target .slide-content > .slide-body h1 {
  -webkit-animation: fadeIn 1s;
}
.slide .slide-content.video .slide-content > .slide-body:first-child {
  background: black;
}
.slide .slide-content.video video,
.slide .slide-content.video object,
.slide .slide-content.video .video-js {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--body-font-colour);
  width: 100%;
  height: 100%;
}
.slide .slide-content.video .slide-body:before,
.slide .slide-content.video:after {
  display: none;
}
.slide.pat-slides.mode-full-quote .slide-body h2 {
  color: white;
}
.slide.pat-slides.mode-full-quote .slide-body header {
  border-style: none;
}
.slide.pat-slides.mode-full-quote .slide-content > .slide-body > h1 {
  border-style: none;
}
.slide.pat-slides.mode-full-quote .slide-body blockquote {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.slide .slide-content.clean .slide-body {
  padding: 0;
}
.slide .slide-content.clean .slide-body header,
.slide .slide-content.clean .slide-body > h1 {
  border-style: none;
  text-indent: -1000px;
  display: none;
}
.slide .slide-content.clean .slide-body header {
  text-indent: 0;
}
.slide .slide-content.clean .slide-body header h2:before {
  text-indent: 0;
}
.slide .slide-content.clean .slide-body > h1:before {
  text-indent: 0;
}
.slide .slide-content.clean .slide-body img {
  max-width: 100%;
  max-height: 100%;
}
.slide.media-full-height .slide-body header,
.slide.media-full-height .slide-content .slide-body > h1 {
  display: none;
}
.slide.media-full-height .slide-body img {
  max-width: 10000px !important;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
}
.pat-slides.mode-full .slide-content.video {
  z-index: 1;
}
#plato {
  position: absolute;
  top: 215px;
  left: 593px;
  width: 145px;
  text-align: center;
  font: 19px / 22px "Just Another Hand";
}
#socrates {
  position: absolute;
  top: 281px;
  left: 381px;
  font: 19px / 21px "Just Another Hand";
  width: 110px;
  text-align: center;
}
.slide .slide-content.aspect-sd {
  height: 960px;
}
.slide .slide-content.aspect-sd .slide-body {
  height: 960px;
}
.slide .slide-content.full .slide-body header {
  min-height: 300px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  border-style: none;
  padding-left: 60px;
  height: auto;
  padding-bottom: 200px;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
  padding-top: 69px;
  position: absolute;
  text-shadow: black 0 1px 5px 10px;
}
.slide .slide-content.full .slide-body {
  padding: 0;
}
.slide .slide-content.full .slide-body > h1,
.slide .slide-content.full .slide-body > hgroup {
  min-height: 300px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  border-style: none;
  padding-left: 60px;
  height: auto;
  padding-bottom: 200px;
  background-image: none;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(1%,rgba(0,0,0,0.65)), color-stop(63%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  padding-top: 69px;
  position: absolute;
  text-shadow: black 0 1px 5px 10px;
  text-align: left;
}
body[dir=rtl] .slide .slide-content.full .slide-body > h1,
body[dir=rtl] .slide .slide-content.full .slide-body > hgroup {
  text-align: right;
}
.slide .slide-content.full .slide-body .text-overlay {
  position: absolute;
  width: 910px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 180px;
  padding-left: 60px;
  padding-right: 60px;
  color: gray;
  text-shadow: white 0 0 55px;
}
.slide .slide-content.full > .slide-body > h1 {
  color: white;
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 40px;
}
.slide .slide-content.full > .slide-body > hgroup > h1 {
  color: white;
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 40px;
}
.slide .slide-content.full > .slide-body > hgroup h2 {
  font-size: 18px;
  letter-spacing: 1px;
  color: white;
}
.slide .slide-content.full .slide-body:before {
  display: none;
}
.slide .slide-content.full .slide-body img {
  max-width: 1280px !important;
  max-height: 960px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px !important;
  height: 100%;
}
.slide .slide-content.sheet .slide-body {
  text-align: center;
  background-color: #585A5E;
}
.slide .slide-content.sheet .slide-body header {
  height: 640px;
  padding: 0;
  border-style: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
}
.slide .slide-content.sheet .slide-body > h1,
.slide .slide-content.sheet .slide-body > hgroup > h1 {
  height: 640px;
  padding: 0;
  border-style: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  background-size: 60px;
}
.slide .slide-content.sheet .slide-body:after {
  content: " ";
  height: 1px;
  display: block;
  background-color: var(--colour-base-background);
  position: absolute;
  right: 0;
  left: 0;
  top: 319px;
  width: 100%;
}
.slide .slide-content.sheet .slide-body header h2 {
  position: absolute;
  top: 141px;
  right: 0;
  left: 23px;
  letter-spacing: 2px;
  font: 30px / 25px Dakota;
}
.slide .slide-content.sheet .slide-body > h1 {
  position: absolute;
  top: 141px;
  right: 0;
  left: 23px;
  letter-spacing: 2px;
  font: 30px / 25px Dakota;
}
.slide .slide-content.sheet .slide-body * {
  color: white;
}
.slide .slide-content.sheet .slide-body blockquote {
  margin: 0;
  position: absolute;
  top: 78%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 880px;
  font: normal 40px "flc", Verdana, "Lucida Grande", Lucida, sans-serif;
}
.slide .slide-content.sheet:target .slide-body blockquote {
  -webkit-animation: fadeIn 3s;
  letter-spacing: 1px;
}
.slide .slide-content.sheet .slide-body blockquote:before {
  display: none;
}
.slide slide-content.cover .slide-body {
  overflow: hidden;
}
.slide slide-content.cover .slide-body:before {
  color: var(--body-font-colour);
}
.slide slide-content.cover img,
.slide slide-content.cover svg,
.slide slide-content.cover video,
.slide slide-content.cover object {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  height: 100%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slide slide-content.cover.w img,
.slide slide-content.cover.w svg,
.slide slide-content.cover.w video,
.slide slide-content.cover.w object {
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slide slide-content.cover .slide-body > hgroup {
  position: absolute;
  bottom: 50%;
  margin: 0;
  padding-bottom: 25px;
  right: 60px;
  left: 60px;
  border-bottom: 1px solid gray;
  top: 250px;
}
.slide slide-content.cover .slide-body > hgroup h1 {
  margin-top: 0;
  font-size: 60px;
  margin-bottom: 25px;
}
.slide slide-content.cover .slide-body h2 {
  color: #666666;
  font: italic 25px / 2 Georgia, "Times New Roman", Times, serif;
  width: 510px;
  padding-right: 51%;
  padding-bottom: 60px;
  position: relative;
  padding-top: 0;
  margin-top: 0;
}
.slide slide-content.cover .slide-body h2:before {
  top: -230px;
  left: 0;
}
.slide slide-content.cover header:before {
  content: "Design library";
  position: absolute;
  top: 30px;
  left: 153px;
  color: silver;
  z-index: 2;
  letter-spacing: 1px;
  font: normal 10px / 19px "Frutiger 55 Roman";
}
.slide slide-content.shout .slide-body:before {
  display: none;
}
.slide slide-content.shout h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 150px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slide slide-content.shout h2 a[target=_blank] {
  margin: 0;
}
.slide slide-content.shout h2 a[target=_blank]:after {
  content: '';
}
.slide .slide-body .compound {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.slide .slide-body .compound img {
  position: absolute;
  top: 0;
  left: 0;
}
.slide .slide-body .centre {
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.slide .slide-body figure.centre {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  transform: translate(-50%);
}
.slide .slide-body .middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
}
.slide .slide-body figure.middle {
  -webkit-transform: none;
  width: 1280px;
  height: 720px;
  position: static;
  display: table-cell;
  vertical-align: middle;
  margin-right: -1280px;
}
.slide .slide-body figure.middle figcaption {
  text-align: right;
  padding-right: 60px;
}
.slide.active .slide-body figure.middle figcaption {
  animation: fadeInRight 1s;
}
.slide .slide-body .middle ul {
  margin: 0;
}
.slide .slide-body .middle ul > li:before {
  position: static;
  display: inline-block;
  width: auto;
  margin: 0 6px 0 0;
  padding: 0;
  float: none;
  display: none;
}
.slide .slide-body .right {
  position: absolute;
  max-height: 640px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 0;
}
.slide .slide-body .bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  margin: 0;
}
.slide .slide-body figure.bottom * {
  max-height: 600px;
}
@media screen {
.pat-slides.mode-list {
  margin: 0;
  padding: 0 0 80px;
  background-color: var(--colour-base-background);
}
}
@media screen {
.pat-slides.mode-list .title-bar {
  width: 512px;
  font-weight: bold;
  display: block;
  margin: 0 auto 0.6em;
}
}
@media screen {
.pat-slides.mode-list .title-bar .functions {
  float: right;
}
}
@media screen {
.pat-slides.mode-list .title-bar .functions .iconified {
  margin: 0;
  color: gray;
}
}
@media screen {
@media (hover: hover) {
.pat-slides.mode-list .title-bar .functions .iconified:hover {
  color: var(--body-font-colour);
}
}
}
@media screen {
.pat-slides.mode-list .caption {
  margin-bottom: 20px;
  width: 910px;
  padding-top: 122px;
  background-color: var(--colour-base-background);
  padding-right: 65px;
  padding-left: 65px;
}
}
@media screen {
.pat-slides.mode-list .slide {
  position: relative;
  margin: 0;
  width: auto;
  display: block;
  overflow: hidden;
  padding: 40px 0 10px 5.8%;
}
}
@media screen {
.pat-slides.mode-list .slide:after {
  color: silver;
  line-height: 1;
  font-size: 15px;
  float: left;
  position: absolute;
  top: 37px;
  margin-left: 0;
  text-align: right;
  left: 0;
  width: 4.4%;
}
}
@media screen {
.pat-slides.mode-list .slide.active:after {
  color: #819da5;
}
}
@media screen {
.pat-slides.mode-list .slide div.slide-content {
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 8px silver;
  border-radius: 1px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid silver;
  float: left;
  width: 510px;
  height: 320px;
}
}
@media screen {
@media (hover: hover) {
.pat-slides.mode-list .slide > div.slide-content:hover {
  box-shadow: 0 0 0 10px rgba(60, 61, 64, 0.6);
}
}
}
@media screen {
.pat-slides.mode-list .slide.active > div.slide-content {
  box-shadow: 0 0 0 1px #305f8d, 0 0 0 10px #819da5;
}
}
@media screen {
.pat-slides.mode-list .slide-content .slide-body {
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -moz-transform: scale(0.5);
  -ms-transform-origin: 0 0;
  -ms-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -o-transform: scale(0.5);
  transform-origin: 0 0;
  transform: scale(0.5);
}
}
@media screen {
.pat-slides.mode-list .slide[dir="rtl"] .slide-content .slide-body {
  -webkit-transform-origin: right 0;
  -moz-transform-origin: right 0;
  -ms-transform-origin: right 0;
  -o-transform-origin: right 0;
  transform-origin: right 0;
}
}
@media screen {
.pat-slides.mode-list .slide > footer {
  display: block;
  color: gray;
  font-size: 14px;
  position: relative;
  top: -7px;
  overflow: hidden;
  padding-right: 5%;
  padding-left: 5%;
}
}
@media screen {
.pat-slides.mode-list .slide > footer ol,
.pat-slides.mode-list .slide > footer ul {
  margin-bottom: 20px;
}
}
@media screen {
.pat-slides.mode-list .slide > footer h1 {
  color: var(--body-font-colour);
  margin-top: 0;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
  font: bold 1.2em "flc";
}
}
@media screen {
.pat-slides.mode-list .slide > footer .slide-body section h1 {
  text-transform: uppercase;
  margin-bottom: 1em;
  letter-spacing: 2px;
  margin-top: 0;
  font: normal normal 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
}
body.pat-slides.mode-full {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin: -320px 0 0 -512px;
  width: 1280px;
  height: 720px;
  background: #000;
}
.pat-slides.mode-full .caption {
  display: none;
}
.pat-slides.mode-full .slide {
  position: absolute;
  visibility: hidden;
}
.pat-slides.mode-full .slide .slide-content {
  border: none;
}
.pat-slides.mode-full .slide.active {
  visibility: visible;
}
.pat-slides.mode-full .slide:after {
  position: absolute;
  bottom: 40px;
  left: 60px;
  color: #BBB;
  line-height: 1;
  font-size: 0.6em;
}
.pat-slides.mode-full .slide .slide-body {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pat-slides.mode-full .slide.cover {
  z-index: 1;
}
.pat-slides.mode-full .slide.cover:after {
  content: '';
}
.pat-slides.mode-full .slide.shout:after {
  content: '';
}
.pat-slides.mode-full .progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.pat-slides.mode-full .progress DIV {
  width: 0;
  height: 10px;
  background: rgba(177, 177, 177, 0.4);
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.pat-slides.mode-full .progress-off {
  z-index: 1;
}
body {
  margin: 0;
  padding: 0 !important;
}
.fadeOut,
#home-link,
#page-header,
.pat-slides.mode-list .slide footer {
  display: none;
}
* {
  -webkit-print-color-adjust: exact;
}
.pat-slides.mode-list {
  float: none;
  padding: 5% 0 0 0;
  background: none;
  text-align: center;
}
.pat-slides.mode-list .slide-group {
  width: 512px;
  display: inline-block;
  text-align: left;
  margin: 0 1em;
}
body[dir=rtl] .pat-slides.mode-list .slide-group {
  text-align: right;
}
.pat-slides.mode-list .slide {
  float: none;
  margin: 0 auto 2em;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 512px;
  height: 320px;
  border: 1px solid silver;
}
.pat-slides.mode-list .slide footer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.6);
  color: var(--body-font-colour);
  overflow: auto;
  padding: 1.5em;
}
@media (hover: hover) {
.pat-slides.mode-list .slide:hover .slide-content {
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
}
}
@media (hover: hover) {
.pat-slides.mode-list .slide:hover footer {
  display: block;
}
}
.pat-slides.mode-list .slide:after {
  position: absolute;
  left: -30px;
  color: #BBB;
  line-height: 1;
  font-size: 0.6em;
  text-shadow: none;
  bottom: auto;
  top: 0;
}
.pat-slides.mode-list .slide > div.slide-content {
  width: 1280px;
  height: 720px;
  background: none;
  margin: 0;
  outline: 1px solid silver;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (hover: hover) {
.pat-slides.mode-list .slide > div.slide-content:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
}
.pat-slides.mode-list .slide.active > div.slide-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pat-slides.mode-list .slide .slide-body {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
#workspace-header {
  background-color: rgba(255,255,255,0.5);
  color: rgba(0,0,0,0.7);
  width: 88%;
  margin: 0 auto 4em;
  box-shadow: var(--default-box-shadow);
  margin-top: var(--document-content-padding-left);
  position: relative;
  top: 0 !important;
  border-radius: var(--border-radii);
  align-self: start;
}
@container screen style(--screen-small: true) {
#workspace-header {
  margin: var(--grid-gutter) auto;
  width: calc(100% - var(--small-screen-padding) * 2);
}
}
#workspace-header .hero-image {
  width: 100%;
  filter: grayscale(0%);
  opacity: 1;
  display: block;
  transition: all 1s;
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
#workspace-header .content {
  padding: 0 4% 4%;
  border-bottom-left-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
  display: grid;
  gap: 20px;
  grid-template-columns: auto 32px 32px;
  grid-template-areas: 
      "title title title"
      "byline security buttons";
}
#workspace-header .title {
  font-weight: 400;
  line-height: 1.3em;
  padding-top: 0;
  padding-left: 0;
  grid-area: title;
  padding-top: 4%;
  font-family: var(--pat-rich-header-level-1-font-family);
}
#workspace-header .byline {
  font-size: 22px;
  line-height: var(--quaive-workspace-header-icon-height);
  float: left;
  grid-area: byline;
  padding-left: 0;
}
#workspace-header .byline .byline-item {
  color: var(--colour-byline);
  padding: 0 10px;
  border-left: 1px solid var(--colour-byline);
  font-weight: normal;
}
body[dir=rtl] #workspace-header .byline .byline-item {
  border-left: none;
  border-right: 1px solid var(--colour-byline);
}
@container screen style(--screen-small: true) {
#workspace-header .byline .byline-item.tags {
  display: none;
}
}
#workspace-header .byline .byline-item:first-child {
  border-left: none;
  padding-left: 0;
}
body[dir=rtl] #workspace-header .byline .byline-item:first-child {
  border-right: none;
  padding-left: revert;
  padding-right: 0;
}
@media (hover: hover) {
#workspace-header .byline .byline-item:hover {
  text-decoration: underline;
}
}
#workspace-header .quaive-bookmark-icon {
  display: block;
  line-height: var(--quaive-workspace-header-icon-height);
}
#workspace-header .quaive-bookmark-icon .active:before {
  color: var(--colour-accent);
}
#workspace-header .security-setting {
  grid-area: security;
  width: var(--quaive-workspace-header-icon-height);
  height: var(--quaive-workspace-header-icon-height);
}
#workspace-header .security-setting a {
  color: rgba(0,0,0,0.7);
  cursor: default;
  font-size: 22px;
  height: var(--quaive-workspace-header-icon-height);
  display: block;
  margin: 0;
  overflow: hidden;
  color: transparent;
}
#workspace-header .security-setting a:before {
  margin: 0;
  display: block;
  height: var(--quaive-workspace-header-icon-height);
  line-height: var(--quaive-workspace-header-icon-height);
  color: var(--colour-byline);
}
@media (hover: hover) {
#workspace-header .security-setting a:hover {
  opacity: 1;
}
}
#workspace-header .buttons {
  margin: 0;
  grid-area: buttons;
}
#workspace-header .buttons a,
#workspace-header .buttons button {
  background: none;
  border: none;
  padding: 0;
  border: none;
  display: inline-block;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: normal;
  font-size: 0;
  height: var(--quaive-workspace-header-icon-height);
  width: var(--quaive-workspace-header-icon-height);
  overflow: hidden;
  color: rgba(0, 0, 0, 0.7);
  line-height: var(--quaive-workspace-header-icon-height);
}
#workspace-header .buttons a:before,
#workspace-header .buttons button:before {
  font-size: 22px;
}
@media (hover: hover) {
#workspace-header .buttons a:hover,
#workspace-header .buttons button:hover {
  text-decoration: none;
}
}
#workspace-header .buttons .pat-button {
  color: rgba(0,0,0,0.7);
  font-weight: normal;
}
.space-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--pat-x-list-gutter);
}
.space-list > li {
  margin: 0;
  padding: 0;
}
.space-list > li.empty {
  padding: 0.5em 0;
}
.space-list > li > a {
  background-color: var(--this-workspace-colour, var(--colour-workspace-default));
  color: white;
  display: block;
  text-decoration: none;
  padding: var(--pat-x-list-padding);
  border: var(--pat-x-list-border);
  border-radius: var(--pat-x-list-border-radius);
  box-shadow: var(--pat-x-list-box-shadow);
  border-radius: var(--pat-x-list-border-radius);
  box-shadow: var(--pat-x-list-box-shadow);
}
.space-list > li > a:focus-visible {
  box-shadow: var(--pat-x-list-box-shadow-hover);
  border: var(--pat-x-list-border-hover);
  filter: saturate(1.2) contrast(1.4) brightness(0.9);
}
@media (hover: hover) {
.space-list > li > a:hover {
  box-shadow: var(--pat-x-list-box-shadow-hover);
  border: var(--pat-x-list-border-hover);
  filter: saturate(1.2) contrast(1.4) brightness(0.9);
}
}
.space-list > li > a.current {
  box-shadow: var(--pat-x-list-box-shadow-current);
  border: var(--pat-x-list-border-current);
  font-weight: 600;
  filter: none;
}
.space-list > li.space.type-private > a::before {
  content: "\2014";
  margin-right: 0.5em;
  opacity: 0.5;
}
.brand-check-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
}
.brand-check-grid .brand-check-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.brand-check-grid .pat-screenshot .passe-partout {
  aspect-ratio: 4 / 3;
}
.brand-check-grid .pat-screenshot iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.suite-logo {
  background: none;
  color: transparent;
  width: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  height: calc(var(--global-header-height) - 2 * var(--application-label-white-space));
  overflow: hidden;
  float: right;
  padding: 0;
  cursor: default;
}
.suite-logo:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / 1em no-repeat;
  mask: var(--kik-svg-close) center / 1em no-repeat;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
  color: var(--colour-header-elements);
  font-size: 21px;
  border-radius: var(--border-radii);
  width: calc(var(--global-header-height) - 2 * var(--application-label-white-space) - 6px);
  height: calc(var(--global-header-height) - 2 * var(--application-label-white-space) - 6px);
  margin: 3px;
}
.suite-logo:active:before {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}
.suite-logo:not(.pat-switch):not([href]) {
  width: 14px;
}
.suite-logo:not(.pat-switch):not([href]):before {
  color: transparent;
  opacity: 0;
}
@media (hover: hover) {
.suite-logo.pat-switch:hover:before {
  background-color: rgba(0,0,0,0.2);
}
}
.tabs {
  text-align: center;
  line-height: 2.9;
  height: 2.8em;
  border-bottom: #0081be 1px solid;
  margin-bottom: 2em;
  transition: line-height .5s, opacity .5s, height .5s, font-size .5s;
  position: relative;
}
.tabs.injecting {
  opacity: 1;
}
.tabs.injecting:before {
  display: none;
}
.tabs.bumped {
  line-height: 2.1em;
  height: 2em;
  font-size: 0.8em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tabs.bumped.sticky-supported {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0.01em !important;
}
}
.tabs ul {
  text-align: center;
}
.tabs > a,
.tabs > nav > a,
.touchevents .tabs .extra-tabs a {
  display: inline-block;
  text-decoration: none !important;
  padding: 0 1.2em;
  position: relative;
  color: var(--body-font-colour);
}
@container screen style(--screen-small: true) {
.tabs > a,
.tabs > nav > a,
.touchevents .tabs .extra-tabs a {
  padding: 0 0.5em;
}
}
.tabs > a.current,
.tabs > nav > a.current,
.touchevents .tabs .extra-tabs a.current {
  cursor: default;
}
.tabs > a.injecting:before,
.tabs > nav > a.injecting:before,
.touchevents .tabs .extra-tabs a.injecting:before {
  display: none;
}
.tabs > a sup,
.tabs > nav > a sup,
.touchevents .tabs .extra-tabs a sup {
  font-size: 0.6em;
  color: gray;
  font-weight: bold;
}
@media (hover: hover) {
.tabs > a:not(.title):not(.organisation):not(.current):hover:after,
.tabs > nav > a:not(.title):not(.organisation):not(.current):hover:after,
.touchevents .tabs .extra-tabs a:not(.title):not(.organisation):not(.current):hover:after {
  position: absolute;
  content: " ";
  bottom: 1px;
  left: 0;
  right: 0;
  opacity: 0.6;
  border-bottom: 0.3em solid rgba(255,255,255,0.5);
}
}
.tabs > a.current:after,
.tabs > nav > a.current:after,
.touchevents .tabs .extra-tabs a.current:after {
  position: absolute;
  content: " ";
  bottom: 1px;
  left: 0;
  right: 0;
  border-bottom: 0.3em solid var(--colour-accent);
}
.no-hovermq .tabs {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  margin: 0 calc(-1 * var(--small-screen-padding)) 1em;
  width: calc(100% + calc(var(--small-screen-padding) + var(--small-screen-padding)));
  white-space: nowrap;
}
.no-hovermq .tabs .extra-tabs {
  padding-right: var(--small-screen-padding);
  display: inline-block;
  color: var(--body-font-colour);
}
.no-hovermq .tabs > a,
.no-hovermq .tabs > label {
  float: none;
  display: inline-block;
  margin: 0;
}
.no-hovermq .tabs > a:first-child,
.no-hovermq .tabs > label:first-child {
  margin-left: var(--small-screen-padding);
}
@media (hover: hover) {
.tabs span.extra-tabs {
  border: 1px transparent solid;
  padding-top: 1.5em;
  display: inline-block;
  float: right;
  height: 0;
  width: 1.5em;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 1;
  -webkit-transition: all 0.1s;
}
}
@media (hover: hover) {
.tabs span.extra-tabs:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-double-right) center / 1em 1em no-repeat;
  mask: var(--kik-svg-angle-double-right) center / 1em 1em no-repeat;
  line-height: 1.5em;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 1.5em;
  width: 1.5em;
  color: rgba(0,0,0,0.5);
}
}
@media (hover: hover) {
.tabs span.extra-tabs:hover {
  border: 1px #dedede solid;
  padding-bottom: 0.5em;
  background-color: #f1f1f1;
  height: auto;
  width: max-content;
  min-width: 10em;
  max-width: min(24em, 90vw);
}
}
@media (hover: hover) {
.tabs span.extra-tabs:hover:before {
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
.tabs span.extra-tabs:hover a {
  overflow: hidden;
  text-overflow: ellipsis;
}
}
@media (hover: hover) {
.tabs span.extra-tabs a {
  display: block;
  float: none;
  padding: 0.4em 0.7em;
  line-height: 1.5;
  text-align: left;
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
body[dir=rtl] .tabs span.extra-tabs a {
  text-align: right;
}
}
@media (hover: hover) {
.tabs span.extra-tabs a:hover {
  background-color: rgba(0,0,0,0.05);
  text-decoration: none;
}
}
nav.pat-tabs > a,
#sidebar-content nav.pat-tabs > a,
.sidebar-content nav.pat-tabs > a {
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
#tabs-bar {
  left: var(--tabs-bar-offset-horizontal);
  top: calc((-1 * var(--global-header-height)) - var(--separation-line-thickness) + var(--application-label-white-space));
  position: absolute;
  width: calc(100vw - 440px);
  height: calc(var(--global-header-height) - var(--application-label-white-space));
  overflow: hidden;
  display: flex;
  gap: calc(var(--application-label-white-space) + 5px);
  --body-font-size: calc(0.4 * var(--global-header-height));
  --tabs-bar-offset-horizontal: calc(var(--portal-quick-nav-left) + 2 * (var(--global-header-height) - var(--application-label-white-space)));
}
body:has(li.portal-section-bookmarks) #tabs-bar,
body:has(li.portal-section-favourites) #tabs-bar {
  --tabs-bar-offset-horizontal: calc(var(--portal-quick-nav-left) + 3 * (var(--global-header-height) - var(--application-label-white-space)));
}
body[dir=rtl] #tabs-bar {
  left: 0;
  right: var(--tabs-bar-offset-horizontal);
}
.safe-mode #tabs-bar {
  left: var(--tabs-bar-offset-horizontal);
}
@container screen style(--screen-small: true) {
#tabs-bar {
  display: none;
}
}
#tabs-bar .tab {
  --tabs-bar-tab-icon-background-colour: var(--app-colour);
  border-radius: var(--border-radii);
  background-color: var(--tabs-bar-tab-background-colour-dimmed);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  color: var(--colour-header-elements);
  float: left;
  display: none;
  pointer-events: auto;
  position: relative;
  overflow: hidden;
  box-shadow: var(--tabs-bar-tab-box-shadow-active);
  grid-template-areas: "icon name close";
  grid-template-columns: 
			calc(var(--global-header-height) - (2 * var(--application-label-white-space)))
			auto 
			calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
}
body[dir=rtl] #tabs-bar .tab {
  float: right;
}
@media (hover: hover) {
#tabs-bar .tab:hover {
  background-color: var(--tabs-bar-tab-background-colour-dimmed-hover, var(--tabs-bar-tab-background-colour-dimmed));
}
}
@media (hover: hover) {
#tabs-bar .tab:hover .app-name,
#tabs-bar .tab:hover .close-button:before {
  color: black;
}
}
@media (hover: hover) {
#tabs-bar .tab:hover .app-name:before {
  filter: invert(0%);
}
}
#tabs-bar .tab .app-name,
#tabs-bar .tab .close-button:before {
  color: var(--colour-header-elements);
}
#tabs-bar .tab .close-button {
  background: none;
  color: transparent;
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  overflow: hidden;
  padding: 0;
  grid-area: close;
  cursor: default;
}
body[dir=rtl] #tabs-bar .tab .close-button {
  float: left;
  margin-right: 0;
  margin-left: calc(var(--application-label-white-space) + 5px);
}
#tabs-bar .tab .close-button:before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / 60% no-repeat;
  mask: var(--kik-svg-close) center / 60% no-repeat;
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 12px);
  padding: 0;
  display: block;
  float: left;
  opacity: 0.8;
  text-align: center;
  color: var(--colour-header-elements);
  font-size: calc(0.3 * var(--global-header-height));
  border-radius: calc(0.8 * var(--border-radii));
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 12px);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 12px);
  margin: 6px;
}
#tabs-bar .tab .close-button:active:before {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
#tabs-bar .tab .close-button:hover:before {
  opacity: 1;
  background-color: var(--tabs-bar-tab-background-colour-dimmed-hover);
}
}
#tabs-bar .tab .application-error .app-name:before {
  background-image: var(--kik-svg-attention-white);
  background-size: 60%;
}
#tabs-bar .tab .app-name {
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  line-height: calc(var(--global-header-height) + var(--separation-line-thickness) - 2 * var(--application-label-white-space));
  font-size: calc(0.35 * var(--global-header-height));
  float: left;
  padding: 0 5px 0 0;
  margin-left: 0;
  position: relative;
  z-index: 1;
  color: var(--colour-header-elements);
  display: contents;
}
body[dir=rtl] #tabs-bar .tab .app-name {
  float: right;
  padding: 0 0 0 5px;
}
#tabs-bar .tab .app-name .title-fragment {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-area: name;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  display: flex;
  gap: 5px;
}
#tabs-bar .tab .app-name .title-fragment .counter {
  font-size: 0.6em;
  display: inline-block;
  align-self: center;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  top: 2px;
  right: 0;
  background-color: var(--colour-alert);
  text-align: center;
  color: white;
  border-radius: 1.25em;
}
#tabs-bar .tab .app-name .object-name {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.7;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  font-weight: normal;
}
body[dir=rtl] #tabs-bar .tab .app-name .object-name {
  margin-left: 0;
  margin-right: 5px;
}
#tabs-bar .tab .app-name .object-name:before {
  content: '•';
  display: inline-block;
  margin-right: 5px;
}
body[dir=rtl] #tabs-bar .tab .app-name .object-name:before {
  margin-right: 0;
  margin-left: 5px;
}
#tabs-bar .tab .app-name:before {
  background-color: var(--tabs-bar-tab-icon-background-colour, var(--app-colour));
  display: inline-block;
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  height: 100%;
  aspect-ratio: 1 / 1;
  float: left;
  margin-right: 0px;
  background-size: cover;
  background-position: center;
  text-align: center;
  border-radius: var(--border-radii);
  background-repeat: no-repeat;
  box-sizing: border-box;
  transform: scale(0.8);
  filter: var(--tabs-bar-tab-app-icon-filter-dimmed);
  transition: opacity 0.3s;
  grid-area: icon;
}
body[dir=rtl] #tabs-bar .tab .app-name:before {
  float: right;
  margin-left: 0;
}
#tabs-bar .tab .app-name:not(.external):before {
  content: ' ';
}
#tabs-bar .tab .app-name.switch {
  width: 0;
  text-indent: -1000px;
  position: relative;
}
@container screen style(--screen-small: true) {
#tabs-bar .tab .app-name.switch {
  display: none;
}
}
#tabs-bar .tab .app-name.switch:before {
  text-indent: 0;
  position: absolute;
  left: 0;
  content: '';
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / 1em 1em no-repeat;
  mask: var(--kik-svg-down) center / 1em 1em no-repeat;
  font-size: var(--body-font-size);
  display: inline-block;
  margin-left: 7px;
}
#tabs-bar .tab .app-name .workspace-state {
  background: rgba(255, 255, 255, 0.3);
  color: var(--colour-application-label-text);
  display: inline-block;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.8em;
  margin-left: 0.8em;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0.2) 4px);
}
#tabs-bar .tab .more-menu-toggle {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  transition: all 0.3s;
  opacity: 0;
  grid-area: icon;
  position: relative;
  z-index: 1;
}
body[dir=rtl] #tabs-bar .tab .more-menu-toggle {
  left: auto;
  right: 0;
}
#tabs-bar .tab .more-menu-toggle.tooltip-active-click ~ .app-name:before {
  opacity: 0;
  transition: all 0.2s;
  transition-delay: 0.25s;
  background-color: var(--tabs-bar-tab-icon-background-colour, var(--app-colour));
}
@media (hover: hover) {
#tabs-bar .tab .more-menu-toggle:hover ~ .app-name:before {
  opacity: 0;
  transition: all 0.2s;
  transition-delay: 0.25s;
  background-color: var(--tabs-bar-tab-icon-background-colour, var(--app-colour));
}
}
#tabs-bar .tab .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s;
  transition-delay: 0.25s;
}
#tabs-bar .tab .more-menu-toggle.tooltip-active-click:before {
  transition-delay: 1s;
}
@media (hover: hover) {
#tabs-bar .tab .more-menu-toggle:hover {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s;
  transition-delay: 0.25s;
}
}
@media (hover: hover) {
#tabs-bar .tab .more-menu-toggle:hover:before {
  transition-delay: 1s;
}
}
#tabs-bar .tab .more-menu-toggle:before {
  content: ' ';
  color: var(--colour-header-elements);
  border-radius: var(--border-radii);
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 3px);
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 6px);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 6px);
  text-align: center;
  display: block;
  margin: 3px;
  box-sizing: border-box;
}
#app-space.state-paused #tabs-bar .tab {
  background-color: var(--colour-tab-dimmed) !important;
}
#app-space.state-off #tabs-bar .tab {
  animation: fadeOutDown 0.3s;
  opacity: 0;
  top: 0;
  display: none;
}
#app-space.injecting #tabs-bar .tab {
  opacity: 0;
  top: 0;
  display: none;
}
.tag-cloud {
  margin-bottom: 0.7em;
  line-height: 1.2em;
}
.tag-cloud li,
.tag-cloud > a,
.tag-cloud > .tag {
  border-radius: 1em;
  padding: 0em 1em 0em 1em;
  background-color: var(--colour-accent);
  color: white;
  margin-right: 0.3em;
  margin-bottom: 0.2em;
  display: inline-block;
  line-height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
}
.tag-cloud li:before,
.tag-cloud > a:before,
.tag-cloud > .tag:before {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 0.9em;
}
.tag-cloud li.skill:before,
.tag-cloud > a.skill:before,
.tag-cloud > .tag.skill:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-thumbs-up) center / contain no-repeat;
  mask: var(--kik-svg-thumbs-up) center / contain no-repeat;
}
.tag-cloud li.tag:before,
.tag-cloud > a.tag:before,
.tag-cloud > .tag.tag:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-tag) center / contain no-repeat;
  mask: var(--kik-svg-tag) center / contain no-repeat;
}
.tag-cloud li .counter,
.tag-cloud > a .counter,
.tag-cloud > .tag .counter {
  background-color: rgba(255,255,255,0.8);
  color: var(--colour-accent);
  font-style: normal;
  border-radius: 0.45em;
  height: 0.9em;
  min-width: 0.9em;
  padding: 0 0.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: 0.9em;
  text-align: center;
  margin-left: 0.23em;
  margin-top: 0.23em;
  margin-right: -0.7em;
  float: right;
}
.textarea {
  position: relative;
}
.textarea .mirror-target,
.textarea textarea {
  font-size: 1em;
  display: block;
  white-space: pre-wrap;
  font-style: normal;
  font-weight: inherit;
}
@media screen {
.textarea .mirror-target,
.textarea textarea {
  padding: 0.2em 0.5em;
}
}
@media print {
.textarea .mirror-target,
.textarea textarea {
  padding: 0.2em 0;
}
}
.textarea .mirror-target {
  opacity: 0;
  min-height: 1.3em;
}
.textarea textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--body-font-colour);
  resize: none;
  background-color: transparent;
  margin: 0 !important;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.textarea textarea:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.tiles {
  --grid-gutter: var(--dashboard-grid-gutter, 20px);
}
@supports (display: grid-lanes) {
.tiles {
  display: grid-lanes;
  gap: var(--grid-gutter);
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles {
  grid-template-columns: 1fr;
  gap: calc(0.5 * var(--grid-gutter));
}
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-medium: true) {
.tiles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
}
@supports (display: grid-lanes) {
@container screen style(--screen-large: true) {
.tiles {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
}
@supports (display: grid-lanes) {
.portlet .tiles,
.quaive-portlet .tiles {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  --grid-gutter: var(--grid-gutter-small);
}
}
@supports (display: grid-lanes) {
.tiles .tile {
  padding: 0;
  margin: 0;
}
}
.tiles > *:last-child {
  margin-bottom: 0;
}
@supports not (display: grid-lanes) {
.tiles {
  margin: 0 0 2rem;
  position: relative;
  animation: fadeIn var(--default-animation-duration);
  column-width: var(--tiles-column-width, 320px);
  column-gap: var(--workspace-tile-padding);
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles {
  display: grid;
  gap: calc(0.5 * var(--grid-gutter));
  margin: 0;
}
}
}
@supports not (display: grid-lanes) {
.tiles .tile {
  padding: 0 0 var(--workspace-tile-padding);
  transition: all var(--base-animation-duration);
  margin: 0;
  width: auto;
  break-inside: avoid;
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles .tile {
  padding: 0;
}
}
}
@supports not (display: grid-lanes) {
.tiles .tile.span-2,
.tiles .tile.width-full,
.tiles > .no-results {
  column-span: all;
}
}
@supports not (display: grid-lanes) {
.tiles.visible {
  animation: fadeIn var(--default-animation-duration);
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles.visible {
  display: none;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles.visible.app-classifieds,
.tiles.visible.app-contacts,
.tiles.visible.app-bookmarks,
.tiles.visible.app-calendar,
.tiles.visible.app-help,
.tiles.visible.app-jobs,
.tiles.visible.app-messages,
.tiles.visible.app-image-bank,
.tiles.visible.external,
.tiles.visible.app-absence,
.tiles.visible.app-todo,
.tiles.visible.app-messages {
  display: block;
}
}
}
.portlet .tiles {
  margin: 0 -0.5em;
}
.quaive-portlet .tiles {
  margin: 0;
}
.quaive-portlet .tiles .tile {
  padding: 0;
  margin: 0;
}
@container screen style(--screen-small: false) {
.tiles.apps {
  margin: 80px 30px 100px;
}
}
@container screen style(--screen-small: false) {
.canvas-toolbar + .tiles.apps,
.pat-toolbar + .tiles.apps {
  margin: 30px 30px 100px;
}
}
@container screen style(--screen-small: true) {
.tiles.apps {
  margin: 0 calc(-0.5 * var(--small-screen-padding)) 40px;
}
}
.tiles.apps.giant-solo .tile {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0;
  transform: translate(-50%,-50%) scale(1.7);
}
@container screen style(--screen-small: false) {
.tiles.apps .tile .icon-bookmark,
.tiles.apps .tile .icon-bookmark-empty {
  left: var(--workspace-tile-padding);
}
}
.tiles .edit-button {
  position: absolute;
  width: 32px;
  height: 32px;
  color: transparent;
  overflow: hidden;
  border-radius: 50%;
  top: 7px;
  right: 37px;
  background-color: rgba(white, 0.4);
  cursor: default;
}
@media (hover: hover) {
.tiles .edit-button:hover:hover {
  filter: brightness(1.05);
  background-color: rgba(white, 0.5);
}
}
.tiles .edit-button:before {
  content: '';
  display: block;
  width: 100%;
  height: 32px;
  color: white;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-edit) center / 20px no-repeat;
  mask: var(--kik-svg-edit) center / 20px no-repeat;
}
@media (hover: hover) {
.tiles .tile:hover .more-menu-toggle {
  opacity: 1;
  pointer-events: auto;
}
}
.tiles .more-menu-toggle {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)));
  position: absolute;
  top: 5px;
  left: 35px;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--base-animation-duration);
  transition-delay: 0.5s;
  cursor: default;
}
@container screen style(--screen-small: true) {
.tiles .more-menu-toggle {
  display: none;
}
}
.tiles .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  opacity: 1;
  transition: none;
}
.tiles .more-menu-toggle.tooltip-active-click:before {
  background-color: rgba(0,0,0,0.3);
}
@media (hover: hover) {
.tiles .more-menu-toggle:hover {
  text-decoration: none;
  opacity: 1;
  transition: none;
}
}
@media (hover: hover) {
.tiles .more-menu-toggle:hover:before {
  background-color: rgba(0,0,0,0.3);
}
}
.tiles .more-menu-toggle:before {
  color: var(--colour-application-label-text);
  border-radius: var(--border-radii);
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 3px);
  width: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 6px);
  height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 6px);
  text-align: center;
  display: block;
  margin: 3px;
}
.tiles .icon-bookmark,
.tiles .icon-bookmark-empty {
  font-size: 1.6em;
  float: right;
  top: -2px;
  color: rgba(0,0,0,0.2);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  padding: 0;
  background-color: transparent;
  position: absolute;
  box-shadow: none;
  opacity: 0.6;
  transition: opacity var(--base-animation-duration);
  left: var(--workspace-tile-padding);
}
.tiles .icon-bookmark:active,
.tiles .icon-bookmark-empty:active {
  box-shadow: none;
}
@media (hover: hover) {
.tiles .icon-bookmark:hover,
.tiles .icon-bookmark-empty:hover {
  text-decoration: none;
}
}
.tiles .icon-bookmark:before,
.tiles .icon-bookmark-empty:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .tiles .icon-bookmark:before,
body[dir=rtl] .tiles .icon-bookmark-empty:before {
  margin: 0 0 10px 0;
}
@supports not (display: grid-lanes) {
.tiles .icon-bookmark,
.tiles .icon-bookmark-empty {
  left: calc(1.5 * var(--workspace-tile-padding));
}
}
.tiles .icon-bookmark.active,
.tiles .icon-bookmark-empty.active {
  opacity: 1;
  color: white;
  text-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.application-bookmarks .tiles .icon-bookmark,
.application-bookmarks .tiles .icon-bookmark-empty {
  color: white;
}
@media (hover: hover) {
.tiles .tile:hover .icon-bookmark:not(.active),
.tiles .tile:hover .icon-bookmark-empty:not(.active) {
  opacity: 0.5;
  transition: opacity 0s;
}
}
.tiles .counter {
  top: calc((1.1 * var(--border-radii)) + 10px);
  right: calc((1.1 * var(--border-radii)) + 29px + 10px);
  font-size: 14px;
  min-width: 20px;
  height: 20px;
  line-height: 17px;
  position: absolute;
  background-color: red;
  text-align: center;
  color: white;
  border-radius: 10px;
  border: white 1px solid;
  padding: 0 6px;
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.tiles .counter {
  right: 18px;
}
}
.tiles .counter.digit-2 {
  width: var(--workspace-tile-padding);
}
.tiles .counter.digit-3 {
  width: 1.8em;
}
.tiles .tile {
  box-sizing: border-box;
}
@container screen style(--screen-small: false) {
#person-workspaces .tiles .tile {
  width: 50%;
}
}
@container screen style(--screen-small: true) {
#person-workspaces .tiles .tile {
  width: 100%;
}
}
.tiles .tile.span-2 {
  width: 50%;
}
.tiles .tile.width-full {
  width: 100%;
}
#portlet-bookmarked-workspaces .tiles .tile {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
#portlet-bookmarked-workspaces .tiles .tile {
  padding: 0;
  float: none;
}
}
#portlet-bookmarked-workspaces .tiles .tile .icon-bookmark,
#portlet-bookmarked-workspaces .tiles .tile .icon-bookmark-empty {
  display: none;
}
@container screen style(--screen-small: false) {
#portlet-bookmarked-workspaces.span-2 .tiles .tile {
  width: 50%;
}
}
@container screen style(--screen-small: false) {
.tiles .tile #portlet-bookmarked-workspaces.span-3 {
  width: 33.333332%;
}
}
.tiles .tile .children {
  padding-top: 1em;
}
.tiles .tile.workspace.type-super > .link {
  background-color: var(--colour-base-background);
  padding: calc(var(--workspace-tile-padding) - 1px);
  border: 1px solid rgba(0,0,0,0.15);
  color: #666;
}
@media (hover: hover) {
.tiles .tile.workspace.type-super > .link[href]:hover {
  color: var(--body-font-colour);
}
}
.tiles .tile.workspace.type-super > .link > .tiles {
  display: none;
}
.tiles .tile.workspace.type-super.expanded {
  width: 100%;
}
.tiles .tile.workspace.type-super.expanded > a {
  cursor: default;
}
.tiles .tile.workspace.type-super.expanded > .link > .tiles {
  margin: var(--workspace-tile-padding) calc(-0.5 * var(--workspace-tile-padding)) 0;
  display: block;
}
.tiles .tile.workspace.type-super.expanded > .link > .iconified {
  display: inline-block;
}
.tiles .tile.workspace.type-super.expanded > .link > h3 {
  padding-right: 90px;
}
.tiles .tile.workspace .link {
  box-shadow: var(--workspace-tile-box-shadow);
}
.tiles .tile.workspace .link:active {
  box-shadow: var(--workspace-tile-box-shadow-active);
}
.tiles .tile.workspace.disabled {
  opacity: 0.5;
}
.tiles .tile.app {
  width: 20%;
}
.tiles .tile.app.disabled .link {
  cursor: default;
}
.tiles .tile.app.disabled .link .tile-title {
  color: rgba(0,0,0,0.4);
}
@media (hover: hover) {
.tiles .tile.app.disabled .link[href]:hover {
  filter: brightness(1);
}
}
.tiles .tile.app.external .placeholder {
  background-color: var(--external-app-colour, var(--app-colour));
  width: calc(100% - 60px);
  margin-left: 20px;
  border-radius: calc(2 * var(--border-radii));
  box-shadow: var(--tile-box-shadow);
  filter: var(--tile-icon-filter, none);
}
@media (hover: hover) {
.tiles .tile.app.external:hover .placeholder {
  box-shadow: var(--tile-box-shadow-hover);
}
}
.tiles .tile.app svg.tile-icon {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
}
.tiles .tile.app svg.tile-icon text {
  font-family: var(--body-font-family);
  fill: white;
  font-size: 50px;
}
.tiles .tile.app svg.calendar-date {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tiles .tile.app svg.calendar-date text {
  fill: var(--colour-app-type-productivity);
}
.tiles .tile.app p.calendar-date {
  width: 170px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 56px;
  color: var(--tile-calendar-text-colour);
  font-weight: bold;
  height: 170px;
  float: left;
  box-sizing: border-box;
  font-size: 15px;
}
@container screen style(--screen-small: true) {
.tiles .tile.app p.calendar-date {
  padding-top: 66px;
}
}
.portlet .tiles .tile.app p.calendar-date {
  padding-top: 66px;
}
.tiles .tile.app .auto-scale-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  right: 20px;
}
body[dir=rtl] .tiles .tile.app .auto-scale-wrapper {
  right: 0;
}
@container screen style(--screen-small: true) {
.tiles .tile.app {
  width: 33.333332%;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
@media (orientation: portrait) {
.tiles .tile.app {
  width: 25%;
}
}
}
@container screen style(--screen-small: false) {
.tiles .tile.app {
  padding: 0 0 60px 0;
}
}
@container screen style(--screen-small: true) {
.tiles .tile.app {
  padding: 0 0px 36px;
}
}
.tiles .tile.app.app-calendar time.date {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  width: 200px;
  padding-top: 101px;
  font-size: 21px;
  text-align: center;
  color: var(--colour-accent);
  font-weight: bold;
}
.tiles .tile.app .link {
  color: var(--workspace-tile-text-colour);
  position: relative;
  padding: 0 0;
  border-radius: calc(2 * var(--border-radii));
  background-color: transparent;
}
.tiles .tile.app .link .icon {
  width: calc(100% - 60px);
  height: auto;
  position: absolute;
  top: 0;
  left: 30px;
  background-color: var(--tile-background-colour, var(--app-colour));
  border-radius: calc(2 * var(--border-radii));
  filter: var(--tile-icon-filter);
  box-shadow: var(--tile-box-shadow);
}
.tiles .tile.app .link .icon:active {
  box-shadow: var(--tile-box-shadow-active);
}
.portlet .tiles .tile.app .link .icon {
  width: calc(100% - 20px);
  left: 10px;
}
@container screen style(--screen-small: true) {
.tiles .tile.app .link .icon {
  width: calc(100% - 20px);
  left: 10px;
}
}
.tiles .tile.app .link .placeholder {
  width: calc(100% - 60px);
  height: auto;
  float: left;
  margin: 0 30px;
}
.portlet .tiles .tile.app .link .placeholder {
  width: calc(100% - 20px);
  margin: 0 10px;
}
@container screen style(--screen-small: true) {
.tiles .tile.app .link .placeholder {
  width: calc(100% - 20px);
  margin: 0 10px;
}
}
.tiles .tile.app .link .tile-title {
  font-size: 16px;
  line-height: 33px;
  color: var(--body-font-colour);
  font-weight: bold;
  padding: 138px 0 0;
  position: absolute;
  top: 0;
  left: 20px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 190px;
  margin: 0 -20px;
}
.portlet .tiles .tile.app .link .tile-title {
  padding-top: 156px;
  font-size: 24px;
}
@container screen style(--screen-small: true) {
.tiles .tile.app .link .tile-title {
  padding-top: 162px;
  font-size: 22px;
}
}
.tiles .tile.app .link .tile-title:before {
  font-size: 70px;
  text-align: center;
  line-height: 140px;
  width: calc(100% - 50px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 25px;
  margin: 0;
  padding: 0;
  color: white;
  filter: var(--tile-icon-filter);
}
.portlet .tiles .tile.app .link .tile-title:before {
  width: calc(100% - 20px);
  left: 10px;
}
@container screen style(--screen-small: true) {
.tiles .tile.app .link .tile-title:before {
  width: calc(100% - 20px);
  left: 10px;
}
}
.tiles .tile.state-archived .link {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.08) 5px, rgba(255,255,255,.08) 10px);
}
@media (hover: hover) {
.tiles .tile a.link:hover {
  text-decoration: none;
}
}
@media (hover: hover) {
.tiles .tile a.link[href]:hover {
  filter: brightness(1.05);
}
}
.tiles .tile .link {
  display: block;
  padding: var(--workspace-tile-padding);
  position: relative;
  color: var(--workspace-tile-text-colour);
  background-color: var(--this-workspace-colour, var(--colour-workspace-default));
  cursor: hand;
  border-radius: var(--border-radii);
}
.tiles .tile .link:after {
  content: " ";
  display: table;
  clear: both;
}
.tiles .tile .link > a {
  display: block;
  padding: var(--workspace-tile-padding);
  margin: calc(-1 * var(--workspace-tile-padding));
  color: rgba(0,0,0,0.7);
}
.tiles .tile .link > a.iconfied {
  padding: 0;
}
.tiles .tile .link > a > h3 {
  color: rgba(0,0,0,0.7);
}
@media (hover: hover) {
.tiles .tile .link > a:hover {
  text-decoration: none;
}
}
.tiles .tile .link > .iconified {
  position: absolute;
  z-index: 1;
  right: var(--workspace-tile-padding);
  top:calc(var(--workspace-tile-padding) + 10px);
  padding: 0;
  transition: opacity var(--base-animation-duration);
  display: none;
  margin: 0;
}
.tiles .tile .link > .iconified:before {
  width: 100%;
  text-align: right;
}
.tiles .tile .link > .iconified.settings {
  right: 50px;
}
@container screen style(--screen-small: true) {
.tiles .tile .link > .iconified.settings {
  right: 51px;
}
}
.tiles .tile .link > .iconified.create {
  right: 75px;
}
@container screen style(--screen-small: true) {
.tiles .tile .link > .iconified.create {
  right: 75px;
}
}
.tiles .tile .link h3 {
  font-weight: var(--workspace-tile-title-font-weight);
  color: var(--workspace-tile-title-text-colour);
  font-family: var(--workspace-tile-title-font-family, var(--body-font-family));
  font-size: var(--workspace-tile-title-font-size, 2rem);
  line-height: var(--workspace-tile-title-line-height, 1.1);
  position: relative;
  z-index: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.tiles .tile .link h3:before {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-bottom: var(--workspace-tile-icon-margin-bottom);
  margin-top: var(--workspace-tile-icon-margin-top);
  height: 70px;
  width: 100%;
}
.tiles .tile .link .hero-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radii);
  object-fit: cover;
  object-position: center;
  opacity: 0.2;
  filter: grayscale(1) blur(3px) brightness(0.8);
}
.tiles .tile .link p.description {
  margin: var(--workspace-tile-description-margin, 0.8rem 0 0);
  opacity: 0.8;
  font-style: normal;
  position: relative;
  z-index: 1;
  font-weight: var(--workspace-tile-description-font-weight);
  color: var(--workspace-tile-description-text-colour);
}
.tiles .tile .link p.tags {
  margin: 0.8em 0 -9px 0;
  font-size: 0.8em;
  position: relative;
  z-index: 1;
}
.tiles .tile .link p.tags.tag-cloud .tag {
  color: var(--workspace-tile-tag-cloud-tag-text-colour);
  background-color: var(--workspace-tile-tag-cloud-tag-background-colour);
}
.tiles .tile .link p.workspace-state {
  margin: 0.8em 0 0 0;
  font-size: 0.8em;
  opacity: 0.5;
  font-style: italic;
}
.tiles .tile .link p.workspace-state:before {
  font-style: normal;
}
.time-table .header {
  font-size: 1.6em;
  margin-bottom: 25px;
  font-weight: normal;
}
.time-table .date {
  font-size: 1.2em;
  margin-bottom: 10px;
  color: var(--colour-accent);
}
.time-table .pat-grid-list {
  clear: both;
  grid-template-columns: 130px auto;
}
.time-table .pat-grid-list .pat-button {
  float: right;
  margin: -4px 0 -4px 20px;
}
@media (max-width: 680px) {
.pat-toolbar:not(.well-title-group *) {
  --pat-toolbar-top-distance: 0.0001px;
  --pat-toolbar-padding: var(--small-screen-padding);
  --pat-toolbar-box-shadow: none;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
}
}
@media (max-width: 680px) {
.pat-toolbar:not(.well-title-group *):before {
  border-radius: 0;
  border-bottom: 1px solid var(--default-border-colour);
}
}
@media (max-width: 680px) {
aside.sidebar.left :is(#sidebar-content, .sidebar-content) > .pat-toolbar,
aside.sidebar.left :is(#sidebar-content, .sidebar-content) > form > .pat-toolbar {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
  left: auto;
  right: auto;
  box-sizing: border-box;
  width: calc(100% + 2 * var(--small-screen-padding));
  padding-left: var(--small-screen-padding);
  padding-right: var(--small-screen-padding);
  --pat-toolbar-inset-inline: var(--small-screen-padding);
}
}
@media (width <= 768px) {
.pat-toolbar .icon {
  font-size: calc(0.72 * var(--pat-toolbar-button-height));
}
}
@media (width <= 680px) {
:root {
  --pat-toolbar-button-height: 39px;
  --pat-toolbar-button-line-height: 39px;
}
}
@container screen style(--screen-small: true) {
body:not(.public-view) #portal .pat-toolbar .pat-back-button,
body:not(.public-view) .document-body .pat-toolbar .pat-back-button {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .list-grid-toggle,
.pat-toolbar .list-grid-toggle.pat-button-cluster.pat-tabs.collapse-select {
  display: none;
}
}
.pat-button-cluster.list-grid-toggle a {
  cursor: default;
}
@container screen style(--screen-small: true) {
.pat-button.pat-inject.pat-switch.open-team-space {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-button.pat-inject.pat-switch.open-in-team-space {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-button.cancel:not(:where(.context-menu-popover, .context-menu-popover *)) {
  position: relative;
  box-sizing: border-box;
  width: var(--pat-toolbar-button-height);
  min-width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  padding: 0;
  overflow: hidden;
  text-indent: -1000em;
  text-align: left;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-toolbar .pat-button.cancel:not(:where(.context-menu-popover, .context-menu-popover *)) {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-button.cancel:not(:where(.context-menu-popover, .context-menu-popover *)):not(:has(> svg.kik-icon)):before {
  content: '';
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  box-sizing: border-box;
  border-radius: var(--button-border-radius);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / var(--kik-toolbar-icon-size, 60%) no-repeat;
  mask: var(--kik-svg-close) center / var(--kik-toolbar-icon-size, 60%) no-repeat;
}
}
.pat-toolbar .pat-button:not(:where(.context-menu-popover, .context-menu-popover *)) {
  box-sizing: border-box;
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
  padding-top: 0;
  padding-bottom: 0;
}
@media (width <= 680px) {
.pat-toolbar .pat-button:not(:where(.context-menu-popover, .context-menu-popover *)) {
  line-height: calc(var(--pat-toolbar-button-line-height) - 1px);
}
}
.pat-toolbar .pat-button-cluster {
  --pat-button-cluster-button-height: var(--pat-toolbar-button-height);
  --pat-button-cluster-button-line-height: var(--pat-toolbar-button-line-height);
}
:root {
  --pat-toolbar-icon-backdrop-filter: var(--pat-surface-backdrop-filter);
  --pat-toolbar-icon-frost-background: var(--pat-surface-background-colour, rgba(255, 255, 255, 0.8));
}
.pat-toolbar .icon:not(.default),
.pat-toolbar .pat-context-menu.no-label::before,
.canvas-toolbar .icon:not(.default),
.canvas-toolbar .pat-context-menu.no-label::before {
  background-color: var(--pat-toolbar-icon-frost-background);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
}
.pat-toolbar .icon.current:not(.default),
.canvas-toolbar .icon.current:not(.default) {
  background-color: var(--colour-accent);
}
.pat-toolbar .pat-context-menu.no-label::before,
.canvas-toolbar .pat-context-menu.no-label::before {
  border-radius: var(--button-border-radius);
  box-shadow: var(--pat-button-box-shadow);
}
@media (hover: hover) {
.pat-toolbar .icon:not(.default):not(.tooltip-active-click):not(.current):hover,
.canvas-toolbar .icon:not(.default):not(.tooltip-active-click):not(.current):hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
}
}
@media (hover: hover) {
.pat-toolbar .pat-context-menu.no-label:not(.tooltip-active-click):hover::before,
.canvas-toolbar .pat-context-menu.no-label:not(.tooltip-active-click):hover::before {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
}
}
.pat-toolbar > .pat-select:not(.bare),
.pat-toolbar .toolbar-section > .pat-select:not(.bare),
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label {
  --pat-select-box-background-colour: var(--pat-toolbar-icon-frost-background);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
}
@media (hover: hover) {
.pat-toolbar > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover {
  --pat-select-box-background-colour-hover: var(--pat-toolbar-icon-background-colour-hover);
}
}
.pat-toolbar .icon,
.pat-toolbar .pat-button,
.pat-toolbar .pat-back-button,
.pat-toolbar .pat-context-menu,
.pat-toolbar .pat-select:not(.bare) {
  transition: opacity 0.25s ease-out;
}
.pat-toolbar .icon:active:not([disabled]):not(.disabled),
.pat-toolbar .pat-button:active:not([disabled]):not(.disabled),
.pat-toolbar .pat-back-button:active:not([disabled]):not(.disabled),
.pat-toolbar .pat-context-menu:active:not([disabled]):not(.disabled),
.pat-toolbar .pat-select:not(.bare):active:not([disabled]):not(.disabled) {
  opacity: 0.4;
  transition-duration: 0s;
}
@media (prefers-reduced-motion: reduce) {
.pat-toolbar :is(.icon, .pat-button, .pat-back-button, .pat-context-menu, .pat-select) {
  transition: none;
}
}
@container screen style(--screen-small: false) {
.no-icon[class*="icon-"]::before {
  display: none;
}
}
@container screen style(--screen-small: true) {
.js .pat-toolbar [class*="icon-"]:not(.icon):not(svg):not(.select-glyph):not(:where(.context-menu-popover, .context-menu-popover *)) {
  background-color: var(--pat-toolbar-icon-frost-background);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
}
}
@container screen style(--screen-small: true) {
.js .pat-toolbar .default[class*="icon-"]:not(.icon):not(:where(.context-menu-popover, .context-menu-popover *)) {
  background-color: var(--app-colour, var(--button-background-colour-default));
  color: var(--button-text-colour-default);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
}
@container screen style(--screen-small: true) {
@media (hover: hover) {
.js .pat-toolbar .default[class*="icon-"]:not(.icon):not(:where(.context-menu-popover, .context-menu-popover *)):hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
}
}
@container screen style(--screen-small: false) {
.application-body.sidebar-left-open .pat-toolbar .toolbar-section.micro-navigation > .detail-back {
  display: none;
}
}
@container screen style(--screen-small: false) {
.application-body.sidebar-left-closed .pat-toolbar .toolbar-section.micro-navigation > .detail-back {
  display: none;
}
}
.pat-toolbar .icon.play:not(:where(.context-menu-popover, .context-menu-popover *)):before {
  --kik-toolbar-mark: var(--kik-svg-play);
}
.pat-toolbar .icon.pause:not(:where(.context-menu-popover, .context-menu-popover *)):before {
  --kik-toolbar-mark: var(--kik-svg-pause);
}
.pat-toolbar .icon.shuffle:not(:where(.context-menu-popover, .context-menu-popover *)):before {
  --kik-toolbar-mark: var(--kik-svg-shuffle);
}
.pat-toolbar .pat-back-button {
  --pat-back-button-height: var(--pat-toolbar-button-height);
}
.pat-toolbar .pat-toolbar-breadcrumbs.pat-toolbar-breadcrumbs {
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
}
.pat-toolbar .pat-toolbar-breadcrumbs.pat-toolbar-breadcrumbs > a {
  line-height: var(--pat-toolbar-button-line-height);
}
@keyframes kik-toolbar-mark-spin {

	from { transform: translate(-50%, -50%) rotate(0deg); }
	to   { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes kik-toolbar-glyph-spin {

	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: no-preference) {
.pat-toolbar .icon:is(.icon-arrows-cw, [class*="-refresh"]).executing:not(:where(.context-menu-popover, .context-menu-popover *)) > svg.kik-icon {
  animation: kik-toolbar-mark-spin 0.9s linear infinite;
}
}
@media (prefers-reduced-motion: no-preference) {
.pat-toolbar .icon:is(.icon-arrows-cw, [class*="-refresh"]).executing:not(:where(.context-menu-popover, .context-menu-popover *)):before {
  animation: kik-toolbar-glyph-spin 0.9s linear infinite;
}
}
:root {
  --pat-toolbar-hover-background: var(--pat-surface-background-colour-hover);
  --pat-toolbar-icon-background-colour-hover: var(--pat-toolbar-hover-background);
  --pat-toolbar-button-background-colour-hover: var(--pat-toolbar-hover-background);
  --pat-button-background-colour-hover: var(--pat-toolbar-hover-background);
  --pat-select-box-background-colour-hover: var(--pat-toolbar-hover-background);
}
.pat-toolbar :is(.pat-button, .icon, .pat-context-menu, .text-button).tooltip-active-click,
.canvas-toolbar :is(.pat-button, .icon, .pat-context-menu, .text-button).tooltip-active-click {
  background-color: var(--pat-toolbar-hover-background);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .icon.pat-tooltip.tooltip-active-click:before,
.canvas-toolbar .icon.pat-tooltip.tooltip-active-click:before {
  background-color: transparent;
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .icon:not(.open-close-toggle):not(.default):is(.tooltip-active-click, .collapsible-open),
.canvas-toolbar .icon:not(.open-close-toggle):not(.default):is(.tooltip-active-click, .collapsible-open) {
  background-color: var(--pat-toolbar-hover-background);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .icon:not(.open-close-toggle):not(.default):is(.tooltip-active-click, .collapsible-open):before,
.canvas-toolbar .icon:not(.open-close-toggle):not(.default):is(.tooltip-active-click, .collapsible-open):before {
  background-color: transparent;
  color: var(--pat-toolbar-icon-text-colour-hover);
  -webkit-text-stroke: initial;
  text-stroke: initial;
}
.pat-toolbar .icon:has(> svg):not(.open-close-toggle):not(.default):is(.tooltip-active-click, .collapsible-open) > svg,
.canvas-toolbar .icon:has(> svg):not(.open-close-toggle):not(.default):is(.tooltip-active-click, .collapsible-open) > svg {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .pat-context-menu.no-label:is(.open, .tooltip-active-click, .collapsible-open, .closed.in-progress):before,
.canvas-toolbar .pat-context-menu.no-label:is(.open, .tooltip-active-click, .collapsible-open, .closed.in-progress):before {
  background-color: var(--pat-toolbar-hover-background);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .pat-context-menu.no-label:has(> svg):is(.open, .tooltip-active-click, .collapsible-open, .closed.in-progress) > svg,
.canvas-toolbar .pat-context-menu.no-label:has(> svg):is(.open, .tooltip-active-click, .collapsible-open, .closed.in-progress) > svg {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar :is(.pat-button, .icon).default.tooltip-active-click,
.canvas-toolbar :is(.pat-button, .icon).default.tooltip-active-click {
  background-color: color-mix(in srgb, var(--app-colour, var(--button-background-colour-default)) 92%, black);
  color: var(--button-text-colour-default);
}
@media (hover: hover) {
.pat-toolbar :is(.pat-button, .icon).default:hover,
.canvas-toolbar :is(.pat-button, .icon).default:hover {
  background-color: color-mix(in srgb, var(--app-colour, var(--button-background-colour-default)) 92%, black);
  color: var(--button-text-colour-default);
}
}
.pat-toolbar a,
.pat-toolbar button,
.pat-toolbar label,
.pat-toolbar .pat-button-cluster > *,
.canvas-toolbar a,
.canvas-toolbar button,
.canvas-toolbar label,
.canvas-toolbar .pat-button-cluster > * {
  cursor: default;
}
@media (hover: hover) {
.pat-toolbar .pat-button-cluster > *:hover,
.pat-toolbar .pat-button-cluster > *[href]:not(.current):hover,
.pat-toolbar a:hover,
.pat-toolbar button:hover,
.canvas-toolbar .pat-button-cluster > *:hover,
.canvas-toolbar .pat-button-cluster > *[href]:not(.current):hover,
.canvas-toolbar a:hover,
.canvas-toolbar button:hover {
  cursor: default;
}
}
.pat-toolbar input:not([type="checkbox"]):not([type="radio"]) {
  font-size: calc(0.4 * var(--pat-toolbar-button-height));
}
.pat-toolbar .pat-toolbar-search-field input[type="search"] {
  font-size: var(--pat-toolbar-font-size, calc(0.7 * var(--pat-toolbar-button-height)));
  line-height: var(--pat-toolbar-button-line-height);
  padding-block: 0;
}
.pat-toolbar .pat-toolbar-search-field input:focus {
  outline: none;
}
.pat-toolbar .pat-toolbar-search-field input {
  border: 0;
}
.pat-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed) input {
  padding-inline-start: calc(0.87 * var(--pat-toolbar-button-height));
}
.toolbar-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: var(--pat-toolbar-button-height, var(--button-height, 35px));
  padding-inline: 0.6em;
  border-radius: var(--button-border-radius, var(--border-radii, 20px));
  background-color: var(--toolbar-counter-background, var(--pat-toolbar-icon-frost-background));
  box-shadow: var(--pat-toolbar-button-box-shadow);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  font-size: var(--button-font-size, var(--body-font-size, 18px));
  line-height: 1;
  white-space: nowrap;
  color: var(--colour-byline, rgba(0, 0, 0, 0.6));
  font-variant-numeric: tabular-nums;
}
.kik-cloud-card .well-title-group .pat-toolbar:has(.toolbar-counter) {
  opacity: 1;
  --toolbar-counter-chrome-opacity: 0;
}
.kik-cloud-card .well-title-group .pat-toolbar:has(.toolbar-counter) .toolbar-counter {
  box-shadow: var(--kik-cloud-card-plus-ring, var(--pat-toolbar-button-box-shadow));
}
.kik-cloud-card .well-title-group .pat-toolbar:has(.toolbar-counter)::before,
.kik-cloud-card .well-title-group .pat-toolbar:has(.toolbar-counter) .toolbar-section > *:not(.toolbar-counter) {
  opacity: var(--toolbar-counter-chrome-opacity);
  transition: opacity 0.12s ease-in;
}
.kik-cloud-card:focus-within .well-title-group .pat-toolbar:has(.toolbar-counter) {
  --toolbar-counter-chrome-opacity: 1;
}
@media (hover: hover) {
.kik-cloud-card:hover .well-title-group .pat-toolbar:has(.toolbar-counter) {
  --toolbar-counter-chrome-opacity: 1;
}
}
@media (hover: none) {
.kik-cloud-card .well-title-group .pat-toolbar:has(.toolbar-counter) {
  --toolbar-counter-chrome-opacity: 1;
}
}
@container screen style(--screen-small: true) {
.kik-cloud-card .well-title-group .pat-toolbar:has(.toolbar-counter) {
  --toolbar-counter-chrome-opacity: 1;
}
}
:root {
  --kik-toolbar-icon-size: calc(0.6 * var(--pat-toolbar-button-height));
  --kik-toolbar-icon-stroke-width: 1.6;
}
@media (width <= 768px) {
:root {
  --kik-toolbar-icon-size: calc(0.72 * var(--pat-toolbar-button-height));
}
}
.kik-icon {
  width: max(1.15em, 1rem);
  height: max(1.15em, 1rem);
  vertical-align: -0.2em;
  flex-shrink: 0;
  fill: var(--kik-icon-fill, none);
  stroke: currentColor;
  stroke-width: var(--kik-toolbar-icon-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kik-icon * {
  vector-effect: var(--kik-icon-vector-effect, none);
}
.kik-icon-filled {
  --kik-icon-fill: currentColor;
}
:is(a, button, label, span, li):has(> svg.kik-icon)::before {
  content: none !important;
}
#global-header .kik-header-switch-env:has(> svg.kik-icon)::before {
  content: "" !important;
}
.pat-back-button:has(> svg.kik-icon)::before {
  content: "" !important;
}
.pat-menu-list.pat-menu-list li > :is(a, button, label):has(> svg.kik-icon) > svg.kik-icon {
  grid-area: icon;
  align-self: center;
  justify-self: center;
  width: 1.15em;
  height: 1.15em;
  position: static;
  transform: none;
  margin: 0;
}
.pat-menu-list.pat-menu-list li > :is(a, button, label):has(> svg.kik-icon)::before {
  display: none !important;
}
.pat-menu-list.pat-menu-list li > :is(a, button, label):has(> img.kik-hub-mark) > img.kik-hub-mark {
  grid-area: icon;
  align-self: center;
  justify-self: center;
  width: 1.35em;
  height: 1.35em;
  object-fit: contain;
  border-radius: 0.3em;
  position: static;
  margin: 0;
}
.pat-menu-list.pat-menu-list li > :is(a, button, label):has(> img.kik-hub-mark)::before {
  display: none !important;
}
.pat-button:has(> svg.kik-icon) > svg.kik-icon {
  width: 1em;
  height: var(--pat-button-height, 1.15em);
  height: 1lh;
  vertical-align: top;
  margin: 0;
  margin-inline-end: 0.35em;
}
.pat-toolbar .pat-button:not(.no-label) > svg.kik-icon {
  --kik-icon-vector-effect: non-scaling-stroke;
  stroke-width: calc(var(--kik-toolbar-icon-size) / 15);
}
.kik-fc-toolbar .icon:has(> svg.kik-icon) > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--kik-toolbar-icon-size);
  height: var(--kik-toolbar-icon-size);
  text-indent: 0;
  z-index: 1;
}
#global-header .kik-header-fullscreen svg.kik-icon,
#global-header .kik-header-switch-env svg.kik-icon {
  width: 1em;
  height: 1em;
  display: block;
  vertical-align: 0;
}
.pat-button.no-label:has(> svg.kik-icon) {
  display: inline-block;
  position: relative;
  text-indent: -1000em;
}
.pat-button.no-label:has(> svg.kik-icon) > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}
.pat-toolbar .pat-button.no-label:has(> svg.kik-icon) {
  width: var(--pat-toolbar-button-height);
  min-width: var(--pat-toolbar-button-height);
}
.kiki-dock .kiki-chat-close:has(> svg.kik-icon) > svg.kik-icon,
.kiki-dock .kiki-chat-reset-btn:has(> svg.kik-icon) > svg.kik-icon {
  width: 1rem;
  height: 1rem;
}
.pat-toolbar .icon:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg):before,
.pat-toolbar .pat-button:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg):before,
.pat-toolbar .pat-select:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg):before,
.pat-toolbar .pat-context-menu:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg):before,
.pat-toolbar .pat-tabs a:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg):before,
.pat-toolbar .pat-button-cluster a:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg):before {
  content: "" !important;
}
.pat-toolbar .icon:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg,
.pat-toolbar .pat-button:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg,
.pat-toolbar .pat-select:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg,
.pat-toolbar .pat-context-menu:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg,
.pat-toolbar .pat-tabs a:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg,
.pat-toolbar .pat-button-cluster a:not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  width: var(--kik-toolbar-icon-size);
  height: var(--kik-toolbar-icon-size);
  z-index: 1;
  display: block;
  text-indent: 0;
  overflow: visible;
  pointer-events: none;
  fill: var(--kik-icon-fill, none);
  stroke: currentColor;
  stroke-width: var(--kik-toolbar-icon-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: color var(--base-animation-duration);
}
.pat-toolbar .pat-button:not(.icon):has(> svg.kik-icon)::before {
  content: none !important;
}
.pat-toolbar .pat-button:has(> svg),
.pat-toolbar .pat-select:has(> svg),
.pat-toolbar .pat-context-menu:has(> svg),
.pat-toolbar .pat-tabs a:has(> svg),
.pat-toolbar .pat-button-cluster a:has(> svg) {
  position: relative;
}
@container screen style(--screen-small: false) {
.pat-toolbar .pat-button:not(.icon):has(> svg) > svg,
.pat-toolbar .pat-select:not(.icon):has(> svg) > svg,
.pat-toolbar .pat-context-menu:not(.no-label):not(.icon):has(> svg) > svg,
.pat-toolbar .pat-tabs a:not(.icon):has(> svg) > svg,
.pat-toolbar .pat-button-cluster a:not(.icon):has(> svg) > svg {
  position: static;
  transform: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.45em;
}
}
@container screen style(--screen-small: false) {
.pat-toolbar .pat-button:not(.icon):has(> svg) > svg {
  height: var(--pat-button-height, 1.15em);
  height: 1lh;
  vertical-align: top;
  margin-right: 0;
  margin-inline-end: 0.35em;
}
}
@container screen style(--screen-small: false) {
.pat-toolbar .no-icon:not(.icon):has(> svg) > svg {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar [class*="icon-"]:not(.icon):not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg,
.pat-toolbar .pat-button:not(.icon):not(:where(.context-menu-popover, .context-menu-popover *)):has(> svg) > svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  text-indent: 0;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-button:not(.icon):not([class*="icon-"]):has(> svg) > svg {
  display: inline-block;
  position: static;
  transform: none;
  height: var(--pat-button-height, 1.15em);
  height: 1lh;
  vertical-align: top;
  margin: 0;
  margin-inline-end: 0.35em;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .no-icon:not(.icon):not([class*="icon-"]):has(> svg) > svg {
  display: none;
}
}
.pat-toolbar .icon:has(> svg) > svg {
  color: var(--pat-toolbar-icon-text-colour);
}
@media (hover: hover) {
.pat-toolbar .icon:has(> svg):hover > svg {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.pat-toolbar .icon:has(> svg).current > svg {
  color: white;
}
.pat-toolbar .icon:has(> svg).tooltip-active-click > svg,
.pat-toolbar .icon:has(> svg):not(.open-close-toggle).collapsible-open > svg {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .icon:has(> svg).tooltip-active-click,
.pat-toolbar .icon:has(> svg):not(.open-close-toggle).collapsible-open {
  background-color: var(--pat-toolbar-hover-background);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .icon:has(> svg).active > svg {
  color: var(--colour-accent);
}
.pat-toolbar .icon:has(> svg).default > svg {
  color: var(--button-text-colour-default);
}
@media (hover: hover) {
.pat-toolbar .icon:has(> svg).default:hover > svg {
  color: var(--button-text-colour-default-hover, var(--button-text-colour-default));
}
}
.pat-toolbar .icon:has(> svg).warning > svg {
  color: var(--colour-warning);
}
.mode-select .pat-toolbar .icon:has(> svg).select > svg {
  color: white;
}
.pat-toolbar .icon:has(> svg)[disabled] > svg {
  color: var(--pat-toolbar-icon-text-colour);
}
.pat-toolbar .pat-context-menu.no-label:has(> svg) > svg {
  color: var(--pat-toolbar-icon-text-colour);
}
@media (hover: hover) {
.pat-toolbar .pat-context-menu.no-label:has(> svg):not(.open):hover > svg {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.pat-toolbar .pat-context-menu.no-label:has(> svg).open > svg,
.pat-toolbar .pat-context-menu.no-label:has(> svg).closed.in-progress > svg {
  color: white;
}
.pat-toolbar :is(a, label).pat-select:not(.bare) {
  --pat-select-box-arrow-width: 24px;
}
.pat-toolbar > .pat-select:not(.bare):after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):after,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare):after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:after {
  font-family: inherit;
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-chevron-down-mask) center / 14px 14px no-repeat;
  mask: var(--kik-chevron-down-mask) center / 14px 14px no-repeat;
  width: 18px;
  right: 8px;
}
body[dir=rtl] .pat-toolbar > .pat-select:not(.bare):after,
body[dir=rtl] .pat-toolbar .toolbar-section > .pat-select:not(.bare):after,
body[dir=rtl] .pat-toolbar .toolbar-section > form > .pat-select:not(.bare):after,
body[dir=rtl] .pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):after,
body[dir=rtl] .pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:after {
  right: auto;
  left: 8px;
}
.pat-toolbar .pat-select:has(> svg) > svg {
  color: var(--pat-select-box-arrow-text-colour);
}
@media (hover: hover) {
.pat-toolbar .pat-select:has(> svg):hover > svg {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
.pat-toolbar .icon:has(> svg).up > svg,
.pat-toolbar .icon:has(> svg).down > svg,
.pat-toolbar .icon:has(> svg).expand-all-sections > svg,
.pat-toolbar .icon:has(> svg).collapse-all-sections > svg,
.pat-toolbar .icon:has(> svg).level-up > svg {
  transform: translate(-50%, -50%);
}
.pat-toolbar .icon:has(> svg):is(.open-close-toggle, .expand-all-sections, .collapse-all-sections) > svg {
  --kik-toolbar-icon-size: calc(0.5 * var(--pat-toolbar-button-height));
}
.pat-toolbar .icon:has(> svg).open-close-toggle > svg {
  transition: transform var(--base-animation-duration);
}
.pat-toolbar .icon:has(> svg).open-close-toggle.collapsible-open > svg,
.well-title-group.collapsible-open .pat-toolbar .icon:has(> svg).open-close-toggle > svg {
  transform: translate(-50%, -50%) scaleY(-1);
}
.pat-toolbar .icon.under-review:has(> svg) > svg {
  paint-order: stroke fill;
  stroke-width: calc(var(--kik-toolbar-icon-stroke-width) + 3);
  stroke: white;
}
.pat-toolbar .icon.under-review:has(> svg) > svg > * {
  paint-order: stroke fill;
  stroke: inherit;
}
.application-body.state-on > .kik-win-toggle:has(> svg):before {
  content: "" !important;
}
.application-body.state-on > .kik-win-toggle:has(> svg) > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--kik-toolbar-icon-size);
  height: var(--kik-toolbar-icon-size);
  z-index: 1;
  display: block;
  pointer-events: none;
  fill: var(--kik-icon-fill, none);
  color: var(--pat-toolbar-icon-text-colour);
  stroke-width: var(--kik-toolbar-icon-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: color var(--base-animation-duration), opacity 0.25s ease-out;
}
@media (hover: hover) {
.application-body.state-on > .kik-win-toggle:has(> svg):hover > svg {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.application-body.state-on > .kik-win-max > svg:nth-of-type(1) {
  display: none;
}
.application-body.state-on > .kik-win-max > svg:nth-of-type(2) {
  display: block;
}
.application-body.state-on.kik-floating > .kik-win-max > svg:nth-of-type(1) {
  display: block;
}
.application-body.state-on.kik-floating > .kik-win-max > svg:nth-of-type(2) {
  display: none;
}
.application-body.state-on > .kik-win-side > svg:nth-of-type(1) {
  display: block;
}
.application-body.state-on > .kik-win-side > svg:nth-of-type(2) {
  display: none;
}
.application-body.state-on > .kik-win-side > svg:nth-of-type(3) {
  display: none;
}
.application-body.state-on > .kik-win-side > svg:nth-of-type(4) {
  display: none;
}
.application-body.state-on.sidebar-left-closed > .kik-win-side > svg:nth-of-type(1) {
  display: none;
}
.application-body.state-on.sidebar-left-closed > .kik-win-side > svg:nth-of-type(2) {
  display: block;
}
.application-body.state-on.sidebar-left-closed > .kik-win-side > svg:nth-of-type(3) {
  display: none;
}
.application-body .toggle-sidebar-size > svg:nth-of-type(1) {
  display: block;
}
.application-body .toggle-sidebar-size > svg:nth-of-type(2) {
  display: none;
}
.application-body.sidebar-large .toggle-sidebar-size > svg:nth-of-type(1) {
  display: none;
}
.application-body.sidebar-large .toggle-sidebar-size > svg:nth-of-type(2) {
  display: block;
}
@container main (width <= 768px) {
@container screen style(--kik-sidebar-drawer: true) {
#app-space .application-body.state-on > .kik-win-side > svg:nth-of-type(1) {
  display: none;
}
}
}
@container main (width <= 768px) {
@container screen style(--kik-sidebar-drawer: true) {
#app-space .application-body.state-on > .kik-win-side > svg:nth-of-type(2) {
  display: none;
}
}
}
@container main (width <= 768px) {
@container screen style(--kik-sidebar-drawer: true) {
#app-space .application-body.state-on > .kik-win-side > svg:nth-of-type(3) {
  display: block;
}
}
}
@container main (width <= 680px) {
@container screen style(--kik-sidebar-drawer: false) {
#app-space .application-body.state-on.focus-document > .kik-win-side > svg:nth-of-type(1) {
  display: none;
}
}
}
@container main (width <= 680px) {
@container screen style(--kik-sidebar-drawer: false) {
#app-space .application-body.state-on.focus-document > .kik-win-side > svg:nth-of-type(2) {
  display: none;
}
}
}
@container main (width <= 680px) {
@container screen style(--kik-sidebar-drawer: false) {
#app-space .application-body.state-on.focus-document > .kik-win-side > svg:nth-of-type(3) {
  display: none;
}
}
}
@container main (width <= 680px) {
@container screen style(--kik-sidebar-drawer: false) {
#app-space .application-body.state-on.focus-document > .kik-win-side > svg:nth-of-type(4) {
  display: block;
}
}
}
@container main (width <= 680px) {
@container screen style(--kik-sidebar-drawer: false) {
body[dir="rtl"] #app-space .application-body.state-on.focus-document > .kik-win-side > svg:nth-of-type(4) {
  transform: translate(-50%, -50%) scaleX(-1);
}
}
}
body[dir="rtl"] .pat-toolbar .icon:has(> svg).back > svg,
body[dir="rtl"] .pat-toolbar .icon:has(> svg).forward > svg,
body[dir="rtl"] .pat-toolbar .icon:has(> svg).level-up > svg {
  transform: translate(-50%, -50%) scaleX(-1);
}
@media print {
.pat-toolbar .icon:has(> svg) > svg {
  color: black;
}
}
:root {
  --tooltip-border-radii: var(--border-radii);
}
:root {
  --versioning-menu-stipe-thickness: 300px;
}
.tippy-popper {
  overflow-y: visible !important;
}
.tooltip-container.canvas-toolbar-portal-tooltip .tippy-content {
  max-height: calc(100vh - 230px);
}
.tooltip-container.toolbar-menu .tippy-content {
  max-height: calc(100vh - 260px);
}
.tooltip-container.toolbar-menu-hero .tippy-content {
  max-height: calc(100vh - 470px);
}
.tooltip-container.mentions .tippy-content,
.tooltip-container.tags .tippy-content,
.tooltip-container.tiptap-mentions .tippy-content,
.tooltip-container.tiptap-tags .tippy-content {
  max-height: calc(50vh - 100px);
}
.tooltip-container.notifications .tippy-box {
  max-width: 100% !important;
  width: 550px;
}
.tooltip-container.versioning-menu {
  --tooltip-background-colour: var(--kik-tooltip-underlay, white);
}
.tooltip-container.versioning-menu .tippy-content {
  padding: 25px;
}
.tooltip-container.versioning-menu .tippy-box {
  width: 900px;
  max-width: 100% !important;
}
.tooltip-container.versioning-menu .tippy-box .workflow-state-tag {
  display: inline-block;
  border-radius: var(--border-radii);
  padding: 0 0.8em;
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.tooltip-container.versioning-menu .tippy-box .workflow-state-tag.published:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-globe) center / contain no-repeat;
  mask: var(--kik-svg-globe) center / contain no-repeat;
  margin-right: 4px;
  font-size: 0.9em;
}
.tooltip-container.versioning-menu .tippy-box .separation-header {
  line-height: 19px;
  font-size: 19px;
  display: flex;
  gap: 15px;
  margin: 10px 0 20px;
}
.tooltip-container.versioning-menu .tippy-box .separation-header .workflow-state-tag {
  font-size: 14px;
  font-weight: normal;
}
.tooltip-container.versioning-menu .tippy-box .pat-well + .separation-header {
  margin-top: 28px;
  margin-bottom: 0;
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list {
  font-size: 0.8em;
  margin-bottom: 20px;
  grid-template-columns: 25% auto;
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list a {
  text-decoration: none;
}
@media (hover: hover) {
.tooltip-container.versioning-menu .tippy-box .pat-grid-list a:hover {
  text-decoration: underline;
}
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list .pat-message {
  margin-top: 8px;
  margin-bottom: 5px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 9px;
  font-size: 0.9em;
}
.tooltip-container.versioning-menu .tippy-box .pat-well {
  padding: 15px 18px 18px 18px;
  margin: -18px -18px 15px;
  background-color: var(--colour-notice-background);
  border-radius: calc(0.8 * var(--border-radii));
}
.tooltip-container.versioning-menu .tippy-box .pat-well:has(.pat-button.unpublish) {
  background: var(--colour-info-background);
}
.tooltip-container.versioning-menu .tippy-box .pat-well:last-child {
  margin: -18px;
}
.tooltip-container.versioning-menu .tippy-box .pat-button-bar {
  margin-bottom: 0px;
}
.tooltip-container.versioning-menu .tippy-box .link-list {
  margin-top: 12px;
  margin-bottom: -10px;
  columns: 3;
}
.tooltip-container.versioning-menu .tippy-box .link-list li {
  padding-bottom: 10px;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow {
  display: grid;
  justify-content: start;
  grid-column-gap: 10px;
  grid-row-gap: 0;
  grid-template-areas: 
							"label functions"
							"children children";
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .functions {
  grid-area: functions;
  text-align: right;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .link-title {
  grid-area: label;
  hyphens: auto;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow:before {
  grid-area: label;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .classification-tags {
  display: inline-block;
  vertical-align: middle;
  grid-area: functions;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .classification-tags .classification-tag {
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin-top: -4px;
  display: inline-block;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .link-byline {
  grid-area: children;
}
.tooltip-container .tippy-content {
  min-width: 250px;
}
.tooltip-container h1 {
  font-weight: 200;
  font-size: 1.5em;
  line-height: 1.3;
  margin-bottom: 0.7em;
}
.tooltip-container .discrete {
  font-size: 14px;
  line-height: 1.3;
}
.tooltip-container .subscribe-to-calendar {
  margin-bottom: 25px;
}
.tooltip-container .subscribe-to-calendar p {
  margin-bottom: 10px;
}
.tooltip-container .subscribe-to-calendar label {
  font-weight: bold;
  font-size: 0.8em;
}
.tooltip-container .subscribe-to-calendar label textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-top: 0.4em;
  margin-bottom: 0;
  color: var(--body-font-colour);
  padding: 0.7em 1em;
  background-color: var(--colour-base);
  border: none;
  box-sizing: border-box;
  line-height: 1.5;
}
@container screen style(--screen-small: false) {
.tooltip-container .pat-menu-list .menu-item-sidebar {
  display: none;
}
}
@container screen style(--screen-small: true) {
.tooltip-container .pat-menu-list .menu-item-toggle-on-screen-help {
  display: none;
}
}
.tooltip-container.unlock-dialogue .tippy-box {
  max-width: 100% !important;
}
@container screen style(--screen-small: false) {
.tooltip-container.unlock-dialogue .tippy-box .tippy-content {
  width: 600px;
}
}
.tooltip-container.unlock-dialogue .tippy-box .tippy-content .pat-message {
  border-radius: var(--border-radii);
  margin: 0;
  box-sizing: border-box;
}
.tooltip-container.rich .footer {
  background-color: var(--kik-tooltip-footer-background, rgba(255,255,255,0.8));
  margin: 0 calc(-1 * var(--pat-tooltip-padding)) calc(-1 * var(--pat-tooltip-padding)) calc(-1 * var(--pat-tooltip-padding));
  padding: var(--pat-tooltip-padding);
  border-bottom-left-radius: var(--tooltip-border-radii);
  border-bottom-right-radius: var(--tooltip-border-radii);
  font-size: 0.85em;
  line-height: 1.4;
}
.tooltip-container.rich .footer .icon-lightbulb:first-child:before {
  text-align: left;
  width: 0.8em;
}
body[dir=rtl] .tooltip-container.rich .footer .icon-lightbulb:first-child:before {
  text-align: right;
}
.tooltip-container.rich p.footer {
  margin: 0 calc(-1 * var(--pat-tooltip-padding)) calc(-1 * var(--pat-tooltip-padding)) calc(-1 * var(--pat-tooltip-padding));
}
.tooltip-container.rich h3 {
  font-weight: bold;
}
.tooltip-container .onscreen-help {
  float: right;
  top: -3px;
  right: 30px;
}
.tooltip-container.portal-navigation .container,
.tooltip-container.type-auto.portal-navigation .container,
.tooltip-container.personal-menu .container,
.tooltip-container.personal-menu.portal-navigation .container {
  padding: 0;
  margin: 0;
}
.tooltip-container.portal-navigation .tippy-content a.tab,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab,
.tooltip-container.personal-menu .tippy-content a.tab,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab {
  display: block;
  line-height: 1.3em;
  padding: 0.3em 0 0.3em 1.6em;
  color: var(--body-font-colour);
}
.tooltip-container.portal-navigation .tippy-content a.tab:before,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab:before,
.tooltip-container.personal-menu .tippy-content a.tab:before,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab:before {
  content: '';
  margin-left: -1.5em;
  float: left;
  width: 1em;
  height: 1.3em;
  background-color: currentColor;
  -webkit-mask: var(--kik-portal-tab-mark, linear-gradient(transparent, transparent)) center / contain no-repeat;
  mask: var(--kik-portal-tab-mark, linear-gradient(transparent, transparent)) center / contain no-repeat;
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-dashboard:not(:has(> svg.kik-icon)),
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-dashboard:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu .tippy-content a.tab.section-dashboard:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-dashboard:not(:has(> svg.kik-icon)) {
  --kik-portal-tab-mark: var(--kik-svg-speedometer);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-news:not(:has(> svg.kik-icon)),
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-news:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu .tippy-content a.tab.section-news:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-news:not(:has(> svg.kik-icon)) {
  --kik-portal-tab-mark: var(--kik-svg-newspaper);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-library:not(:has(> svg.kik-icon)),
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-library:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu .tippy-content a.tab.section-library:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-library:not(:has(> svg.kik-icon)) {
  --kik-portal-tab-mark: var(--kik-svg-grid);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-workspaces:not(:has(> svg.kik-icon)),
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-workspaces:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu .tippy-content a.tab.section-workspaces:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-workspaces:not(:has(> svg.kik-icon)) {
  --kik-portal-tab-mark: var(--kik-svg-workspace);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-apps:not(:has(> svg.kik-icon)),
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-apps:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu .tippy-content a.tab.section-apps:not(:has(> svg.kik-icon)),
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-apps:not(:has(> svg.kik-icon)) {
  --kik-portal-tab-mark: var(--kik-svg-app);
}
.tooltip-container.portal-navigation .tippy-content a.title,
.tooltip-container.portal-navigation .tippy-content a.organisation,
.tooltip-container.type-auto.portal-navigation .tippy-content a.title,
.tooltip-container.type-auto.portal-navigation .tippy-content a.organisation,
.tooltip-container.personal-menu .tippy-content a.title,
.tooltip-container.personal-menu .tippy-content a.organisation,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.title,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.organisation {
  display: none;
}
@container screen style(--screen-small: true) {
.tooltip-container.candy-box,
.tooltip-container.personal-menu {
  position: fixed !important;
  inset: calc(var(--global-header-height) + 15px) 15px auto 50px !important;
  transform: none !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}
}
@container screen style(--screen-small: true) {
.tooltip-container.candy-box > .tippy-box,
.tooltip-container.personal-menu > .tippy-box {
  max-width: none !important;
  width: 100% !important;
  max-height: calc(100vh - var(--global-header-height) - 30px);
  max-height: calc(100dvh - var(--global-header-height) - 30px);
  overflow-y: auto;
}
}
@container screen style(--screen-small: true) {
.tooltip-container.candy-box {
  inset: calc(var(--global-header-height) + 15px) 15px auto 15px !important;
}
}
.tooltip-container:not(.info) {
  --tooltip-pointer-colour: var(--kik-tooltip-underlay, #fff);
  --tooltip-underlay-colour: var(--kik-tooltip-underlay, #fff);
  --tooltip-underlay-solid: 50px;
  --tooltip-underlay-direction: to bottom;
}
.tooltip-container:not(.info) .tippy-content {
  background-color: transparent;
  background-image:
			linear-gradient(
				var(--tooltip-background-colour),
				var(--tooltip-background-colour)),
			linear-gradient(
				var(--tooltip-underlay-direction),
				var(--tooltip-underlay-colour) 0,
				var(--tooltip-underlay-colour) var(--tooltip-underlay-solid),
				transparent 100%);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
}
@media (hover: hover) {
.tooltip-container:not(.info) .tippy-content:hover {
  background-image:
					linear-gradient(
						var(--pat-surface-background-colour-hover),
						var(--pat-surface-background-colour-hover)),
					linear-gradient(
						var(--tooltip-underlay-direction),
						var(--tooltip-underlay-colour) 0,
						var(--tooltip-underlay-colour) var(--tooltip-underlay-solid),
						transparent 100%);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
}
}
.tooltip-container:not(.info) [data-placement^='bottom'] .tippy-arrow {
  border-bottom-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='bottom'] .tippy-arrow::before {
  border-bottom-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='top'] {
  --tooltip-underlay-direction: to top;
}
.tooltip-container:not(.info) [data-placement^='top'] .tippy-arrow {
  border-top-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='top'] .tippy-arrow::before {
  border-top-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='left'] {
  --tooltip-underlay-direction: to left;
}
.tooltip-container:not(.info) [data-placement^='left'] .tippy-arrow {
  border-left-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='left'] .tippy-arrow::before {
  border-left-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='right'] {
  --tooltip-underlay-direction: to right;
}
.tooltip-container:not(.info) [data-placement^='right'] .tippy-arrow {
  border-right-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info) [data-placement^='right'] .tippy-arrow::before {
  border-right-color: var(--tooltip-pointer-colour);
}
.tooltip-container:not(.info):has(.tiptap-items) {
  --tooltip-underlay-colour: transparent;
  --tooltip-pointer-colour: var(--tooltip-background-colour);
}
@container screen style(--screen-small: true) {
body:is([data-global-nav="side"], [data-global-nav="compact"]) :is(#portal, .document-body) .pat-toolbar .pat-back-button,
.pat-modal-panel .modal-toolbar .pat-back-button {
  display: inline-block !important;
  box-sizing: border-box;
  width: var(--pat-toolbar-button-height);
  min-width: var(--pat-toolbar-button-height);
  flex-shrink: 0;
  height: var(--pat-toolbar-button-height);
  padding: 0;
  margin: 0;
  line-height: var(--pat-toolbar-button-line-height);
  font-size: var(--pat-toolbar-font-size);
  font-weight: normal;
  text-indent: -1000em;
  overflow: hidden;
  color: var(--pat-toolbar-icon-text-colour);
  background-color: var(--pat-toolbar-icon-frost-background);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  border-radius: var(--button-border-radius);
  box-shadow: var(--pat-toolbar-button-box-shadow);
}
}
@container screen style(--screen-small: true) {
body:is([data-global-nav="side"], [data-global-nav="compact"]) :is(#portal, .document-body) .pat-toolbar .pat-back-button > svg.kik-icon,
.pat-modal-panel .modal-toolbar .pat-back-button > svg.kik-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--kik-toolbar-icon-size);
  height: var(--kik-toolbar-icon-size);
  text-indent: 0;
}
}
@container screen style(--screen-small: true) {
body:is([data-global-nav="side"], [data-global-nav="compact"]) :is(#portal, .document-body) .pat-toolbar .pat-back-button:before,
.pat-modal-panel .modal-toolbar .pat-back-button:before {
  content: '';
  text-indent: 0;
  text-align: center;
  line-height: calc(var(--pat-toolbar-button-line-height) + 1px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
  clip-path: none;
  z-index: auto;
  border-radius: var(--button-border-radius);
  box-sizing: border-box;
}
}
@container screen style(--screen-small: true) {
body:is([data-global-nav="side"], [data-global-nav="compact"]) :is(#portal, .document-body) .pat-toolbar .pat-back-button:after,
.pat-modal-panel .modal-toolbar .pat-back-button:after {
  display: none;
}
}
@container screen style(--screen-small: true) {
@media (hover: hover) and (pointer: fine) {
body:is([data-global-nav="side"], [data-global-nav="compact"]) :is(#portal, .document-body) .pat-toolbar .pat-back-button:hover,
.pat-modal-panel .modal-toolbar .pat-back-button:hover {
  color: var(--pat-toolbar-icon-text-colour-hover);
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
}
}
.ueber-selector {
  position: relative;
  overflow: hidden;
}
.ueber-selector:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  box-shadow: inset 0 1px 6px rgba(0,0,0,0.12);
  -webkit-pointer-events: none;
  pointer-events: none;
  border-radius: var(--border-radii);
}
.application-home #post-box {
  margin: 0 auto 1em;
  display: block;
}
@container screen style(--screen-large: true) {
.application-home #post-box {
  width: 85%;
}
}
.update-social {
  position: relative;
  background-color: var(--post-box-background-colour, var(--pat-form-input-field-background-colour, white));
  border-radius: var(--post-box-border-radius);
  box-shadow: var(--post-box-box-shadow);
  transition: box-shadow var(--transition-duration);
}
@media (hover: hover) {
.update-social:hover {
  box-shadow: var(--post-box-box-shadow-hover, var(--post-box-box-shadow));
}
}
.update-social.post-box:not(.post *),
.update-social.comment-box:not(.post *) {
  max-width: 600px;
  margin: 1rem auto;
}
.update-social#new-post-box {
  display: none;
}
@media print {
.update-social {
  display: none;
}
}
.update-social .post-box-post {
  margin: 0;
}
.update-social .post-box-post .ProseMirror {
  padding: calc(0.4rem + 1px) 0.8rem calc(0.4rem - 1px);
}
.update-social .post-box-post .ProseMirror > *:last-child {
  margin-bottom: 0;
}
.update-social textarea,
.update-social .content-mirror {
  margin: 0;
  padding-right: 2em;
  padding-left: 0.5em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  line-height: 1.5em;
  float: left;
  border: none;
  overflow: hidden;
  resize: none;
  width: 100%;
}
@container screen style(--screen-large: true) {
.update-social textarea,
.update-social .content-mirror {
  background: transparent;
}
}
.update-social textarea:focus,
.update-social .content-mirror:focus {
  outline: none;
  box-shadow: none;
}
.update-social textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  -moz-transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.update-social textarea::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5);
}
.update-social textarea::-moz-placeholder {
  color: rgba(0,0,0,0.5);
}
.update-social textarea:-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
}
.update-social textarea:-moz-placeholder {
  color: rgba(0,0,0,0.5);
}
.update-social .content-mirror {
  color: var(--body-font-colour);
  font-family: inherit;
  cursor: default;
  text-align: start;
  white-space: pre-wrap;
  vertical-align: text-bottom;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.update-social .content-mirror .text .placeholder {
  font-style: normal;
  color: rgba(0,0,0,0.5);
}
.update-social .content-mirror .selected-users,
.update-social .content-mirror .selected-tags {
  position: relative;
  z-index: 2;
  color: #222;
  font-weight: bold;
  font-style: normal;
}
.update-social.status-active {
  box-shadow: var(--post-box-box-shadow-active, var(--default-focus-marking));
}
.update-social.status-active .post-box-post .ProseMirror {
  padding: var(--small-screen-padding) var(--small-screen-padding) 2rem;
}
.update-social.status-active textarea,
.update-social.status-attach textarea,
.update-social.status-active .content-mirror,
.update-social.status-attach .content-mirror {
  padding-top: 1em;
  padding-bottom: 1em;
}
.update-social.status-active .content-mirror,
.update-social.status-attach .content-mirror {
  padding-bottom: 2.5em;
}
.update-social.status-active textarea,
.update-social.status-attach textarea {
  bottom: 2.6em;
}
.update-social .icon-attach {
  color: #666;
  cursor: default;
  position: absolute;
  z-index: 2;
  width: 27px;
  height: 1.7em;
  right: 0.5em;
  top: 0;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  line-height: 1.7em;
}
.update-social .icon-attach:active {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.update-social .icon-attach:hover {
  color: var(--body-font-colour);
}
}
.update-social .icon-attach:before {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.5em;
  height: 1.7em;
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-attach) center / 1.1em no-repeat;
  mask: var(--kik-svg-attach) center / 1.1em no-repeat;
}
.update-social .icon-attach input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.update-social .attachments {
  clear: both;
  margin: 0 !important;
}
.update-social .attachments .attachment-previews {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  clear: both;
  padding: 0 1em;
  font-style: italic;
  color: rgba(0,0,0,0.3);
  height: 0;
  overflow: auto;
  white-space: nowrap;
  transition: all 0.3s;
}
.update-social .attachments .attachment-previews:has(> .pat-table-box) {
  overflow: visible;
}
.update-social .attachments .attachment-previews .staged-attachments {
  white-space: normal;
  font-style: normal;
  color: var(--body-font-colour);
  max-width: 100%;
  margin: 0;
  --pat-x-list-border-radius: var(--border-radii-medium, var(--border-radii));
}
.update-social .attachments .attachment-previews .staged-attachments tr {
  position: relative;
}
.update-social .attachments .attachment-previews .staged-attachments th.item-name {
  padding-inline-end: 36px;
}
.update-social .attachments .attachment-previews .staged-attachments td.staged-attachment-remove {
  position: absolute;
  grid-area: auto !important;
  top: 50%;
  inset-inline-end: 2px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
}
.update-social .attachments .attachment-previews .staged-attachments .attachments-file-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--border-radii-medium, var(--border-radii));
  color: var(--body-font-colour);
  text-decoration: none;
  font-size: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, background-color .12s ease;
}
.update-social .attachments .attachment-previews .staged-attachments .attachments-file-remove::before {
  margin: 0;
}
.update-social .attachments .attachment-previews .staged-attachments tr:focus-within .attachments-file-remove {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: hover) {
.update-social .attachments .attachment-previews .staged-attachments tr:hover .attachments-file-remove {
  opacity: 1;
  pointer-events: auto;
}
}
@media (hover: hover) {
.update-social .attachments .attachment-previews .staged-attachments .attachments-file-remove:hover {
  background-color: rgba(0, 0, 0, .07);
}
}
@media (hover: none) {
.update-social .attachments .attachment-previews .staged-attachments .attachments-file-remove {
  opacity: 1;
  pointer-events: auto;
}
}
.update-social .attachments .attachment-previews .staged-attachments a.name {
  text-decoration: none;
}
.update-social .attachments .attachment-previews.injecting > * {
  opacity: 0.19;
}
.update-social .attachments .attachment-previews.injecting.injecting-after *,
.update-social .attachments .attachment-previews.injecting.injecting-content-after * {
  opacity: inherit;
}
.update-social .attachments .attachment-previews.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.update-social .attachments .attachment-previews.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.update-social .attachments .attachment-previews.injecting:before {
  animation: none;
  opacity: 1;
}
}
.update-social .shared-item {
  padding: 0 1em 0.5em 1em;
  overflow: hidden;
}
.update-social .shared-item .preview {
  width: 36%;
  float: left;
  padding-top: 0.3em;
}
.update-social .shared-item .preview img {
  background-color: var(--colour-base-background);
  border: 1px silver solid;
  width: 100%;
}
.update-social .shared-item.has-preview .summary {
  width: 60%;
  float: right;
}
.update-social .shared-item .title {
  margin-bottom: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
.update-social .shared-item .byline {
  font-size: 0.8em;
  line-height: 1.4em;
  font-style: italic;
  margin-bottom: 0.5em;
}
.update-social .shared-item .description {
  font-size: 0.8em;
  line-height: 1.4em;
  font-style: normal;
  color: gray;
  margin-bottom: 0.5em;
}
.update-social .shared-item .share-quote {
  font-size: 0.8em;
  line-height: 1.4em;
  border-left: solid 0.3em silver;
  padding-left: 0.5em;
  font-style: italic;
  color: gray;
  margin-bottom: 0.5em;
}
.update-social.status-attach
  .attachment-previews {
  min-height: 2em;
  height: auto;
  padding: var(--small-screen-padding) var(--small-screen-padding) 0;
}
.update-social .button-bar {
  background-color: rgba(0, 0, 0, 0.08);
  height: 0;
  padding: 0 var(--small-screen-padding);
  overflow: hidden;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
  position: relative;
  border-bottom-left-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
.update-social .button-bar label.visibility {
  color: #666;
}
.update-social .button-bar label.visibility.focus {
  color: black;
}
@media (hover: hover) {
.update-social .button-bar label.visibility:hover {
  color: black;
}
}
.update-social .button-bar .iconified {
  line-height: 25px;
}
.update-social .button-bar .iconified.tooltip-active-click {
  color: var(--body-font-colour);
}
.update-social .button-bar .icon-users,
.update-social .button-bar button,
.update-social .button-bar label.visibility,
.update-social .button-bar label.response-required {
  border-radius: calc(0.6 * var(--border-radii));
  line-height: 25px;
  padding-top: 1px;
}
[lang=de] .update-social .button-bar .icon-users,
[lang=de-de] .update-social .button-bar .icon-users,
[lang=de-ch] .update-social .button-bar .icon-users,
[lang=de] .update-social .button-bar button,
[lang=de-de] .update-social .button-bar button,
[lang=de-ch] .update-social .button-bar button,
[lang=de] .update-social .button-bar label.visibility,
[lang=de-de] .update-social .button-bar label.visibility,
[lang=de-ch] .update-social .button-bar label.visibility,
[lang=de] .update-social .button-bar label.response-required,
[lang=de-de] .update-social .button-bar label.response-required,
[lang=de-ch] .update-social .button-bar label.response-required {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
.update-social .button-bar br {
  display: none;
}
.update-social.status-active .button-bar,
.update-social.status-attach .button-bar {
  height: 26px;
  padding-top: var(--small-screen-padding);
  padding-bottom: var(--small-screen-padding);
}
.update-social.question.status-active .button-bar,
.update-social.question.status-attach .button-bar {
  height: auto;
}
.comment-flex {
  display: flex;
  align-items: start;
  gap: var(--kik-post-padding, 0.5em);
  margin-top: 10px;
}
.sidebar-normal .sidebar .comment-flex {
  zoom: 0.8;
}
.comment-flex > .update-social {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.comment-flex > .update-social .post-box-post .ProseMirror {
  padding: 7px 14px;
}
.comment-flex .post-like-round {
  flex: 0 0 auto;
  display: flex;
}
.comment-flex .post-like-round form {
  display: flex;
  margin: 0;
}
.comment-flex .post-like-round .like {
  box-sizing: border-box;
  height: 33px;
  aspect-ratio: 1 / 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  position: relative;
  background-color: var(--post-box-background-colour, var(--pat-form-input-field-background-colour, white));
  box-shadow: var(--post-box-box-shadow);
  color: var(--colour-byline);
  font-size: 0;
  line-height: 1;
  cursor: default;
  transition: all var(--transition-duration);
}
.comment-flex .post-like-round .like:before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-heart) center / contain no-repeat;
  mask: var(--kik-svg-heart) center / contain no-repeat;
}
@media (hover: hover) {
.comment-flex .post-like-round .like:hover {
  color: var(--colour-byline-hover, var(--colour-byline));
  box-shadow: var(--post-box-box-shadow-active, var(--default-focus-marking));
}
}
.comment-flex .post-like-round .like.active {
  color: var(--colour-accent-text);
  background-color: var(--colour-accent);
}
.comment-flex .post-like-round .like.active:before {
  -webkit-mask-image: var(--kik-svg-heart-fill);
  mask-image: var(--kik-svg-heart-fill);
}
@media (hover: hover) {
.comment-flex .post-like-round .like.active:hover {
  color: var(--colour-accent-text);
  background-color: color-mix(in srgb, var(--colour-accent), black 12%);
}
}
.comment-flex .post-like-round .like .counter {
  position: absolute;
  top: -0.2em;
  inset-inline-end: -0.2em;
  min-width: 1.5em;
  height: 1.5em;
  padding: 0 0.35em;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  border-radius: 0.75em;
  border: 1px solid color-mix(in srgb, var(--colour-accent) 50%, white);
  background-color: var(--colour-accent);
  color: white;
}
.comment-flex .post-like-round .like .counter[hidden] {
  display: none;
}
.application-workspace .document-body > #post-box,
.application-workspaces .document-body > #post-box,
.application-workspace .document-body > .post-box,
.application-workspaces .document-body > .post-box {
  width: 80%;
  display: block;
  margin: 2em auto;
}
@container screen style(--screen-small: true) {
.application-workspace .document-body > #post-box,
.application-workspaces .document-body > #post-box,
.application-workspace .document-body > .post-box,
.application-workspaces .document-body > .post-box {
  width: 90%;
  margin: 0 auto 2em;
}
}
.pat-modal .update-social {
  margin: 0;
}
#application-body-workspaces,
#application-body-documents {
  --post-box-background: var(--colour-base);
}
#application-body-workspaces #post-box-workspaces,
#application-body-workspaces #post-box-documents,
#application-body-documents #post-box-workspaces,
#application-body-documents #post-box-documents {
  margin: 0 auto 20px;
  max-width: 570px;
  width: 100%;
  align-self: start;
}
:is(.comment-flex > .update-social, .update-social.comment-box) {
  --kik-comment-inset: 10px;
}
:is(.comment-flex > .update-social, .update-social.comment-box) .post-box-post .ProseMirror {
  padding: 4px var(--kik-comment-inset) 2px;
}
:is(.comment-flex > .update-social, .update-social.comment-box):is(.status-active, .status-attach) .button-bar {
  padding: var(--kik-comment-inset);
}
:is(.comment-flex > .update-social, .update-social.comment-box) .icon-attach {
  --kik-comment-line: 33px;
  box-sizing: border-box;
  top: 0;
  width: var(--kik-comment-line);
  height: var(--kik-comment-line);
  right: 0;
  padding: 0 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  line-height: 1;
}
:is(.comment-flex > .update-social, .update-social.comment-box) .icon-attach::before {
  width: calc(0.5 * var(--kik-comment-line));
  height: calc(0.5 * var(--kik-comment-line));
  -webkit-mask-size: contain;
  mask-size: contain;
}
:is(.comment-flex > .update-social, .update-social.comment-box).status-attach .attachment-previews {
  padding: var(--kik-comment-inset) var(--kik-comment-inset) 0;
}
:is(.comment-flex > .update-social, .update-social.comment-box).status-attach .attachment-previews > .pat-table-box {
  margin-bottom: var(--kik-comment-inset);
}
:root {
  --user-card-icon-colour: rgba(0,0,0,0.6);
}
.user-card,
.quaive-contact-card,
.contact-card {
  background-color: var(--colour-base-background);
  box-shadow: var(--default-box-shadow);
  color: var(--user-card-icon-colour);
  border-radius: var(--border-radii);
  padding: 1.2rem;
  margin: 0 0 1rem 0;
  overflow: hidden;
  box-sizing: border-box;
  display: grid;
  column-gap: 0.7rem;
  align-items: end;
  grid-template-columns: 3rem auto;
  grid-template-rows: 
		min-content
		min-content
		min-content
		1fr;
  grid-template-areas: 
		"contact-avatar contact-name 		contact-information"
		"contact-avatar contact-byline 		contact-information"
		"contact-avatar contact-skill-cloud contact-skill-cloud"
		"contact-avatar contact-data 		contact-data";
}
@media (hover: hover) {
.user-card[href]:hover,
.quaive-contact-card[href]:hover,
.contact-card[href]:hover {
  outline: 3px solid var(--colour-link);
  outline-offset: 2px;
  text-decoration: none;
}
}
.user-card .contact-information,
.quaive-contact-card .contact-information,
.contact-card .contact-information {
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  opacity: 0.8;
  grid-area: contact-information;
  align-self: start;
  justify-self: end;
}
@media (hover: hover) {
.user-card .contact-information:hover,
.quaive-contact-card .contact-information:hover,
.contact-card .contact-information:hover {
  opacity: 1;
}
}
.user-card .contact-information:before,
.quaive-contact-card .contact-information:before,
.contact-card .contact-information:before {
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--colour-link);
  background-image: var(--kik-svg-forward-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  display: block;
}
.user-card.emergency-service,
.quaive-contact-card.emergency-service,
.contact-card.emergency-service {
  background-color: rgba(255,0,0,0.03);
  color: var(--body-font-colour);
}
.user-card.emergency-service:before,
.quaive-contact-card.emergency-service:before,
.contact-card.emergency-service:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: ' ';
  border: 4px double red;
  -webkit-pointer-events: none;
  pointer-events: none;
  border-radius: var(--border-radii);
}
.user-card .name,
.quaive-contact-card .name,
.contact-card .name {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.1rem;
  color: var(--body-font-colour);
  grid-area: contact-name;
}
.user-card .name a,
.quaive-contact-card .name a,
.contact-card .name a {
  color: var(--body-font-colour);
}
.user-card .name:before,
.quaive-contact-card .name:before,
.contact-card .name:before {
  position: absolute;
  top: 23px;
  left: 14px;
  width: 3.8rem;
  text-align: center;
  font-size: 35px;
  padding: 0;
  margin: 0;
  display: block;
}
.user-card .pat-avatar,
.quaive-contact-card .pat-avatar,
.contact-card .pat-avatar {
  width: 3rem;
  height: 3rem;
  grid-area: contact-avatar;
  grid-row: 1 / span 99;
  align-self: start;
}
.user-card p,
.quaive-contact-card p,
.contact-card p {
  margin-bottom: 0.2rem;
}
.user-card .byline,
.quaive-contact-card .byline,
.contact-card .byline {
  color: gray;
  font-style: normal;
  margin-bottom: 1em;
  font-size: 0.9em;
  line-height: 1.3em;
  margin-top: 0.1em;
  grid-area: contact-byline;
}
.user-card .byline:last-child,
.quaive-contact-card .byline:last-child,
.contact-card .byline:last-child {
  margin-bottom: 0;
}
.user-card .skill-cloud,
.quaive-contact-card .skill-cloud,
.contact-card .skill-cloud {
  font-size: 0.7em;
  grid-area: contact-skill-cloud;
}
.user-card address,
.quaive-contact-card address,
.contact-card address {
  display: block;
  margin: 0;
}
.user-card address .address-line,
.quaive-contact-card address .address-line,
.contact-card address .address-line {
  display: block;
  font-style: normal;
  color: var(--body-font-colour);
}
.user-card .data,
.quaive-contact-card .data,
.contact-card .data {
  font-size: 0.9em;
  margin-left: 0;
  grid-area: contact-data;
  color: var(--body-font-colour);
}
.user-card .data p,
.quaive-contact-card .data p,
.contact-card .data p {
  margin: 0 0 0.3em 0;
  line-height: 1.3;
}
.user-card .data .birth-and-death .birthdate::before,
.quaive-contact-card .data .birth-and-death .birthdate::before,
.contact-card .data .birth-and-death .birthdate::before {
  content: '';
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-asterisk) left center / contain no-repeat;
  mask: var(--kik-svg-asterisk) left center / contain no-repeat;
}
.user-card .data .birth-and-death:has(.date-of-death) .birthdate::after,
.quaive-contact-card .data .birth-and-death:has(.date-of-death) .birthdate::after,
.contact-card .data .birth-and-death:has(.date-of-death) .birthdate::after {
  content: " — ";
  display: inline-block;
  padding: 0 0 0 0.3rem;
}
.user-card .data .birth-and-death .date-of-death::before,
.quaive-contact-card .data .birth-and-death .date-of-death::before,
.contact-card .data .birth-and-death .date-of-death::before {
  content: '';
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-candle) left center / contain no-repeat;
  mask: var(--kik-svg-candle) left center / contain no-repeat;
}
.user-card .data .birth-and-death > *:before,
.user-card .data .address-line:before,
.quaive-contact-card .data .birth-and-death > *:before,
.quaive-contact-card .data .address-line:before,
.contact-card .data .birth-and-death > *:before,
.contact-card .data .address-line:before {
  width: 0.9rem;
  text-align: left;
  display: inline-block;
  font-size: 0.7rem;
  position: relative;
  top: -0.1rem;
  padding: 0;
  margin: 0;
}
.user-card .data li,
.quaive-contact-card .data li,
.contact-card .data li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-card .data li a,
.quaive-contact-card .data li a,
.contact-card .data li a {
  color: var(--body-font-colour);
}
.user-card .data:last-child,
.quaive-contact-card .data:last-child,
.contact-card .data:last-child {
  margin-bottom: 0;
}
.user-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1.5em;
  align-items: stretch;
}
.user-cards > .quaive-contact-card,
.user-cards > .item {
  height: 100%;
  box-sizing: border-box;
}
.user-cards .item .user-card {
  height: 100%;
  font-size: 0.9em;
}
.user-cloud {
  margin-right: -1em;
  display: block;
  overflow: hidden;
}
.user-cloud a {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 50%;
}
.user-cloud a img {
  width: 100%;
  max-width: 100% !important;
  height: 100%;
}
.user-cloud a.add {
  background-color: rgba(0, 0, 0, 0.1);
  text-indent: -1000px;
  position: relative;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
}
.user-cloud a.add:before {
  content: "\e700";
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 6px;
  font: 1.5rem / 3rem fontello;
  text-align: center;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  color: #666;
}
.user-info-header,
.contact-info-header {
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.5em;
  position: relative;
  --user-info-avatar-size: 10.2rem;
  --user-info-edit-size: 2.25rem;
  --user-info-ring: 2px;
}
.user-info-header.type-emergency-service,
.contact-info-header.type-emergency-service {
  margin-top: 2em;
}
.user-info-header.type-emergency-service .contact-info-icon,
.contact-info-header.type-emergency-service .contact-info-icon {
  padding-top: 30px;
  font-size: 80px;
  color: rgba(0,0,0,0.6);
}
@media (hover: hover) {
.user-info-header.type-emergency-service .contact-info-icon:hover,
.contact-info-header.type-emergency-service .contact-info-icon:hover {
  text-decoration: none;
}
}
@container screen style(--screen-small: false) {
.user-info-header,
.contact-info-header {
  padding: 0 0 2em 0;
}
}
@container screen style(--screen-small: true) {
.user-info-header,
.contact-info-header {
  padding: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
}
.pat-modal .user-info-header,
.pat-modal .contact-info-header {
  padding-bottom: 0;
}
.user-info-header .title,
.contact-info-header .title {
  font-style: normal;
  font-weight: normal;
}
#sheets .user-info-header,
#sheets .contact-info-header {
  display: none;
}
.user-info-header .pat-gallery,
.contact-info-header .pat-gallery {
  overflow: hidden;
  position: relative;
}
.application-user #person-info .user-info-header,
.application-user #person-info .contact-info-header {
  display: none;
}
.user-info-header figcaption,
.contact-info-header figcaption {
  color: var(--body-font-colour);
  font-size: 28px;
  padding-top: 0.5em;
}
.user-info-header figcaption a,
.contact-info-header figcaption a {
  text-decoration: none !important;
}
.application-user .sidebar .user-info-header,
.application-user .sidebar .contact-info-header {
  padding: 0;
  margin-bottom: 1em;
}
.application-user .sidebar .user-info-header figcaption,
.application-user .sidebar .contact-info-header figcaption {
  font-size: 28px;
  padding-top: 0.5em;
}
.application-user .sidebar .user-info-header figcaption a,
.application-user .sidebar .contact-info-header figcaption a {
  text-decoration: none !important;
}
.user-info-header .pat-avatar,
.contact-info-header .pat-avatar {
  font-size: 82px;
  box-sizing: border-box;
  border: var(--user-info-ring) solid var(--colour-base-dark, #cccccc);
  width: var(--user-info-avatar-size);
  height: var(--user-info-avatar-size);
}
.user-info-header .pat-avatar:before,
.contact-info-header .pat-avatar:before {
  font-size: 50px;
}
.user-info-header .edit,
.contact-info-header .edit {
  position: absolute;
  box-sizing: border-box;
  top: calc(var(--user-info-avatar-size) / 2 * (1 + 0.7071) - var(--user-info-edit-size) / 2);
  left: 50%;
  transform: translateX(calc(var(--user-info-avatar-size) / 2 * 0.7071 - var(--user-info-edit-size) / 2));
  border-radius: 50%;
  background: var(--colour-base-dark, #cccccc);
  color: color-mix(in srgb, var(--body-font-colour) 70%, transparent);
  width: var(--user-info-edit-size);
  height: var(--user-info-edit-size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-info-header .edit .kik-icon,
.contact-info-header .edit .kik-icon {
  position: relative;
  z-index: 2;
  width: 1rem;
  height: 1rem;
}
.user-info-header .edit > span,
.contact-info-header .edit > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.user-info-header .edit:after,
.contact-info-header .edit:after {
  display: block;
  top: var(--user-info-ring);
  right: var(--user-info-ring);
  bottom: var(--user-info-ring);
  left: var(--user-info-ring);
  position: absolute;
  z-index: 1;
  background: var(--colour-base);
  border-radius: 50%;
  content: ' ';
}
@media (hover: hover) {
.user-info-header .edit:hover,
.contact-info-header .edit:hover {
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
.user-info-header .edit:hover:after,
.contact-info-header .edit:hover:after {
  background: var(--colour-base-background);
}
}
.user-info-header .edit:active,
.contact-info-header .edit:active {
  box-shadow: inset 0 0 0.5em rgba(0,0,0,0.5);
}
.user-info-header .edit input,
.user-info-header .edit button,
.contact-info-header .edit input,
.contact-info-header .edit button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.user-info-header .edit input,
.contact-info-header .edit input {
  z-index: 1;
}
.user-info-header .edit button,
.contact-info-header .edit button {
  z-index: 0;
}
.user-table,
.contact-table {
  margin-bottom: 1em;
  display: grid;
  grid-row-gap: 8px;
  grid-column-gap: 25px;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  align-items: stretch;
}
.user-table .infinite-scrolling-trigger,
.contact-table .infinite-scrolling-trigger {
  grid-column: 1 / -1;
}
.user-table.in-memoriam figure .pat-avatar,
.contact-table.in-memoriam figure .pat-avatar {
  background-color: rgba(0,0,0,1) !important;
  --pat-avatar-background-colour: black !important;
}
.user-table.in-memoriam figure .pat-avatar img,
.contact-table.in-memoriam figure .pat-avatar img {
  filter: grayscale(100%);
}
.user-table .user-table-item,
.user-table .contact-table-item,
.contact-table .user-table-item,
.contact-table .contact-table-item {
  color: var(--body-font-colour);
  text-decoration: none;
  width: 100%;
  margin: 0;
}
.user-table .user-table-item[href] figure figcaption,
.user-table .contact-table-item[href] figure figcaption,
.contact-table .user-table-item[href] figure figcaption,
.contact-table .contact-table-item[href] figure figcaption {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.user-table .user-table-item[href]:hover figcaption,
.user-table .contact-table-item[href]:hover figcaption,
.contact-table .user-table-item[href]:hover figcaption,
.contact-table .contact-table-item[href]:hover figcaption {
  color: var(--body-font-colour);
  text-decoration: underline;
}
}
@media (hover: hover) {
.user-table .user-table-item[href]:hover figcaption .byline,
.user-table .contact-table-item[href]:hover figcaption .byline,
.contact-table .user-table-item[href]:hover figcaption .byline,
.contact-table .contact-table-item[href]:hover figcaption .byline {
  text-decoration: none;
}
}
.user-table .user-table-item.division img,
.user-table .contact-table-item.division img,
.contact-table .user-table-item.division img,
.contact-table .contact-table-item.division img {
  box-shadow: inherit;
  border-radius: 0;
  background-color: rgba(0,0,0,0.1);
}
.user-table figure,
.contact-table figure {
  margin-bottom: 0;
  display: block;
}
.user-table figure figcaption,
.contact-table figure figcaption {
  color: var(--body-font-colour);
  text-align: center;
  padding-top: 0;
  margin-top: 0;
  font-size: 0.8em;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 0;
  height: 3.4rem;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.user-table figure figcaption .byline,
.contact-table figure figcaption .byline {
  font-size: 0.7em;
  color: var(--body-font-colour);
  display: block;
  padding-top: 0.3rem;
}
.user-table figure .pat-avatar,
.contact-table figure .pat-avatar {
  width: 100%;
  max-width: 100% !important;
  height: auto;
  margin-bottom: 0.5rem;
}
.user-table .user-table-item,
.contact-table .contact-table-item {
  animation: user-table-fade-in 0.25s ease-out both;
}
.user-table .pat-avatar img,
.contact-table .pat-avatar img {
  animation: user-table-fade-in 0.35s ease-out both;
}
@keyframes user-table-fade-in {

  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.user-table .user-table-item,
.contact-table .contact-table-item,
.user-table .pat-avatar img,
.contact-table .pat-avatar img {
  animation: none;
}
}
.quaive-video {
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radii);
}
.quaive-video video {
  width: 100%;
  display: block;
}
.quaive-video video[poster] {
  object-fit: cover;
}
#video-conference-frame,
.video-conference-gate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10%;
  box-sizing: border-box;
  display: grid;
  align-items: center;
}
#video-conference-frame .room-title,
.video-conference-gate .room-title {
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
}
#video-conference-frame .pat-well,
.video-conference-gate .pat-well {
  margin-top: 3rem;
}
#video-conference-frame .explanation,
#video-conference-frame .summary,
.video-conference-gate .explanation,
.video-conference-gate .summary {
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
#video-conference-frame .footnote,
#video-conference-frame .native-app-warning,
.video-conference-gate .footnote,
.video-conference-gate .native-app-warning {
  text-align: center;
  color: rgba(0,0,0,0.8);
  line-height: 1.5;
  max-width: 600px;
  margin: 40px auto;
}
#video-conference-frame .footnote a,
#video-conference-frame .native-app-warning a,
.video-conference-gate .footnote a,
.video-conference-gate .native-app-warning a {
  font-weight: bold;
}
#video-conference-frame .buttons,
.video-conference-gate .buttons {
  text-align: center;
}
#video-conference-frame .buttons .pat-button,
.video-conference-gate .buttons .pat-button {
  font-size: 40px;
  border: 3px solid rgba(0,0,0,0.2);
  font-weight: bold;
  line-height: 60px;
}
@container screen style(--screen-small: true) {
#video-conference-frame .buttons .pat-button,
.video-conference-gate .buttons .pat-button {
  font-size: 25px;
  line-height: 50px;
}
}
#video-conference-frame .buttons .pat-button:not(:has(> svg.kik-icon)):before,
.video-conference-gate .buttons .pat-button:not(:has(> svg.kik-icon)):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;
  margin-right: 0.6em;
}
@media (hover: hover) {
#video-conference-frame .buttons .pat-button:hover,
.video-conference-gate .buttons .pat-button:hover {
  text-decoration: none;
}
}
.voting-bar .pat-checklist {
  position: relative;
  box-shadow: inset var(--default-box-shadow);
  border-radius: var(--border-radii);
  display: grid;
  grid-template-columns: repeat(3 , minmax(0, 1fr));
  gap: 3px;
  margin: 0;
  background-color: var(--pat-button-cluster-background);
}
@container document (width < 900px) {
.pat-toolbar .voting-bar .pat-checklist {
  grid-template-columns: repeat(3, var(--pat-toolbar-button-height));
}
}
.pat-toolbar .voting-bar .pat-checklist {
  background-color: var(--pat-toolbar-icon-frost-background, var(--pat-button-cluster-background));
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  box-shadow: var(--pat-button-box-shadow);
}
.voting-bar .pat-checklist label {
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  text-align: center;
  transition: color 0.4s;
  z-index: 1;
  position: relative;
  color: color-mix(in srgb, var(--body-font-colour, #000) 72%, transparent);
  overflow: hidden;
  border-radius: var(--border-radii);
  font-size: var(--body-font-size);
  text-overflow: ellipsis;
  padding-right: 10px;
  padding-left: 15px;
}
.pat-toolbar .voting-bar .pat-checklist label {
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-height);
}
.voting-bar .pat-checklist label:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
}
@container screen style(--screen-small: true) {
.voting-bar .pat-checklist label {
  width: 50px;
}
}
@container screen style(--screen-small: true) {
.voting-bar .pat-checklist label:before {
  margin: 0;
  padding: 0;
  width: 100%;
}
}
@container document (width < 900px) {
.pat-toolbar .voting-bar .pat-checklist label {
  font-size: 0;
  padding-right: 0;
  padding-left: 0;
  width: var(--pat-toolbar-button-height);
}
}
@container document (width < 900px) {
.pat-toolbar .voting-bar .pat-checklist label:before {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-mask-size: var(--kik-toolbar-icon-size, 60%);
  mask-size: var(--kik-toolbar-icon-size, 60%);
}
}
@media (hover: hover) {
.voting-bar .pat-checklist label:not(.checked):hover::before {
  transform: scale(1.1);
}
}
.voting-bar .pat-checklist label:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 0.3em;
  background-color: var(--kik-vote-colour, currentColor);
  -webkit-mask: var(--kik-vote-mark) center / contain no-repeat;
  mask: var(--kik-vote-mark) center / contain no-repeat;
}
.voting-bar .pat-checklist label.option-yes {
  --kik-vote-mark: var(--kik-svg-ok-circle);
  --kik-vote-colour: green;
}
.voting-bar .pat-checklist label.option-maybe {
  --kik-vote-mark: var(--kik-svg-help);
  --kik-vote-colour: orange;
}
.voting-bar .pat-checklist label.option-no {
  --kik-vote-mark: var(--kik-svg-close-circle);
  --kik-vote-colour: red;
}
.pat-toolbar .voting-bar .pat-checklist label:not(.checked):before {
  background:
					var(--kik-vote-art) center / 100% no-repeat,
					radial-gradient(circle closest-side, var(--colour-base-background, #fff) 92%, transparent 94%) center no-repeat;
  -webkit-mask: none;
  mask: none;
}
@container document (width < 900px) {
.pat-toolbar .voting-bar .pat-checklist label:not(.checked):before {
  background-size: var(--kik-toolbar-icon-size, 60%), var(--kik-toolbar-icon-size, 60%);
}
}
.voting-bar .pat-checklist label.option-yes {
  --kik-vote-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8 12.2 10.9 15.1 16.2 8.8'/%3E%3C/svg%3E");
}
.voting-bar .pat-checklist label.option-maybe {
  --kik-vote-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffa500' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9.4 9.3a2.7 2.7 0 1 1 3.6 2.6c-.95.33-1.3.95-1.3 1.85v.55'/%3E%3Cpath d='M11.7 17.4h.05'/%3E%3C/svg%3E");
}
.voting-bar .pat-checklist label.option-no {
  --kik-vote-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff0000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9.2 9.2 14.8 14.8'/%3E%3Cpath d='M14.8 9.2 9.2 14.8'/%3E%3C/svg%3E");
}
.voting-bar .pat-checklist label.checked {
  color: white;
  --kik-vote-colour: white;
}
.voting-bar .pat-checklist label input {
  position: absolute;
  opacity: 0;
  top: 0;
}
.voting-bar .pat-checklist[data-value=option-1]:before,
.voting-bar .pat-checklist[data-value=accept]:before {
  background-color: green;
  left: 3px;
}
.voting-bar .pat-checklist[data-value=option-2]:before,
.voting-bar .pat-checklist[data-value=maybe]:before {
  background-color: orange;
  left: calc(33.3333332% + 4px);
}
.voting-bar .pat-checklist[data-value=option-3]:before,
.voting-bar .pat-checklist[data-value=decline]:before {
  background-color: red;
  left: calc(66.66662% + 5px);
}
.voting-bar .pat-checklist:before {
  content: ' ';
  display: block;
  width: calc(33.333332% - 8px);
  position: absolute;
  transition: all 0.2s;
  top: 3px;
  bottom: 3px;
  border-radius: calc(var(--button-border-radius, var(--border-radii)) - var(--pat-button-cluster-toggle-margin));
}
.voting-bar .pat-checklist.checked:before {
  transition-timing-function: cubic-bezier(0,.67,.11,1.15);
}
.rsvp:not(.pat-toolbar *, .context-menu-popover *) {
  margin-bottom: 3rem;
}
#event-section-rsvp {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 681px) {
#event-section-rsvp {
  display: none;
}
}
.pat-well > .well-title-group {
  --page-head-icon-size: 52px;
}
.pat-well > .well-title-group .quaive-page-head hgroup .byline {
  margin-top: 0.15rem;
}
.pat-well .well-title-group .pat-toolbar {
  margin:
		calc(-0.3 * var(--pat-well-well-header-font-size)) 0
		calc(-0.3 * var(--pat-well-well-header-font-size)) 0;
}
.pat-well.type-passage:not(.page-module) {
  --colour-accent: var(--app-colour-chokhmah, #7C5A3E);
  --app-colour: var(--app-colour-chokhmah, #7C5A3E);
  --pat-well-header-text-colour: var(--colour-accent);
  --pat-well-well-header-font-weight: normal;
  --pat-well-padding-top: 	30px;
  --pat-well-padding-right: 	30px;
  --pat-well-padding-bottom: 	30px;
  --pat-well-padding-left: 	30px;
  --pat-well-padding: 		30px;
  background-color: rgba(0, 0, 0, 0.025);
  border-radius: var(--border-radii);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.pat-well.type-passage:not(.page-module) .pat-toolbar .icon,
.pat-well.type-passage:not(.page-module) .pat-toolbar .icon:before {
  background: transparent;
  box-shadow: none;
}
.pat-well.type-passage:not(.page-module) a {
  text-decoration: none;
}
@media (hover: hover) {
.pat-well.type-passage:not(.page-module) a:hover {
  text-decoration: underline;
}
}
.pat-well.discrete {
  --pat-well-well-header-font-weight: 200;
  --pat-well-well-header-font-size: 18px;
  --pat-well-box-shadow: 0 0 0 1px color-mix(in srgb, var(--body-font-colour) 8%, transparent);
  --pat-well-background-colour: transparent;
  --pat-surface-background-colour: transparent;
  --pat-surface-backdrop-filter: none;
  --pat-toolbar-icon-frost-background: transparent;
  --pat-toolbar-icon-background-colour: transparent;
  --pat-toolbar-icon-backdrop-filter: none;
  --pat-toolbar-button-box-shadow: none;
  --pat-button-box-shadow: none;
  --pat-toolbar-icon-text-colour-hover: var(--body-font-colour);
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.pat-well.discrete > .well-title-group {
  opacity: 0.5;
}
.pat-well.discrete .pat-toolbar .icon,
.pat-well.discrete .pat-toolbar .icon:before {
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
@media (hover: hover) {
.pat-well.discrete .pat-toolbar .icon:hover,
.pat-well.discrete .pat-toolbar .icon:hover:before {
  box-shadow: var(--pat-well-box-shadow);
}
}
.pat-well.type-metadata fieldset.horizontal > :last-child {
  margin-bottom: 5px;
}
.pat-well .well-header > svg.kik-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-inline-end: 0.45em;
}
.sidebar .pat-well .well-header > svg.kik-icon {
  width: 22px;
  height: 22px;
  margin-inline-end: 0;
}
.pat-avatar.space-avatar,
.quaive-page-head .pat-avatar.space-avatar {
  --kik-space-avatar-ink: color-mix(
        in srgb,
        white var(--kik-gns-space-lift, 0%),
        var(--this-workspace-colour, var(--colour-workspace-default)));
  background: color-mix(in srgb, var(--kik-space-avatar-ink) 10%, transparent);
  color: var(--kik-space-avatar-ink);
  border: 1px solid var(--kik-space-avatar-ink);
  box-shadow: none;
  font-weight: 700;
}
.workflow-state-toggle {
  display: inline-block;
}
.workflow-state-toggle .pat-button.start-workflow {
  background-color: var(--colour-published);
  color: white;
}
@media (hover: hover) {
.workflow-state-toggle .pat-button.start-workflow:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
  color: white;
  background-color: color-mix(in srgb, var(--colour-published) 92%, black);
}
}
#workspace-name.hero-only a {
  display: none;
}
#workspace-name img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(3px);
  opacity: 1;
  -webkit-mask-image: var(--workspace-hero-url);
  mask-image: var(--workspace-hero-url);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-mode: luminance;
  mask-mode: luminance;
  -webkit-mask-source-type: luminance;
}
#workspace-name {
  font-weight: var(--workspace-name-font-weight, var(--body-font-weight));
  font-family: var(--workspace-name-font-family, var(--body-font-family));
  position: absolute;
  top: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  left: var(--workspace-tabs-left);
  bottom: calc(var(--sidebar-margin-bottom) + 0.5 * var(--sidebar-padding-bottom));
  font-size: 50px;
  line-height: 67px;
  z-index: 1;
  width: 50px;
  margin: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--this-workspace-colour, var(--colour-workspace-default));
  transition: all var(--base-animation-duration);
  box-shadow: var(--default-box-shadow);
  border-radius: calc(0.7 * var(--border-radii));
  z-index: 2;
}
body[dir=rtl] #workspace-name {
  left: auto;
  right: var(--workspace-tabs-left);
}
body[dir=rtl] #workspace-name {
  text-align: right;
}
.module-workspace-home #workspace-name {
  width: var(--workspace-tabs-home-width);
}
#workspace-name:after {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: ' ';
  transition: all var(--base-animation-duration);
  background-color: var(--colour-base-background);
  opacity: 0.85;
}
@media print {
#workspace-name {
  display: none;
}
}
.workspace-state-archived #workspace-name {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.1) 5px, rgba(255,255,255,.1) 10px);
}
#workspace-name a {
  transform: rotate(-90deg);
  transform-origin: top left;
  color: var(--this-workspace-colour, var(--colour-workspace-default));
  position: absolute;
  bottom: -65px;
  left: 0;
  opacity: 0.3;
  transition: all var(--base-animation-duration);
  z-index: 1;
  max-width: calc(100vh - 80px);
  min-width: calc(50vh - 80px);
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
body[dir=rtl] #workspace-name a {
  transform: rotate(90deg);
  transform-origin: top right;
  left: auto;
  right: 0;
}
body[dir=rtl] #workspace-name a {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.module-workspace-home #workspace-name a {
  left: calc(var(--workspace-tabs-home-width) - 50px);
  opacity: 1;
}
body[dir=rtl] .module-workspace-home #workspace-name a {
  left: auto;
  right: calc(var(--workspace-tabs-home-width) - 50px);
}
@container screen style(--screen-small: true) {
#workspace-name {
  display: none;
}
}
.module-workspace-home .workspace-tabs a.landing,
.module-settings .workspace-tabs a.settings,
.module-documents .workspace-tabs a.documents,
.module-events .workspace-tabs a.events,
.module-tasks .workspace-tabs a.tasks,
.module-video-conference .workspace-tabs a.video-conference,
.module-whiteboard .workspace-tabs a.whiteboard,
.module-chat .workspace-tabs a.chat {
  cursor: default;
}
@container screen style(--screen-small: false) {
.module-workspace-home .workspace-tabs a.landing:after,
.module-settings .workspace-tabs a.settings:after,
.module-documents .workspace-tabs a.documents:after,
.module-events .workspace-tabs a.events:after,
.module-tasks .workspace-tabs a.tasks:after,
.module-video-conference .workspace-tabs a.video-conference:after,
.module-whiteboard .workspace-tabs a.whiteboard:after,
.module-chat .workspace-tabs a.chat:after {
  content: " ";
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: all var(--base-animation-duration);
  border-radius: var(--border-radii);
  z-index: -1;
  background-color: var(--this-workspace-colour, var(--colour-workspace-default));
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .module-workspace-home .workspace-tabs a.landing:after,
body[dir=rtl] .module-settings .workspace-tabs a.settings:after,
body[dir=rtl] .module-documents .workspace-tabs a.documents:after,
body[dir=rtl] .module-events .workspace-tabs a.events:after,
body[dir=rtl] .module-tasks .workspace-tabs a.tasks:after,
body[dir=rtl] .module-video-conference .workspace-tabs a.video-conference:after,
body[dir=rtl] .module-whiteboard .workspace-tabs a.whiteboard:after,
body[dir=rtl] .module-chat .workspace-tabs a.chat:after {
  left: 4px;
  right: 4px;
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
.module-workspace-home .workspace-tabs a.landing:hover,
.module-settings .workspace-tabs a.settings:hover,
.module-documents .workspace-tabs a.documents:hover,
.module-events .workspace-tabs a.events:hover,
.module-tasks .workspace-tabs a.tasks:hover,
.module-video-conference .workspace-tabs a.video-conference:hover,
.module-whiteboard .workspace-tabs a.whiteboard:hover,
.module-chat .workspace-tabs a.chat:hover {
  text-decoration: none;
}
}
}
@container screen style(--screen-small: false) {
.module-workspace-home .workspace-tabs a.landing:before,
.module-settings .workspace-tabs a.settings:before,
.module-documents .workspace-tabs a.documents:before,
.module-events .workspace-tabs a.events:before,
.module-tasks .workspace-tabs a.tasks:before,
.module-video-conference .workspace-tabs a.video-conference:before,
.module-whiteboard .workspace-tabs a.whiteboard:before,
.module-chat .workspace-tabs a.chat:before {
  color: white;
}
}
@container screen style(--screen-small: false) {
.module-workspace-home .workspace-tabs a.landing.landing,
.module-settings .workspace-tabs a.settings.landing,
.module-documents .workspace-tabs a.documents.landing,
.module-events .workspace-tabs a.events.landing,
.module-tasks .workspace-tabs a.tasks.landing,
.module-video-conference .workspace-tabs a.video-conference.landing,
.module-whiteboard .workspace-tabs a.whiteboard.landing,
.module-chat .workspace-tabs a.chat.landing {
  color: white;
}
}
@container screen style(--screen-small: false) {
.module-workspace-home .workspace-tabs a.landing.landing:after,
.module-settings .workspace-tabs a.settings.landing:after,
.module-documents .workspace-tabs a.documents.landing:after,
.module-events .workspace-tabs a.events.landing:after,
.module-tasks .workspace-tabs a.tasks.landing:after,
.module-video-conference .workspace-tabs a.video-conference.landing:after,
.module-whiteboard .workspace-tabs a.whiteboard.landing:after,
.module-chat .workspace-tabs a.chat.landing:after {
  right: 10px;
  left: 10px;
  width: auto;
}
}
@container screen style(--screen-small: true) {
.module-workspace-home .workspace-tabs a.landing,
.module-settings .workspace-tabs a.settings,
.module-documents .workspace-tabs a.documents,
.module-events .workspace-tabs a.events,
.module-tasks .workspace-tabs a.tasks,
.module-video-conference .workspace-tabs a.video-conference,
.module-whiteboard .workspace-tabs a.whiteboard,
.module-chat .workspace-tabs a.chat {
  color: var(--body-font-colour);
}
}
@container screen style(--screen-small: true) {
.module-workspace-home .workspace-tabs a.landing:before,
.module-settings .workspace-tabs a.settings:before,
.module-documents .workspace-tabs a.documents:before,
.module-events .workspace-tabs a.events:before,
.module-tasks .workspace-tabs a.tasks:before,
.module-video-conference .workspace-tabs a.video-conference:before,
.module-whiteboard .workspace-tabs a.whiteboard:before,
.module-chat .workspace-tabs a.chat:before {
  color: var(--colour-accent);
}
}
@container screen style(--screen-small: true) {
.module-workspace-home .workspace-tabs span.extra-tabs a.landing,
.module-settings .workspace-tabs span.extra-tabs a.settings,
.module-documents .workspace-tabs span.extra-tabs a.documents,
.module-events .workspace-tabs span.extra-tabs a.events,
.module-tasks .workspace-tabs span.extra-tabs a.tasks,
.module-video-conference .workspace-tabs span.extra-tabs a.video-conference,
.module-whiteboard .workspace-tabs span.extra-tabs a.whiteboard,
.module-chat .workspace-tabs span.extra-tabs a.chat {
  background: var(--colour-accent);
  color: white !important;
}
}
@container screen style(--screen-small: true) {
.module-workspace-home .workspace-tabs span.extra-tabs a.landing:before,
.module-settings .workspace-tabs span.extra-tabs a.settings:before,
.module-documents .workspace-tabs span.extra-tabs a.documents:before,
.module-events .workspace-tabs span.extra-tabs a.events:before,
.module-tasks .workspace-tabs span.extra-tabs a.tasks:before,
.module-video-conference .workspace-tabs span.extra-tabs a.video-conference:before,
.module-whiteboard .workspace-tabs span.extra-tabs a.whiteboard:before,
.module-chat .workspace-tabs span.extra-tabs a.chat:before {
  color: white;
}
}
.workspace-tabs {
  position: absolute;
  z-index: 2;
  border-style: none;
  padding-top: calc(0.25 * var(--sidebar-padding-top));
}
@media print {
.workspace-tabs {
  display: none;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs {
  right: calc(0.5 * var(--small-screen-padding));
  bottom: calc(0.5 * var(--small-screen-padding) + var(--kik-safe-bottom));
  left: calc(0.5 * var(--small-screen-padding));
  height: var(--workspace-tabs-bar-height);
  font-size: var(--workspace-tabs-bar-icon-size);
  padding-right: 20%;
  overflow: visible;
  box-shadow: var(--pat-toolbar-box-shadow);
  border-radius: var(--border-radii);
  background-color: var(--pat-surface-background-colour);
  -webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  padding-top: 0;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs hr {
  display: none;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs > a {
  height: var(--workspace-tabs-bar-height);
  width: 25%;
  float: left;
  color: transparent !important;
  overflow: hidden;
  position: relative;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs > a:before {
  height: var(--workspace-tabs-bar-height);
  width: 100%;
  font-size: --workspace-tabs-bar-icon-size;
  line-height: var(--workspace-tabs-bar-height);
  color: var(--workspace-tabs-bar-icon-colour, var(--body-font-colour));
}
}
@container screen style(--screen-small: true) {
.workspace-tabs.open span.extra-tabs {
  overflow: visible;
  height: auto;
  width: 100%;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs.open span.extra-tabs:before {
  -webkit-mask-image: var(--kik-svg-down);
  mask-image: var(--kik-svg-down);
  width: 20%;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs.open span.extra-tabs:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: calc(var(--workspace-tabs-bar-height) + 10px);
  left: 0;
  border-radius: var(--border-radii);
  background-color: var(--pat-surface-background-colour);
  -webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  box-shadow: var(--default-box-shadow);
  color: var(--body-font-colour);
}
}
@container screen style(--screen-small: true) {
.workspace-tabs.open span.extra-tabs > a {
  display: block;
  font-weight: normal;
  border-radius: var(--border-radii);
}
}
@container screen style(--screen-small: true) {
.workspace-tabs span.extra-tabs {
  padding-bottom: var(--workspace-tabs-bar-height);
  display: inline-block;
  float: right;
  width: 20%;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: transparent !important;
  box-sizing: border-box;
  padding: 10px 10px calc(20px + var(--workspace-tabs-bar-height));
}
}
@container screen style(--screen-small: true) {
.workspace-tabs span.extra-tabs:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-up) center / 1em 1em no-repeat;
  mask: var(--kik-svg-up) center / 1em 1em no-repeat;
  font-size: 24px;
  font-weight: normal;
  display: block;
  height: var(--workspace-tabs-bar-height);
  line-height: var(--workspace-tabs-bar-height);
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 3px;
  right: 0;
  color: var(--workspace-tabs-bar-icon-colour, var(--body-font-colour));
}
}
@container screen style(--screen-small: true) {
.workspace-tabs span.extra-tabs > a {
  display: none;
  float: none;
  padding: 0.4em 0.7em;
  line-height: 1.5;
  text-align: left;
  color: black !important;
  position: relative;
  z-index: 1;
  border: none !important;
  font-size: 22px;
  padding-left: 65px;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .workspace-tabs span.extra-tabs > a {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs span.extra-tabs > a:before {
  height: 40px;
  width: 100%;
  font-size: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  line-height: 40px;
}
}
@container screen style(--screen-small: true) {
.workspace-tabs span.extra-tabs > a:active {
  background-color: rgba(0,0,0,0.05);
  text-decoration: none;
}
}
@container screen style(--screen-small: false) {
.workspace-tabs {
  left: var(--workspace-tabs-left);
  width: 50px;
  top: calc(var(--sidebar-margin-top) + 0.5 * var(--sidebar-padding-top));
  transition: all var(--base-animation-duration);
  overflow: hidden;
  height: calc(100vh - 116px);
  display: block;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .workspace-tabs {
  left: auto;
  right: var(--workspace-tabs-left);
}
}
@container screen style(--screen-small: false) {
.workspace-tabs hr {
  width: 80%;
  margin: 0.8em auto;
  display: block;
  border: none;
  background-color: rgba(0,0,0,0.2);
  height: 1px;
}
}
@container screen style(--screen-small: false) {
.workspace-tabs:after {
  content: " ";
  width: 50px;
  height: 150px;
  display: block;
  position: absolute;
  bottom: -150px;
  left: 0;
  pointer-events: none;
}
}
@container screen style(--screen-small: false) {
.module-workspace-home .workspace-tabs {
  width: var(--workspace-tabs-home-width);
}
}
@container screen style(--screen-small: false) {
.workspace-tabs a {
  display: block;
  line-height: 49px;
  position: relative;
  padding: 0 10px 0 54px;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
  color: var(--this-workspace-colour, var(--colour-workspace-default));
  transition: all var(--base-animation-duration);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .workspace-tabs a {
  padding: 0 54px 0 10px;
}
}
.workspace-tabs a {
  font-weight: bold;
}
.workspace-tabs a:before {
  content: " ";
  position: absolute;
  font-weight: normal;
  background-color: currentColor;
  -webkit-mask: var(--kik-workspace-tabs-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
  mask: var(--kik-workspace-tabs-mark, linear-gradient(transparent, transparent)) center / 1em 1em no-repeat;
  display: block;
  top: 0;
  left: 0;
  text-indent: 0;
  text-align: center;
}
@container screen style(--screen-small: false) {
.workspace-tabs a:before {
  height: 50px;
  width: 50px;
  line-height: 49px;
  font-size: 20px;
  display: block;
  transition: all var(--base-animation-duration);
  left: 0;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .workspace-tabs a:before {
  left: auto;
  right: 0;
}
}
@container screen style(--screen-small: false) {
.module-workspace-home .workspace-tabs a:before {
  left: 10px;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .module-workspace-home .workspace-tabs a:before {
  left: auto;
  right: 10px;
}
}
body[dir=rtl] .workspace-tabs a:before {
  left: auto;
  right: 0;
}
.workspace-tabs a sup.counter.digit-3 {
  width: 22px;
}
.workspace-tabs a.landing:before {
  --kik-workspace-tabs-mark: var(--kik-svg-layout);
}
@container screen style(--screen-small: false) {
.workspace-tabs a.landing:before {
  font-size: 0.8em;
}
}
.workspace-tabs a.documents:before {
  --kik-workspace-tabs-mark: var(--kik-svg-document);
}
@container screen style(--screen-small: false) {
.workspace-tabs a.documents:before {
  font-size: 0.9em;
}
}
.workspace-tabs a.events:before {
  --kik-workspace-tabs-mark: var(--kik-svg-calendar);
}
.workspace-tabs a.tasks:before {
  --kik-workspace-tabs-mark: var(--kik-svg-ok-circle);
}
.workspace-tabs a.chat:before {
  --kik-workspace-tabs-mark: var(--kik-svg-chat);
}
.workspace-tabs a.home:before {
  --kik-workspace-tabs-mark: var(--kik-svg-layout);
}
.workspace-tabs a.video-conference:before {
  --kik-workspace-tabs-mark: var(--kik-svg-videocam);
}
.workspace-tabs a.whiteboard:before {
  --kik-workspace-tabs-mark: var(--kik-svg-chat);
}
@container screen style(--screen-small: true) {
.workspace-tabs a.exit {
  display: none;
}
}
.workspace-tabs a.exit:before {
  --kik-workspace-tabs-mark: var(--kik-svg-close);
}
.workspace-tabs a.questions:before {
  --kik-workspace-tabs-mark: var(--kik-svg-help);
}
.workspace-tabs a.about:before {
  --kik-workspace-tabs-mark: var(--kik-svg-info-circle);
}
.workspace-tabs a.settings:before {
  --kik-workspace-tabs-mark: var(--kik-svg-settings);
}
#application-body-workspaces.module-documents #workspace-documents,
#application-body-workspaces.module-tasks #workspace-tickets,
#application-body-workspaces.module-events #workspace-events,
#application-body-workspaces.module-questions #workspace-question,
#application-body-workspaces.module-settings #workspace-settings,
#application-body-workspaces.module-video-conference #workspace-video-conference,
#application-body-workspaces.module-whiteboard #workspace-whiteboard,
#application-body-workspaces.module-chat #workspace-chat,
#application-body-documents.module-documents #workspace-documents,
#application-body-documents.module-tasks #workspace-tickets,
#application-body-documents.module-events #workspace-events,
#application-body-documents.module-questions #workspace-question,
#application-body-documents.module-settings #workspace-settings,
#application-body-documents.module-video-conference #workspace-video-conference,
#application-body-documents.module-whiteboard #workspace-whiteboard,
#application-body-documents.module-chat #workspace-chat {
  display: block;
}
.canvas-toolbar + #dashboard {
  margin-top: 0;
}
#dashboard {
  position: relative;
  margin-top: var(--dashboard-margin-top, 80px);
}
#canvas-banner + #dashboard {
  margin-top: 0;
}
@container screen style(--screen-small: true) {
#dashboard {
  margin: 0;
  overflow: visible;
}
}
#dashboard .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
}
@media (prefers-reduced-motion: reduce) {
#dashboard .js:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
#dashboard .portlet {
  box-sizing: border-box;
  padding: 0 var(--grid-gutter);
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
#dashboard .portlet {
  padding: 0 calc(0.7 * var(--grid-gutter));
}
}
@container screen style(--screen-small: true) {
#dashboard .portlet {
  padding: 0;
}
}
.js #dashboard .portlet {
  opacity: var(--portlet-opacity, 1);
  transition: opacity var(--portlet-transition-duration, 0.5s);
}
@container screen style(--screen-small: false) {
.js #dashboard .portlet.span-1 {
  font-size: 0.8em;
}
}
@container screen style(--screen-large: true) {
.js #dashboard .portlet.span-1 {
  width: var(--portlet-span-1-width-large, 33.333332%);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.js #dashboard .portlet.span-1 {
  width: var(--portlet-span-1-width-medium, 50%);
}
}
@container screen style(--screen-large: true) {
.js #dashboard .portlet.span-2 {
  width: var(--portlet-span-2-width-large, 66.66666%);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.js #dashboard .portlet.span-2 {
  width: var(--portlet-span-2-width-medium, 50%);
}
}
.js #dashboard .portlet.span-3 {
  width: 100%;
}
@container screen style(--screen-small: true) {
.js #dashboard .portlet {
  position: static !important;
  opacity: 1;
}
}
@container screen style(--screen-small: false) {
.js #dashboard .portlet.stamp {
  position: absolute;
  top: 0;
  width: var(--portlet-stamp-width-medium-large, 66.5%);
}
}
@container screen style(--screen-small: false) {
.js #dashboard .portlet.stamp.right {
  right: 0;
}
}
@container screen style(--screen-small: false) {
.js #dashboard .portlet.stamp.left {
  left: 0;
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.js #dashboard .portlet.stamp {
  width: var(--portlet-stamp-width-medium, 50%);
}
}
.portlet {
  --pat-well-padding: var(--portlet-padding);
  --pat-well-padding-top: var(--portlet-padding);
  --pat-well-padding-bottom: var(--portlet-padding);
  --pat-well-padding-left: var(--portlet-padding);
  --pat-well-padding-right: var(--portlet-padding);
  --grid-gutter: var(--portlet-grid-gutter);
  --default-box-shadow: var(--default-box-shadow-small);
  --pat-toolbar-margin-bottom: 20px !important;
}
.portlet.span-1 .pat-toolbar {
  zoom: 0.8;
}
.portlet .pat-toolbar {
  gap: 0;
}
.portlet .pat-toolbar .pat-button-cluster.pat-tabs.open span.extra-tabs {
  width: 240px;
}
.portlet > .content {
  position: relative;
  padding: 6%;
  box-shadow: var(--portlet-box-shadow);
  border-radius: var(--border-radii);
  background-color: var(--pat-well-background-colour);
  margin-bottom: 2rem;
  overflow: auto;
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
@container screen style(--screen-small: true) {
.portlet > .content {
  border: none;
  border-radius: 0;
  padding: 27px var(--small-screen-padding);
}
}
.portlet > .content .portlet-footer {
  font-size: var(--body-font-size);
  padding-top: 1em;
  margin-bottom: 0;
}
@media (hover: hover) {
.portlet > .content .portlet-footer a:hover {
  text-decoration: underline;
}
}
@container screen style(--screen-small: true) {
.portlet {
  width: 100%;
  margin-bottom: 10px;
}
}
.portlet .state-toggle {
  position: absolute;
  top: 1.5em;
  right: 2%;
  user-select: none;
}
.portlet .state-toggle label {
  overflow: hidden;
  width: 2em;
  height: 1.5em;
  position: absolute;
  right: 0;
  top: 0;
  color: transparent;
}
.portlet .state-toggle label input {
  opacity: 0;
}
.portlet .state-toggle label:before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  color: var(--pat-well-header-text-colour);
  background-color: currentColor;
  -webkit-mask: var(--kik-portlet-toggle-mark, var(--kik-svg-minus-circle)) center / contain no-repeat;
  mask: var(--kik-portlet-toggle-mark, var(--kik-svg-minus-circle)) center / contain no-repeat;
  opacity: 0.8;
}
@media (hover: hover) {
.portlet .state-toggle label:hover:before {
  color: var(--pat-well-header-text-colour);
  opacity: 1;
}
}
.portlet .state-toggle label.show-more {
  display: none;
  --kik-portlet-toggle-mark: var(--kik-svg-plus-circle);
}
.portlet .state-toggle label.show-less {
  display: block;
}
.portlet.state-collapsed label.show-more {
  display: block;
}
.portlet.state-collapsed label.show-less {
  display: none;
}
.portlet.state-collapsed .portlet-title,
.portlet.state-expanded .portlet-title {
  padding-right: 1em;
}
.portlet .portlet-title {
  margin: 0 0 1rem 0;
  font-size: 20px;
  font-weight: bold;
  font-family: var(--portlet-font-family);
  font-stretch: var(--portlet-title-font-stretch);
  font-weight: var(--portlet-title-font-weight);
}
.portlet .portlet-title a {
  color: var(--pat-well-header-text-colour);
}
.portlet .portlet-title a:before {
  font-size: 0.7em;
  margin-right: 0.6em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.4em;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2.1em;
  border-radius: var(--portlet-title-icon-border-radius);
  background-color: var(--app-colour, var(--colour-portlet-header));
  background-image: var(--kik-portlet-mark);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  color: white;
  font-weight: normal;
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.portlet .portlet-title {
  font-size: 1;
}
}
.portlet .portlet-title sup {
  font-size: 0.6em;
  color: gray;
}
@media (hover: hover) {
.portlet .link:hover {
  text-decoration: none;
}
}
.portlet .title {
  margin: 0;
  font-size: 1em;
  font-weight: var(--portlet-title-font-weight);
  font-family: var(--portlet-font-family);
  font-stretch: var(--portlet-title-font-stretch);
}
.portlet .byline {
  color: var(--colour-byline);
  font-size: 0.8em;
  line-height: 1.3em;
  font-style: normal;
  margin: 0;
}
.portlet .portlet-section-title {
  font-size: 1.2em;
  font-weight: 300;
  font-weight: bold;
  margin: 0.3em 0;
}
.portlet h4 {
  font-size: 1em;
  font-weight: bold;
}
.portlet#portlet-style-switcher .pat-button.inactive {
  background: var(--colour-base-background);
}
.portlet#portlet-style-switcher .pat-button.inactive:after {
  content: '*';
}
.portlet#portlet-classifieds .portlet-title {
  margin-bottom: 2rem;
}
.portlet#portlet-classifieds .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-megaphone-white);
}
@keyframes pull-card-small-screen {

			0% {
				transform: translateY(0) scale(1) rotateX(-15deg);
			}

			30% {
				transform: translateY(-200px) scale(1.05) rotateX(-70deg);
			}

			100% {
				transform: translateY(-100px) scale(1.1) rotateX(0);
			}
		}
@keyframes pull-card-large-screen {

			0% {
				transform: translateY(0) scale(1) rotateX(-15deg);
			}

			30% {
				transform: translateY(-200px) scale(1.2) rotateX(-70deg);
			}

			100% {
				transform: translateY(-100px) scale(1.4) rotateX(0);
			}
		}
@keyframes grow-slith {

			0% {
				height: 965px;
			}

			30% {
				height: 965px;
			}

			31% {
				height: 3000px;
			}

			100% {
				height: 3000px;
			}
		}
.portlet#portlet-classifieds .content {
  overflow: visible;
}
.portlet#portlet-classifieds .content .card-slot {
  height: 45px;
  margin-bottom: 0.5em;
  position: relative;
  border-bottom: 1px silver solid;
}
.portlet#portlet-classifieds .content .card-slot .card-slith {
  padding: 10px 90px;
  position: absolute;
  top: -920px;
  left: -80px;
  right: -80px;
  clip: rect(auto, auto, auto, auto);
  pointer-events: none;
  z-index: 1;
  -webkit-perspective: 2500px;
  -moz-perspective: 2500px;
  perspective: 2500px;
  -webkit-transform: preserve-3d;
  -moz-transform: preserve-3d;
  transform: preserve-3d;
  box-sizing: border-box;
}
.portlet#portlet-classifieds .content .card-slot .card-slith:after {
  position: absolute;
  content: ' ';
  display: block;
  background: black;
  height: 6px;
  left: 30px;
  right: 30px;
  border-radius: 50% / 3px;
  bottom: -4px;
  margin: 0 10%;
  filter: blur(3px);
  opacity: 0.8;
}
.portlet#portlet-classifieds .content .card-slot .card-slith .sticky-note {
  pointer-events: auto;
  position: relative;
  top: 885px;
  transition: all 0.2s;
  -moz-transform-origin: center 50px;
  -webkit-transform-origin: center 50px;
  transform-origin: center 50px;
}
.portlet#portlet-classifieds .content .card-slot .card-slith .sticky-note .sticky-note-content .front {
  transition: box-shadow 1s;
}
@media (hover: hover) {
.portlet#portlet-classifieds .content .card-slot.position-in:hover .card-slith .sticky-note {
  top: 870px;
}
}
.portlet#portlet-classifieds .content .card-slot.position-in .card-slith {
  height: 965px;
}
.portlet#portlet-classifieds .content .card-slot.position-in .card-slith .sticky-note {
  transform: translateY(0) scale(1) rotateX(-30deg);
}
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith {
  z-index: 1000;
  animation: grow-slith 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note {
  animation-iteration-count: 1;
}
@container screen style(--screen-small: true) {
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note {
  animation: pull-card-small-screen 1s;
  animation-fill-mode: forwards;
}
}
@container screen style(--screen-small: false) {
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note {
  animation: pull-card-large-screen 1s;
  animation-fill-mode: forwards;
}
}
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note .sticky-note-content .front {
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
}
.portlet#portlet-contacts .search-box input {
  width: 100%;
}
.portlet#portlet-contacts .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-users-white);
}
.portlet#portlet-contacts .user-cloud {
  float: left;
  width: 19.2em;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}
.portlet#portlet-contacts .user-cloud a {
  margin: 0.25em;
}
.portlet#portlet-contacts #contact-search-items .item-selector {
  padding: 0 0.3em;
}
.portlet#portlet-polls .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-graph-white);
}
.portlet#portlet-polls .poll-card .poll-card-content {
  padding: 8%;
  font-size: var(--body-font-size);
}
.portlet#portlet-polls .poll-card .poll-card-title {
  font-size: 22px;
  line-height: 28px;
}
.portlet#portlet-polls .polls > div {
  margin-bottom: 20px;
}
.portlet#portlet-polls .polls > div:last-child {
  margin-bottom: 0;
}
.portlet#portlet-workspaces .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-workspace-white);
}
.portlet#portlet-bookmarked-workspaces .grid-sizer-bookmarked-workspaces {
  width: 50%;
  float: left;
}
.portlet#portlet-bookmarked-workspaces .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-workspace-white);
}
@container screen style(--screen-large: true) {
.portlet#portlet-bookmarked-workspaces.span-3 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-3 .tile {
  width: 33.333332%;
}
}
@container screen style(--screen-large: true) {
.portlet#portlet-bookmarked-workspaces.span-3 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-3 .tile {
  width: 50%;
}
}
@container screen style(--screen-large: true) {
.portlet#portlet-bookmarked-workspaces.span-2 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-2 .tile {
  width: 50%;
}
}
@container screen style(--screen-large: true) {
.portlet#portlet-bookmarked-workspaces.span-2 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-2 .tile {
  width: 50%;
}
}
.portlet#portlet-bookmarked-workspaces .workspaces .tile {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile {
  display: none;
  opacity: 0;
}
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(1),
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(2),
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(3),
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(4) {
  display: block;
  opacity: 1;
}
.portlet#portlet-bookmarked-apps .more-menu-toggle,
.portlet#portlet-apps .more-menu-toggle {
  display: none;
}
.portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile,
.portlet#portlet-apps.state-collapsed .tiles.apps .tile {
  display: none;
  opacity: 0;
}
.portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile:nth-child(1),
.portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile:nth-child(2),
.portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile:nth-child(3),
.portlet#portlet-apps.state-collapsed .tiles.apps .tile:nth-child(1),
.portlet#portlet-apps.state-collapsed .tiles.apps .tile:nth-child(2),
.portlet#portlet-apps.state-collapsed .tiles.apps .tile:nth-child(3) {
  display: block;
  opacity: 1;
}
.portlet#portlet-bookmarks .portlet-title a:before,
.portlet#portlet-bookmarks-dashboard .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-bookmark-white);
}
.portlet#portlet-library .links li {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-library .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-library-white);
}
.portlet#portlet-library.state-collapsed .links li {
  display: none;
  opacity: 0;
}
.portlet#portlet-library.state-collapsed .links li:nth-child(1),
.portlet#portlet-library.state-collapsed .links li:nth-child(2),
.portlet#portlet-library.state-collapsed .links li:nth-child(3),
.portlet#portlet-library.state-collapsed .links li:nth-child(4),
.portlet#portlet-library.state-collapsed .links li:nth-child(5) {
  display: block;
  opacity: 1;
}
.portlet#portlet-events .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-calendar-white);
}
.portlet#portlet-events .event-list .event {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-events .event-list .event a {
  cursor: default;
}
.portlet#portlet-events .event-list .event .agenda {
  float: right;
  width: 70%;
  counter-reset: agenda;
  line-height: 1.5;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item {
  padding: 0.1em 0 0.1em 1.5em;
  position: relative;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item:before {
  counter-increment: agenda;
  content: counter(agenda)'.';
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list {
  background: none;
  padding: 0;
  font-size: 0.8em;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list .attached-file {
  margin: 0;
  position: relative;
  padding-left: 1.5em;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list .attached-file a {
  color: var(--colour-accent);
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list .attached-file a:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
}
.portlet#portlet-events.state-collapsed .event-list .event {
  display: none;
  opacity: 0;
}
.portlet#portlet-events.state-collapsed .event-list .event:nth-child(1),
.portlet#portlet-events.state-collapsed .event-list .event:nth-child(2),
.portlet#portlet-events.state-collapsed .event-list .event:nth-child(3) {
  display: block;
  opacity: 1;
}
.portlet#portlet-events .event-card + .event-card {
  margin-top: var(--pat-x-list-gutter);
}
.portlet#portlet-birthdays .event-card + .event-card {
  margin-top: var(--pat-x-list-gutter);
}
.portlet#portlet-activity-stream.span-2 {
  min-height: calc(100vh - 150px);
}
.portlet#portlet-activity-stream .portlet-title a:before {
  content: ' ';
  background-image: url(/assets/libraries/kikaron/app-icons/artefacts/activities.svg);
}
.portlet#portlet-activity-stream > .content {
  padding: 6% 0;
}
.portlet#portlet-activity-stream > .content .portlet-title,
.portlet#portlet-activity-stream > .content .post-box,
.portlet#portlet-activity-stream > .content .activity-stream > .functions {
  margin-left: 6%;
  margin-right: 6%;
}
.portlet#portlet-activity-stream.span-2.state-expanded > .content {
  min-height: calc(100vh - 300px);
}
.portlet#portlet-activity-stream .post-box {
  margin-bottom: 1em;
  max-width: 100% !important;
}
@container screen style(--screen-small: true) {
.portlet#portlet-activity-stream .activity-stream #stream-items > .infinite-scrolling-trigger {
  display: none;
}
}
.portlet#portlet-activity-stream .activity-stream .pat-button.load-more-items {
  margin: 50px;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  display: block;
}
@container screen style(--screen-small: false) {
.portlet#portlet-activity-stream .activity-stream .pat-button.load-more-items {
  display: none;
}
}
.portlet#portlet-activity-stream .activity-stream .item {
  padding: 6%;
  border-radius: 0;
  border: none;
  margin-bottom: 15px;
  box-shadow: none;
}
.portlet#portlet-activity-stream .activity-stream .stream-items > .pat-message,
.portlet#portlet-activity-stream .activity-stream #stream-items > .pat-message {
  margin: 0 6%;
}
.portlet#portlet-activity-stream .activity-stream .stream-items .tile,
.portlet#portlet-activity-stream .activity-stream #stream-items .tile {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-activity-stream .activity-stream .stream-items .tile .post,
.portlet#portlet-activity-stream .activity-stream #stream-items .tile .post {
  padding: 6%;
  border-radius: 0;
  border: none;
  margin-bottom: 15px;
  box-shadow: none;
}
.portlet#portlet-activity-stream .activity-stream .stream-items .tile .post .comments,
.portlet#portlet-activity-stream .activity-stream #stream-items .tile .post .comments {
  border-radius: var(--border-radii);
  overflow: hidden;
  margin-top: 2em;
}
.portlet#portlet-activity-stream.state-collapsed .infinite-scrolling-trigger {
  display: none;
  position: absolute;
  bottom: -10000px;
}
.portlet#portlet-activity-stream.state-collapsed #stream-items .tile,
.portlet#portlet-activity-stream.state-collapsed .stream-items .tile {
  display: none;
  opacity: 0;
}
.portlet#portlet-activity-stream.state-collapsed #stream-items .tile:nth-child(1),
.portlet#portlet-activity-stream.state-collapsed .stream-items .tile:nth-child(1) {
  display: block;
  opacity: 1;
}
.portlet#portlet-activity-stream.span-1 .content {
  max-height: 35em;
  overflow-y: auto;
  overflow-x: hidden;
}
.portlet#portlet-follow .button-bar {
  margin: 0;
}
.portlet#portlet-news .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-newspaper-white);
}
.portlet#portlet-news .pat-magazine {
  margin: 0;
  padding: 0 !important;
  width: 100%;
  box-shadow: none !important;
}
.portlet#portlet-news .pat-magazine .magazine-column {
  padding: 0;
}
.portlet#portlet-news .pat-magazine .block {
  padding: 0;
}
.portlet#portlet-news.span-1 .pat-magazine .articles .item {
  width: 100%;
}
.portlet#portlet-news.state-collapsed .articles .item {
  display: none;
  opacity: 0;
}
.portlet#portlet-news.state-collapsed .articles .item:nth-child(1),
.portlet#portlet-news.state-collapsed .articles .item:nth-child(2),
.portlet#portlet-news.state-collapsed .articles .item:nth-child(3),
.portlet#portlet-news.state-collapsed .articles .item:nth-child(4) {
  display: block;
  opacity: 1;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) {
  padding-bottom: 0;
  margin-bottom: 15px;
  padding-bottom: 0;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) figure {
  width: 30%;
  float: left;
  margin-bottom: 10px;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser {
  width: calc(70% - 10px);
  float: right;
  margin-bottom: 10px;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .title {
  font-size: 13px;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .description {
  display: none;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .byline {
  display: none;
}
@container screen style(--screen-small: true) {
.portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) {
  padding-bottom: 0;
  margin-bottom: 15px;
  padding-bottom: 0;
}
}
@container screen style(--screen-small: true) {
.portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) figure {
  width: 30%;
  float: left;
  margin-bottom: 10px;
}
}
@container screen style(--screen-small: true) {
.portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser {
  width: calc(70% - 10px);
  float: right;
  margin-bottom: 10px;
}
}
@container screen style(--screen-small: true) {
.portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser .title {
  font-size: 13px;
  -webkit-hyphens: auto;
  hyphens: auto;
}
}
@container screen style(--screen-small: true) {
.portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser .description {
  display: none;
}
}
@container screen style(--screen-small: true) {
.portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser .byline {
  display: none;
}
}
.portlet#portlet-tasks .portlet-title a:before {
  content: '';
  --kik-portlet-mark: var(--kik-svg-ok-white);
  text-indent: 4px;
  line-height: 29.5px;
}
.portlet#portlet-tasks .tasks-block .item {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-tasks.state-collapsed .tasks-block label {
  display: none;
  opacity: 0;
}
.portlet#portlet-tasks.state-collapsed .tasks-block label:nth-child(1),
.portlet#portlet-tasks.state-collapsed .tasks-block label:nth-child(2),
.portlet#portlet-tasks.state-collapsed .tasks-block label:nth-child(3) {
  display: grid;
  opacity: 1;
}
.pat-table .link-title:has(.title-text) {
  display: flex;
  align-items: center;
  min-width: 0;
}
.pat-table .link-title:has(.title-text) .title-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-table .link-title:has(.title-text) .counter {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 6px;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: white;
  background-color: red;
  border: white 1px solid;
  border-radius: 10px;
}
.pat-calendar#calendar-app {
  background: var(--colour-base-background);
  position: absolute;
  top: var(--sidebar-margin-top);
  right: var(--sidebar-margin-left);
  bottom: var(--sidebar-margin-bottom);
  left: var(--sidebar-margin-left);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  overflow: hidden;
}
.pat-calendar .fc-daygrid-event-dot {
  display: none;
}
.pat-calendar .cal-title {
  font-size: var(--pat-toolbar-font-size);
  font-weight: normal;
  position: absolute;
  left: 0;
  padding-left: 130px;
  top: 12px;
  color: var(--body-font-colour);
  line-height: var(--pat-toolbar-button-height);
}
body[dir=rtl] .pat-calendar .cal-title {
  left: auto;
  right: 0;
  padding-left: 0;
  padding-right: 130px;
}
@container screen style(--screen-small: true) {
.pat-calendar .cal-title {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  font-weight: bold;
  text-align: center;
}
}
.pat-calendar > .fc-content {
  display: none;
}
.pat-calendar table {
  margin: 0;
}
.application-calendar .pat-calendar .canvas-toolbar,
.application-workspaces .pat-calendar .canvas-toolbar {
  padding: 13px 2rem;
}
@container screen style(--screen-small: true) {
.application-calendar .pat-calendar .canvas-toolbar,
.application-workspaces .pat-calendar .canvas-toolbar {
  padding: 13px var(--small-screen-padding);
}
}
.application-calendar .pat-calendar .canvas-toolbar,
.application-workspaces .pat-calendar .canvas-toolbar {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  color: rgba(0, 0, 0, 0.5);
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-calendar .canvas-toolbar .alien-calendars {
  display: none;
}
}
.pat-calendar .canvas-toolbar button {
  border-style: none;
  background-image: none;
  margin: 0 0.8em 0 0;
  box-shadow: inherit;
  outline: none;
  padding: 0;
  float: left;
  height: inherit;
}
.pat-calendar .canvas-toolbar button.view-month:before,
.pat-calendar .canvas-toolbar button.view-week:before,
.pat-calendar .canvas-toolbar button.view-day:before,
.pat-calendar .canvas-toolbar button.view-listDay:before,
.pat-calendar .canvas-toolbar button.view-listMonth:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--legacy-calendar-mark) center / contain no-repeat;
  mask: var(--legacy-calendar-mark) center / contain no-repeat;
  margin-right: 5px;
}
@container screen style(--screen-large: false) {
.pat-calendar .canvas-toolbar button.view-month,
.pat-calendar .canvas-toolbar button.view-week,
.pat-calendar .canvas-toolbar button.view-day,
.pat-calendar .canvas-toolbar button.view-listDay,
.pat-calendar .canvas-toolbar button.view-listMonth {
  width: 40px;
  overflow: hidden;
  padding: 0;
  color: transparent;
}
}
@container screen style(--screen-large: false) {
.pat-calendar .canvas-toolbar button.view-month:before,
.pat-calendar .canvas-toolbar button.view-week:before,
.pat-calendar .canvas-toolbar button.view-day:before,
.pat-calendar .canvas-toolbar button.view-listDay:before,
.pat-calendar .canvas-toolbar button.view-listMonth:before {
  width: 100%;
  text-align: center;
}
}
.pat-calendar .canvas-toolbar button.view-month {
  --legacy-calendar-mark: var(--kik-svg-grid);
}
.pat-calendar .canvas-toolbar button.view-day {
  --legacy-calendar-mark: var(--kik-svg-calendar);
}
.pat-calendar .canvas-toolbar button.view-week {
  --legacy-calendar-mark: var(--kik-svg-columns);
}
.pat-calendar .canvas-toolbar button.view-listDay,
.pat-calendar .canvas-toolbar button.view-listMonth {
  --legacy-calendar-mark: var(--kik-svg-list);
}
.pat-calendar .canvas-toolbar button.view-listDay:before,
.pat-calendar .canvas-toolbar button.view-listMonth:before {
  margin-right: 4px;
}
@container screen style(--screen-small: true) {
.pat-calendar .canvas-toolbar button.jump-today {
  width: 0.6em;
  color: transparent;
  line-height: 1.4;
}
}
@container screen style(--screen-small: true) {
.pat-calendar .canvas-toolbar button.jump-today:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-circle) center / contain no-repeat;
  mask: var(--kik-svg-circle) center / contain no-repeat;
  text-align: center;
  color: var(--body-font-colour);
  font-size: 0.6em;
}
}
.pat-calendar .canvas-toolbar button.active {
  border-style: none;
  background-image: none;
  box-shadow: inherit;
  outline: none;
  background: var(--colour-calendar-event-default);
  color: white;
}
.pat-calendar .canvas-toolbar .cal-nav {
  float: left;
}
.pat-calendar .canvas-toolbar .cal-categories {
  float: right;
}
.pat-calendar .canvas-toolbar .cal-categories > button,
.pat-calendar .canvas-toolbar .cal-categories > label,
.pat-calendar .canvas-toolbar .cal-categories > fieldset,
.pat-calendar .canvas-toolbar .cal-categories > a {
  margin-left: 1em;
}
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > button,
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > label,
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > fieldset,
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > a {
  margin-left: 0;
  margin-right: 1em;
}
@container screen style(--screen-small: true) {
.pat-calendar .canvas-toolbar .cal-categories .icon-ellipsis {
  display: none;
}
}
.pat-calendar .canvas-toolbar .cal-categories label.alien-calendars {
  margin-top: 7px;
}
.pat-calendar .canvas-toolbar .cal-categories label.timezone {
  white-space: nowrap;
  width: 106px;
  padding-left: 0;
  line-height: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
}
@container screen style(--screen-small: true) {
.pat-calendar .canvas-toolbar .cal-categories label.timezone {
  display: none;
}
}
.pat-calendar .canvas-toolbar .cal-categories label.timezone:before {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  height: var(--canvas-toolbar-button-height);
  padding-left: 10px;
  color: var(--body-font-colour);
  font-weight: normal;
  font-size: var(--pat-toolbar-font-size);
}
.pat-calendar .canvas-toolbar .cal-categories label.timezone:after {
  line-height: var(--canvas-toolbar-button-height);
  height: var(--canvas-toolbar-button-height);
  text-overflow: inherit;
  background-position: 0 9px;
}
.document-body .pat-calendar div.pat-calendar__fc,
#document-body .pat-calendar div.pat-calendar__fc {
  position: absolute !important;
  background-color: var(--colour-base-background);
  box-sizing: border-box;
  bottom: 0;
  top: 60px;
  left: -1px;
  right: 0;
  border: none;
}
@container screen style(--screen-small: true) {
.document-body .pat-calendar div.pat-calendar__fc,
#document-body .pat-calendar div.pat-calendar__fc {
  bottom: 0;
}
}
.pat-calendar .fc-day-sun,
.pat-calendar .fc-day-sat {
  background-color: rgba(0, 0, 0, 0.03);
}
.pat-calendar .fc-event.fc-daygrid-event,
.pat-calendar .fc-event.fc-timegrid-event {
  border: 0;
  margin: 1px 2px 0;
  padding: 3px 6px;
  border-radius: 8px;
  background-color: var(--colour-calendar-event-default);
  border-color: var(--colour-calendar-event-default);
}
.pat-calendar .fc-event.fc-daygrid-event.calendar-absences,
.pat-calendar .fc-event.fc-timegrid-event.calendar-absences {
  background-color: var(--colour-calendar-absences);
  border-color: var(--colour-calendar-absences);
}
.pat-calendar .fc-event.fc-daygrid-event.state-pending .fc-event-title:after,
.pat-calendar .fc-event.fc-daygrid-event.state-approved .fc-event-title:after,
.pat-calendar .fc-event.fc-daygrid-event.state-rejected .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-pending .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-approved .fc-event-title:after,
.pat-calendar .fc-event.fc-timegrid-event.state-rejected .fc-event-title:after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--legacy-calendar-mark) center / contain no-repeat;
  mask: var(--legacy-calendar-mark) center / contain no-repeat;
  margin-left: 4px;
}
.pat-calendar .fc-event.fc-daygrid-event.state-pending .fc-event-title,
.pat-calendar .fc-event.fc-timegrid-event.state-pending .fc-event-title {
  --legacy-calendar-mark: var(--kik-svg-clock);
}
.pat-calendar .fc-event.fc-daygrid-event.state-approved .fc-event-title,
.pat-calendar .fc-event.fc-timegrid-event.state-approved .fc-event-title {
  --legacy-calendar-mark: var(--kik-svg-ok-circle);
}
.pat-calendar .fc-event.fc-daygrid-event.state-rejected,
.pat-calendar .fc-event.fc-timegrid-event.state-rejected {
  opacity: 0.5;
}
.pat-calendar .fc-event.fc-daygrid-event.state-rejected .fc-event-title,
.pat-calendar .fc-event.fc-timegrid-event.state-rejected .fc-event-title {
  --legacy-calendar-mark: var(--kik-svg-close-circle);
}
.pat-calendar .fc-event.fc-daygrid-event.cal-cat-alien,
.pat-calendar .fc-event.fc-timegrid-event.cal-cat-alien {
  opacity: 0.5;
  filter: alpha(opacity = 30);
}
.pat-calendar .fc-event.fc-daygrid-event.theme-light,
.pat-calendar .fc-event.fc-timegrid-event.theme-light {
  color: var(--body-font-colour);
}
.pat-calendar .fc-event.fc-daygrid-event.birthday .fc-event-title:before,
.pat-calendar .fc-event.fc-timegrid-event.birthday .fc-event-title: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;
  margin-right: 4px;
  animation: heartbeat 1s;
}
.pat-calendar .fc-col-header-cell-cushion,
.pat-calendar .fc-daygrid-day-number {
  color: var(--body-font-colour);
}
@media (hover: hover) {
.pat-calendar .fc-col-header-cell-cushion:hover,
.pat-calendar .fc-daygrid-day-number:hover {
  text-decoration: none;
}
}
.pat-calendar ul.cal-events {
  display: none;
}
.pat-calendar:not(.show-jewish-holidays) .fc-event.jewish-holiday {
  display: none !important;
}
.document-hero-area.jewish-holiday-hero {
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
  min-height: 360px;
  padding-top: 0;
}
.document-hero-area.jewish-holiday-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.45) 60%,
			rgba(0, 0, 0, 0.75) 100%
		);
  z-index: 1;
}
.document-hero-area.jewish-holiday-hero .document-title {
  padding-top: 200px;
}
.nomenclature-favourites {
  --glyph-bookmark: '\e82c';
  --glyph-bookmark-empty: '\e852';
  --glyph-bookmarks: '\e82c';
}
.nomenclature-favourites .icon-bookmark::before {
  content: '\e82c';
}
.nomenclature-favourites .icon-bookmark-empty::before {
  content: '\e852';
}
.nomenclature-favourites .icon-bookmarks::before {
  content: '\e82c';
}
.icon-alarm {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%227%22/%3E%3Cpath d=%22M12 9.6v3.6l2.4 1.6%22/%3E%3Cpath d=%22M4.6 6.6 7.4 4.2%22/%3E%3Cpath d=%22M19.4 6.6 16.6 4.2%22/%3E%3C/svg%3E");
}
.icon-align-center {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M7 10h10%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M7 18h10%22/%3E%3C/svg%3E");
}
.icon-align-justify {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M4 10h16%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M4 18h16%22/%3E%3C/svg%3E");
}
.icon-align-left {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M4 10h10%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M4 18h10%22/%3E%3C/svg%3E");
}
.icon-align-right {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M10 10h10%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M10 18h10%22/%3E%3C/svg%3E");
}
.icon-ambulance {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 16.4V7.8a1.2 1.2 0 0 1 1.2-1.2h8.4v9.8%22/%3E%3Cpath d=%22M13.2 10.4h3.4l3.6 3.6v2.4h-1.6%22/%3E%3Ccircle cx=%227.4%22 cy=%2217.6%22 r=%221.8%22/%3E%3Ccircle cx=%2216.4%22 cy=%2217.6%22 r=%221.8%22/%3E%3Cpath d=%22M9.2 17.6h5.4%22/%3E%3Cpath d=%22M8.4 9.2v3.6%22/%3E%3Cpath d=%22M6.6 11h3.6%22/%3E%3C/svg%3E");
}
.icon-angle-double-left {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M17.5 6.5 12 12l5.5 5.5%22/%3E%3Cpath d=%22M11.5 6.5 6 12l5.5 5.5%22/%3E%3C/svg%3E");
}
.icon-angle-double-right {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 6.5 12 12l-5.5 5.5%22/%3E%3Cpath d=%22M12.5 6.5 18 12l-5.5 5.5%22/%3E%3C/svg%3E");
}
.icon-angle-left {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.5 4.5 7 12l7.5 7.5%22/%3E%3C/svg%3E");
}
.icon-angle-right {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4.5 17 12l-7.5 7.5%22/%3E%3C/svg%3E");
}
.icon-app {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%224.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");
}
.icon-apple {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-brand%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701%22/%3E%3C/svg%3E");
}
.icon-archive,
.icon-file-archive {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.6%22 width=%2218%22 height=%224.2%22 rx=%221.5%22/%3E%3Cpath d=%22M5 8.8v8.6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8.8%22/%3E%3Cpath d=%22M10 12.6h4%22/%3E%3C/svg%3E");
}
.icon-arrow-left,
.icon-left-big {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M17.5 12h-11%22/%3E%3Cpath d=%22m11 7.5-4.5 4.5 4.5 4.5%22/%3E%3C/svg%3E");
}
.icon-arrow-right,
.icon-right-big {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 12h11%22/%3E%3Cpath d=%22m13 7.5 4.5 4.5-4.5 4.5%22/%3E%3C/svg%3E");
}
.icon-asterisk {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4.5v15%22/%3E%3Cpath d=%22m5.5 8.25 13 7.5%22/%3E%3Cpath d=%22m18.5 8.25-13 7.5%22/%3E%3C/svg%3E");
}
.icon-attach,
.icon-attach-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M18.5 10.5 11 18a4.5 4.5 0 0 1-6.4-6.4l8-8a3 3 0 0 1 4.3 4.3l-8 8a1.5 1.5 0 0 1-2.1-2.1l7.3-7.3%22/%3E%3C/svg%3E");
}
.icon-attention,
.icon-attention-circled {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6 21.4 20H2.6z%22/%3E%3Cpath d=%22M12 10v4.6%22/%3E%3Cpath d=%22M12 17.4h.05%22/%3E%3C/svg%3E");
}
.icon-baby-bottle,
.icon-feeding-bottle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.4 3.6h5.2%22/%3E%3Cpath d=%22M10.2 3.6c0 1.1-.4 1.7-1 2.3a2.2 2.2 0 0 0-.7 1.5h6.9a2.2 2.2 0 0 0-.7-1.5c-.6-.6-1-1.2-1-2.3%22/%3E%3Cpath d=%22M8.5 7.4h7v11a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M10.8 10.8h2.4%22/%3E%3Cpath d=%22M10.8 13.8h2.4%22/%3E%3C/svg%3E");
}
.icon-back,
.icon-left-open {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.5 4.5 7 12l7.5 7.5%22/%3E%3C/svg%3E");
}
.icon-back-in-time {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 12a8.5 8.5 0 1 0 3-6.5%22/%3E%3Cpath d=%22M3.5 3.4v4.6h4.6%22/%3E%3Cpath d=%22M12 7.6V12l3.2 1.9%22/%3E%3C/svg%3E");
}
.icon-basket,
.icon-shopping-basket {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 9.5h17l-1.8 8.4a2 2 0 0 1-2 1.6H7.3a2 2 0 0 1-2-1.6z%22/%3E%3Cpath d=%22m8 9.5 3-5%22/%3E%3Cpath d=%22m16 9.5-3-5%22/%3E%3Cpath d=%22M9.5 13v3%22/%3E%3Cpath d=%22M14.5 13v3%22/%3E%3C/svg%3E");
}
.icon-beaker {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.78 14.8h10.44l1.88 3.2a2 2 0 0 1-1.7 3H6.6a2 2 0 0 1-1.7-3z%22 style=%22fill: color-mix(in srgb, var(--colour-orange, %23F37021) var(--app-icon-fill-opacity, 50%25), transparent)%22 stroke=%22none%22/%3E%3Cpath d=%22M9.6 3.6v6.4L4.9 18a2 2 0 0 0 1.7 3h10.8a2 2 0 0 0 1.7-3l-4.7-8V3.6%22/%3E%3Cpath d=%22M8.4 3.6h7.2%22/%3E%3Cpath d=%22M7.1 14.8h9.8%22/%3E%3C/svg%3E");
}
.icon-bell,
.icon-bell-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M18 9a6 6 0 1 0-12 0c0 4.2-1 5.6-1.8 6.4a.9.9 0 0 0 .6 1.6h14.4a.9.9 0 0 0 .6-1.6C19 14.6 18 13.2 18 9Z%22/%3E%3Cpath d=%22M10.2 20.2a2.1 2.1 0 0 0 3.6 0%22/%3E%3C/svg%3E");
}
.icon-bicycle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%225.5%22 cy=%2215.5%22 r=%223.5%22/%3E%3Ccircle cx=%2218.5%22 cy=%2215.5%22 r=%223.5%22/%3E%3Cpath d=%22M5.5 15.5 9 8.5h7l2.5 7%22/%3E%3Cpath d=%22M9 8.5l3.5 7h-7%22/%3E%3Cpath d=%22M12.5 15.5 16 8.5%22/%3E%3Cpath d=%22M8 6.5h2.5%22/%3E%3Cpath d=%22M15 6h2l-1 2.5%22/%3E%3C/svg%3E");
}
.icon-birthday {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%2212%22 width=%2216%22 height=%228.5%22 rx=%222%22/%3E%3Cpath d=%22M4 15.6c2.7 1.6 5.3 1.6 8 0s5.3-1.6 8 0%22/%3E%3Cpath d=%22M9 12V8.6%22/%3E%3Cpath d=%22M15 12V8.6%22/%3E%3Cpath d=%22M9 5.6v.4%22/%3E%3Cpath d=%22M15 5.6v.4%22/%3E%3C/svg%3E");
}
.icon-block {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.2%22/%3E%3Cpath d=%22M6.2 6.2 17.8 17.8%22/%3E%3C/svg%3E");
}
.icon-bold {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7 4.6h5.4a3.7 3.7 0 0 1 0 7.4H7z%22/%3E%3Cpath d=%22M7 12h6.6a3.7 3.7 0 0 1 0 7.4H7z%22/%3E%3C/svg%3E");
}
.icon-book,
.icon-book-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.4 3.6h11.2a1.6 1.6 0 0 1 1.6 1.6v13.6a1.6 1.6 0 0 1-1.6 1.6H6.4a1.6 1.6 0 0 1-1.6-1.6V5.2a1.6 1.6 0 0 1 1.6-1.6z%22/%3E%3Cpath d=%22M8.4 3.6v16.8%22/%3E%3C/svg%3E");
}
.icon-book-open {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 4h7a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z%22/%3E%3Cpath d=%22M20 4h-7a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h8z%22/%3E%3C/svg%3E");
}
.icon-bookmark,
.icon-bookmarks,
.icon-star,
.icon-star-circled {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-filled%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.00 2.60 L14.32 8.80 L20.94 9.10 L15.76 13.22 L17.53 19.60 L12.00 15.95 L6.47 19.60 L8.24 13.22 L3.06 9.10 L9.68 8.80 Z%22/%3E%3C/svg%3E");
}
.icon-bookmark-empty,
.icon-star-empty {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.00 2.60 L14.32 8.80 L20.94 9.10 L15.76 13.22 L17.53 19.60 L12.00 15.95 L6.47 19.60 L8.24 13.22 L3.06 9.10 L9.68 8.80 Z%22/%3E%3C/svg%3E");
}
.icon-brain {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 class=%22kik-icon%22 fill=%22currentColor%22 stroke=%22currentColor%22 stroke-width=%220.7%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22m8 19c-.552 0-1-.447-1-1s.448-1 1-1c5.514 0 10-3.141 10-7 0-.553.448-1 1-1s1 .447 1 1c0 4.963-5.383 9-12 9zm38.435 7.5c.375.798.565 1.637.565 2.5 0 3.309-2.691 6-6 6-.269 0-.534-.024-.796-.06-.031 1.506-.542 2.813-1.497 3.767-1.026 1.026-2.411 1.521-3.942 1.521-.67 0-1.37-.104-2.078-.291.206 1.464.313 2.828.313 4.063h-2c0-1.427-.168-3.12-.473-4.911-1.121-.582-2.224-1.371-3.234-2.382-1.008-1.009-1.807-2.136-2.402-3.315-.247.27-.514.519-.794.752.62 1.285 1.412 2.517 2.194 3.71 1.393 2.125 2.709 4.134 2.709 6.146h-2c0-1.415-1.157-3.181-2.382-5.051-.777-1.186-1.568-2.409-2.223-3.724-1.045.493-2.196.775-3.395.775-3.873 0-7.072-2.692-7.825-6.35-.701.231-1.435.35-2.175.35-3.86 0-7-3.141-7-7 0-.493.054-.986.158-1.471-.725-.992-1.158-2.209-1.158-3.529 0-1.783.786-3.382 2.025-4.482-.017-.175-.025-.347-.025-.518 0-2.823 1.99-5.239 4.712-5.836 1.038-1.939 3.057-3.164 5.288-3.164.73 0 1.45.14 2.147.416 1.88-1.598 4.696-1.862 6.853-.595.918-.539 1.942-.821 3-.821 1.429 0 2.772.498 3.853 1.416.697-.276 1.417-.416 2.147-.416 2.166 0 4.136 1.158 5.198 3.003 3.151.103 5.696 2.647 5.798 5.799 1.846 1.062 3.004 3.032 3.004 5.198 0 .234-.017.464-.043.691-.001.007-.002.014-.003.021-.028.233-.071.46-.124.684 1.371 1.133 2.17 2.804 2.17 4.604 0 .863-.19 1.702-.565 2.5zm-8.279 7.748c-.168-.093-.337-.18-.498-.289-.229.027-.447.041-.658.041-1.188 0-2.349-.364-3.34-1.037-1.1.681-2.351 1.037-3.66 1.037-.991 0-1.945-.231-2.827-.622.431.674.943 1.324 1.534 1.915 2.869 2.869 6.8 3.784 8.586 2 .7-.7.983-1.777.863-3.045zm6.286-8.251c.371-.637.558-1.309.558-1.997 0-.995-.373-1.929-1.023-2.652-1.079 1.599-2.907 2.652-4.977 2.652-.552 0-1-.447-1-1s.448-1 1-1c2.206 0 4-1.794 4-4 0-1.605-.955-3.05-2.433-3.68-.396-.169-.64-.573-.604-1.003.012-.148.037-.279.037-.317 0-2.206-1.794-4-4-4s-4 1.794-4 4c0 .553-.448 1-1 1s-1-.447-1-1c0-2.596 1.66-4.806 3.972-5.64-1.164-1.296-3.12-1.795-4.845-.869-.4.214-.896.132-1.205-.202-1.085-1.169-2.769-1.538-4.237-1.029.822 1.027 1.315 2.326 1.315 3.74 0 .553-.448 1-1 1s-1-.447-1-1c0-2.206-1.794-4-4-4s-4 1.794-4 4c0 .553-.448 1-1 1s-1-.447-1-1c0-1.049.276-2.033.751-2.892-1.846-.367-3.714.622-4.439 2.341-.139.33-.444.562-.8.604-1.773.218-3.155 1.575-3.45 3.273.61-.208 1.26-.326 1.938-.326.552 0 1 .447 1 1s-.448 1-1 1c-2.206 0-4 1.794-4 4s1.794 4 4 4c.552 0 1 .447 1 1s-.448 1-1 1c-1.085 0-2.101-.294-2.98-.799.108 2.662 2.292 4.799 4.98 4.799.696 0 1.384-.154 2.021-.439.105-2.009.914-3.91 2.272-5.268.391-.391 1.023-.391 1.414 0s.391 1.023 0 1.414c-1.085 1.085-1.707 2.649-1.707 4.293 0 3.321 2.654 6 6 6 2.178 0 4.162-1.196 5.217-3.074-.763-1.122-1.217-2.47-1.217-3.926 0-.553.448-1 1-1s1 .447 1 1c0 2.757 2.243 5 5 5s5-2.243 5-5c0-.553.448-1 1-1s1 .447 1 1c0 1.752-.654 3.349-1.721 4.578.539.266 1.123.422 1.721.422.219 0 .459-.024.735-.075.284-.049.575.021.8.198.727.574 1.579.877 2.465.877 2.206 0 4-1.794 4-4 0-.688-.188-1.36-.558-1.997-.18-.312-.18-.694 0-1.006zm-7.442-11.997c-4.486 0-8 5.71-8 13 0 .553.448 1 1 1s1-.447 1-1c0-5.963 2.748-11 6-11 .552 0 1-.447 1-1s-.448-1-1-1zm-11 3c-.552 0-1 .447-1 1 0 1.654-1.346 3-3 3-2.757 0-5 2.243-5 5 0 .553.448 1 1 1s1-.447 1-1c0-1.654 1.346-3 3-3 2.757 0 5-2.243 5-5 0-.553-.448-1-1-1z%22/%3E%3C/svg%3E");
}
.icon-briefcase {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%227.4%22 width=%2218%22 height=%2212.2%22 rx=%222%22/%3E%3Cpath d=%22M9 7.4V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1.4%22/%3E%3Cpath d=%22M3 12.4h18%22/%3E%3C/svg%3E");
}
.icon-building {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.6 20.6V5.4a1.8 1.8 0 0 1 1.8-1.8h6.8a1.8 1.8 0 0 1 1.8 1.8v15.2%22/%3E%3Cpath d=%22M15 10.6h2.6a1.8 1.8 0 0 1 1.8 1.8v8.2%22/%3E%3Cpath d=%22M3.4 20.6h17.2%22/%3E%3Cpath d=%22M7.8 7.4h1.2%22/%3E%3Cpath d=%22M10.8 7.4H12%22/%3E%3Cpath d=%22M7.8 11h1.2%22/%3E%3Cpath d=%22M10.8 11H12%22/%3E%3Cpath d=%22M7.8 14.6h1.2%22/%3E%3Cpath d=%22M10.8 14.6H12%22/%3E%3Cpath d=%22M8.8 20.6v-2.4h2.2v2.4%22/%3E%3C/svg%3E");
}
.icon-calendar,
.icon-calendar-1,
.icon-calendar-empty,
.icon-day-view {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.5%22 y=%225.5%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 10.4h17%22/%3E%3Cpath d=%22M8 3.4v4%22/%3E%3Cpath d=%22M16 3.4v4%22/%3E%3C/svg%3E");
}
.icon-calendar-plus {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 12.4V8a2.5 2.5 0 0 0-2.5-2.5H6.1A2.5 2.5 0 0 0 3.6 8v9.9a2.5 2.5 0 0 0 2.5 2.5h6.3%22/%3E%3Cpath d=%22M3.6 10.4h16.8%22/%3E%3Cpath d=%22M8 3.4v4%22/%3E%3Cpath d=%22M16 3.4v4%22/%3E%3Cpath d=%22M18 15.2v5.2%22/%3E%3Cpath d=%22M15.4 17.8h5.2%22/%3E%3C/svg%3E");
}
.icon-camera {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%222.5%22 y=%227.4%22 width=%2219%22 height=%2212.2%22 rx=%222.5%22/%3E%3Cpath d=%22M8.4 7.4 9.9 4.9h4.2l1.5 2.5%22/%3E%3Ccircle cx=%2212%22 cy=%2213.5%22 r=%223.5%22/%3E%3C/svg%3E");
}
.icon-010-tomb,
.icon-candle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 2.5c2.2 2.6 2.9 4.5 0 7.3-2.9-2.8-2.2-4.7 0-7.3z%22/%3E%3Crect x=%228.5%22 y=%2211.5%22 width=%227%22 height=%2210%22 rx=%221%22/%3E%3C/svg%3E");
}
.icon-car,
.icon-taxi {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 15.5l1.6-5.2A2 2 0 0 1 7.5 9h9a2 2 0 0 1 1.9 1.3L20 15.5%22/%3E%3Cpath d=%22M3.5 15.5h17v3.5h-17z%22/%3E%3Ccircle cx=%227.5%22 cy=%2219%22 r=%221.4%22/%3E%3Ccircle cx=%2216.5%22 cy=%2219%22 r=%221.4%22/%3E%3Cpath d=%22M6 12.5h12%22/%3E%3C/svg%3E");
}
.icon-catalogue {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%228.6%22 width=%2217.2%22 height=%2211%22 rx=%222%22/%3E%3Cpath d=%22M6.2 5.6h11.6%22/%3E%3Cpath d=%22M8.6 2.8h6.8%22/%3E%3C/svg%3E");
}
.icon-annotation,
.icon-chat,
.icon-comment,
.icon-comment-empty {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.4 5.4h15.2a2 2 0 0 1 2 2v7.8a2 2 0 0 1-2 2H10.2l-4.6 3.4v-3.4H4.4a2 2 0 0 1-2-2V7.4a2 2 0 0 1 2-2z%22/%3E%3C/svg%3E");
}
.icon-checkbox,
.icon-checkbox-solid-unchecked,
.icon-checkboxes-triple-unchecked-svg {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%224.5%22 width=%2215%22 height=%2215%22 rx=%223%22/%3E%3C/svg%3E");
}
.icon-checkbox-checked,
.icon-checkbox-solid-checked,
.icon-checkboxes-double-checked,
.icon-checkboxes-triple-checked {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%224.5%22 width=%2215%22 height=%2215%22 rx=%223%22/%3E%3Cpath d=%22m8.4 12.3 2.6 2.6 4.8-5.6%22/%3E%3C/svg%3E");
}
.icon-circle,
.icon-radio-off {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3C/svg%3E");
}
.icon-claude {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.3 9.6L13.1 2.7M13.4 10.1L16.2 6.4M14.2 11.1L20.7 8.3M14.4 12.3L18.9 12.9M13.9 13.4L19.5 17.7M12.9 14.2L14.7 18.4M11.7 14.4L10.9 21.3M10.6 13.9L7.8 17.6M9.8 12.9L3.3 15.7M9.6 11.7L5.1 11.1M10.1 10.6L4.5 6.3M11.1 9.8L9.3 5.6%22/%3E%3C/svg%3E");
}
.icon-clock,
.icon-clock-1,
.icon-clock-2 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 6.8V12l3.4 2%22/%3E%3C/svg%3E");
}
.icon-cancel,
.icon-close {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.2 6.2 17.8 17.8%22/%3E%3Cpath d=%22M17.8 6.2 6.2 17.8%22/%3E%3C/svg%3E");
}
.icon-cancel-circle,
.icon-close-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.2 9.2 14.8 14.8%22/%3E%3Cpath d=%22M14.8 9.2 9.2 14.8%22/%3E%3C/svg%3E");
}
.icon-cloud {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7.4 18.8h9.4a4.2 4.2 0 0 0 .4-8.4 6.2 6.2 0 0 0-11.8-1.2 4.6 4.6 0 0 0 2 9.6z%22/%3E%3C/svg%3E");
}
.icon-columns,
.icon-week-view {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%224%22 height=%2215.2%22 rx=%221.4%22/%3E%3Crect x=%2210%22 y=%224.4%22 width=%224%22 height=%2215.2%22 rx=%221.4%22/%3E%3Crect x=%2216.6%22 y=%224.4%22 width=%224%22 height=%2215.2%22 rx=%221.4%22/%3E%3C/svg%3E");
}
.icon-contacts,
.icon-vcard {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.8 3.6h10.8a1.8 1.8 0 0 1 1.8 1.8v13.2a1.8 1.8 0 0 1-1.8 1.8H6.8z%22/%3E%3Cpath d=%22M6.8 3.6H5.2a1.4 1.4 0 0 0-1.4 1.4v14a1.4 1.4 0 0 0 1.4 1.4h1.6%22/%3E%3Ccircle cx=%2212.8%22 cy=%229.9%22 r=%222.2%22/%3E%3Cpath d=%22M9.4 16.6a3.6 3.6 0 0 1 6.8 0%22/%3E%3C/svg%3E");
}
.icon-clone,
.icon-copy {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%228.6%22 y=%228.6%22 width=%2211.4%22 height=%2211.4%22 rx=%222.2%22/%3E%3Cpath d=%22M15.4 8.6V6.2a2.2 2.2 0 0 0-2.2-2.2H6.2A2.2 2.2 0 0 0 4 6.2v7a2.2 2.2 0 0 0 2.2 2.2h2.4%22/%3E%3C/svg%3E");
}
.icon-create {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4.8v14.4%22/%3E%3Cpath d=%22M4.8 12h14.4%22/%3E%3C/svg%3E");
}
.icon-crescent {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.5 3.5a8.5 8.5 0 1 0 6 14.5 7 7 0 1 1-6-14.5z%22/%3E%3Cpath d=%22M17.5 5.5l.9 1.9 2.1.3-1.5 1.5.4 2.1-1.9-1-1.9 1 .4-2.1-1.5-1.5 2.1-.3z%22/%3E%3C/svg%3E");
}
.icon-crop {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.5 3.5v12h12%22/%3E%3Cpath d=%22M3.5 8.5h12v12%22/%3E%3C/svg%3E");
}
.icon-cross,
.icon-religious-christian {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3v18%22/%3E%3Cpath d=%22M6 8.5h12%22/%3E%3C/svg%3E");
}
.icon-crown {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.6 18.6h14.8%22/%3E%3Cpath d=%22M4.6 18.6 3.4 7.6l5 3.6L12 4.6l3.6 6.6 5-3.6-1.2 11z%22/%3E%3C/svg%3E");
}
.icon-deselect-all {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Crect x=%223.4%22 y=%2213%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Cpath d=%22M13.4 8h7.2%22/%3E%3Cpath d=%22M13.4 16.6h7.2%22/%3E%3C/svg%3E");
}
.icon-division {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%229%22 y=%223.4%22 width=%226%22 height=%224.6%22 rx=%221.3%22/%3E%3Crect x=%222.8%22 y=%2216%22 width=%226%22 height=%224.6%22 rx=%221.3%22/%3E%3Crect x=%2215.2%22 y=%2216%22 width=%226%22 height=%224.6%22 rx=%221.3%22/%3E%3Cpath d=%22M12 8v3.4%22/%3E%3Cpath d=%22M5.8 16v-2.4h12.4V16%22/%3E%3Cpath d=%22M12 11.4v2.2%22/%3E%3C/svg%3E");
}
.icon-boilerplate,
.icon-doc,
.icon-doc-inv,
.icon-doc-text,
.icon-doc-text-1,
.icon-doc-text-inv,
.icon-document,
.icon-file-pdf,
.icon-markdown {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 4.2H7.4a2 2 0 0 0-2 2v11.6a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V9.2z%22/%3E%3Cpath d=%22M13.4 4.2v5h5.2%22/%3E%3Cpath d=%22M8.6 13h6.4%22/%3E%3Cpath d=%22M8.6 16.2h4.2%22/%3E%3C/svg%3E");
}
.icon-dot-circle,
.icon-dot-circled {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.4%22 fill=%22currentColor%22/%3E%3C/svg%3E");
}
.icon-down,
.icon-down-dir,
.icon-down-open {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 9.5 12 17l7.5-7.5%22/%3E%3C/svg%3E");
}
.icon-down-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.8 10.4 12 13.6l3.2-3.2%22/%3E%3C/svg%3E");
}
.icon-download {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4v10.6%22/%3E%3Cpath d=%22M7.6 10.4 12 14.8l4.4-4.4%22/%3E%3Cpath d=%22M4.5 19.5h15%22/%3E%3C/svg%3E");
}
.icon-draft,
.icon-sticky-note {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.2 3.6H6.4a2 2 0 0 0-2 2v12.4a2 2 0 0 0 2 2h4.6%22/%3E%3Cpath d=%22M13.2 3.6v4.4h4.4%22/%3E%3Cpath d=%22M17.6 8v3%22/%3E%3Cpath d=%22M8 11.4h5%22/%3E%3Cpath d=%22M8 14.4h3%22/%3E%3Cpath d=%22M19.4 14.6a1.25 1.25 0 0 1 1.8 1.8l-3.8 3.8-2.3.5.5-2.3z%22/%3E%3C/svg%3E");
}
.icon-dropbox {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-brand%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z%22/%3E%3C/svg%3E");
}
.icon-edit,
.icon-pencil,
.icon-pencil-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 20.1 4.9 16 15.3 5.6a2.1 2.1 0 0 1 3 0l.1.1a2.1 2.1 0 0 1 0 3L8 19.2z%22/%3E%3Cpath d=%22M14.3 6.7 17.3 9.7%22/%3E%3C/svg%3E");
}
.icon-embed {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7.4 5.4H5.4a2 2 0 0 0-2 2v9.2a2 2 0 0 0 2 2h2%22/%3E%3Cpath d=%22M16.6 5.4h2a2 2 0 0 1 2 2v9.2a2 2 0 0 1-2 2h-2%22/%3E%3Cpath d=%22M13.4 6.8 10.6 17.2%22/%3E%3C/svg%3E");
}
.icon-emoticon {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.4 13.8a4.4 4.4 0 0 0 7.2 0%22/%3E%3Cpath d=%22M9.2 9.6h.01%22/%3E%3Cpath d=%22M14.8 9.6h.01%22/%3E%3C/svg%3E");
}
.icon-euro {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M18 6.6a7.2 7.2 0 1 0 0 10.8%22/%3E%3Cpath d=%22M4.2 10h8.4%22/%3E%3Cpath d=%22M4.2 14h8.4%22/%3E%3C/svg%3E");
}
.icon-exchange {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 9h13.6%22/%3E%3Cpath d=%22m14.2 5.9 3.1 3.1-3.1 3.1%22/%3E%3Cpath d=%22M20.4 15H6.8%22/%3E%3Cpath d=%22m9.8 11.9-3.1 3.1 3.1 3.1%22/%3E%3C/svg%3E");
}
.icon-feather {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M19.8 4.2C13.4 4.4 8.6 8.4 7.6 15.2L6.4 20%22/%3E%3Cpath d=%22M7.9 13.4c5.4.2 9.9-3.2 11.9-9.2%22/%3E%3Cpath d=%22M10.4 10.6h5.2%22/%3E%3C/svg%3E");
}
.icon-file-excel {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22m9.5 11.6 5 4.6%22/%3E%3Cpath d=%22m14.5 11.6-5 4.6%22/%3E%3C/svg%3E");
}
.icon-file-pages {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22M14.2 10.2a1 1 0 0 1 1.4 1.4l-4.3 4.3-2 .6.6-2z%22/%3E%3Cpath d=%22M9.3 17.9h5.4%22/%3E%3C/svg%3E");
}
.icon-file-powerpoint {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22M10.25 16.4v-4.8h2a1.5 1.5 0 0 1 0 3h-2%22/%3E%3C/svg%3E");
}
.icon-file-word {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22M9.6 11.6l1.2 4.4 1.2-3 1.2 3 1.2-4.4%22/%3E%3C/svg%3E");
}
.icon-filter {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.8 5.5h16.4L13.6 13v6.1l-3.2 1.6V13z%22/%3E%3C/svg%3E");
}
.icon-find-selection {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 7h10%22/%3E%3Cpath d=%22M4.5 12h15%22/%3E%3Cpath d=%22M4.5 17h8%22/%3E%3C/svg%3E");
}
.icon-flag,
.icon-milestone,
.icon-road {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M5.4 21V3.6%22/%3E%3Cpath d=%22M5.4 4.6c4.4-2 8.8 2 13.2 0v9.6c-4.4 2-8.8-2-13.2 0z%22/%3E%3C/svg%3E");
}
.icon-folder,
.icon-folder-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 18.4a1.9 1.9 0 0 1-1.9 1.9H5.5a1.9 1.9 0 0 1-1.9-1.9V6.4a1.9 1.9 0 0 1 1.9-1.9h3.6l2.3 2.7h7.1a1.9 1.9 0 0 1 1.9 1.9z%22/%3E%3C/svg%3E");
}
.icon-folder-lock {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 18.4a1.9 1.9 0 0 1-1.9 1.9H5.5a1.9 1.9 0 0 1-1.9-1.9V6.4a1.9 1.9 0 0 1 1.9-1.9h3.6l2.3 2.7h7.1a1.9 1.9 0 0 1 1.9 1.9z%22/%3E%3Crect x=%229.3%22 y=%2212.9%22 width=%225.4%22 height=%224.1%22 rx=%221%22/%3E%3Cpath d=%22M10.5 12.9v-1.2a1.5 1.5 0 0 1 3 0v1.2%22/%3E%3C/svg%3E");
}
.icon-folder-plus {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 18.4a1.9 1.9 0 0 1-1.9 1.9H5.5a1.9 1.9 0 0 1-1.9-1.9V6.4a1.9 1.9 0 0 1 1.9-1.9h3.6l2.3 2.7h7.1a1.9 1.9 0 0 1 1.9 1.9z%22/%3E%3Cpath d=%22M12 11.3v5.2%22/%3E%3Cpath d=%22M9.4 13.9h5.2%22/%3E%3C/svg%3E");
}
.icon-font,
.icon-title {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M5.4 7.2V4.8h13.2v2.4%22/%3E%3Cpath d=%22M12 4.8v14.4%22/%3E%3Cpath d=%22M9 19.2h6%22/%3E%3C/svg%3E");
}
.icon-angle-circled-right,
.icon-forward,
.icon-right-circled2,
.icon-right-open,
.icon-right-open-1,
.icon-right-open-2 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4.5 17 12l-7.5 7.5%22/%3E%3C/svg%3E");
}
.icon-forward-message {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.6 7.4 19 12l-4.4 4.6%22/%3E%3Cpath d=%22M18.4 12H9.9a6 6 0 0 0-6 6v1.6%22/%3E%3C/svg%3E");
}
.icon-geolocate {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226.4%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.2%22/%3E%3Cpath d=%22M12 2.4v3.2%22/%3E%3Cpath d=%22M12 18.4v3.2%22/%3E%3Cpath d=%22M2.4 12h3.2%22/%3E%3Cpath d=%22M18.4 12h3.2%22/%3E%3C/svg%3E");
}
.icon-github {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-brand%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12%22/%3E%3C/svg%3E");
}
.icon-globe {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M3.5 12h17%22/%3E%3Cpath d=%22M12 3.5c2.7 2.5 2.7 14.5 0 17%22/%3E%3Cpath d=%22M12 3.5c-2.7 2.5-2.7 14.5 0 17%22/%3E%3C/svg%3E");
}
.icon-google {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-brand%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z%22/%3E%3C/svg%3E");
}
.icon-graph,
.icon-polls {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212.00%22 cy=%224.80%22 r=%221.45%22/%3E%3Ccircle cx=%2217.09%22 cy=%226.91%22 r=%221.45%22/%3E%3Ccircle cx=%2219.20%22 cy=%2212.00%22 r=%221.45%22/%3E%3Ccircle cx=%2217.09%22 cy=%2217.09%22 r=%221.45%22/%3E%3Ccircle cx=%2212.00%22 cy=%2219.20%22 r=%221.45%22/%3E%3Ccircle cx=%226.91%22 cy=%2217.09%22 r=%221.45%22/%3E%3Ccircle cx=%224.80%22 cy=%2212.00%22 r=%221.45%22/%3E%3Ccircle cx=%226.91%22 cy=%226.91%22 r=%221.45%22/%3E%3Ccircle cx=%2214.47%22 cy=%229.53%22 r=%221.45%22/%3E%3Ccircle cx=%2214.47%22 cy=%2214.47%22 r=%221.45%22/%3E%3Ccircle cx=%229.53%22 cy=%2214.47%22 r=%221.45%22/%3E%3Ccircle cx=%229.53%22 cy=%229.53%22 r=%221.45%22/%3E%3C/svg%3E");
}
.icon-grid,
.icon-grid-large,
.icon-month-view,
.icon-squares {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%224%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213%22 y=%224%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%224%22 y=%2213%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213%22 y=%2213%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3C/svg%3E");
}
.icon-hang-up {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.29 15.17 l-1.47 -1.47 a1.46 1.46 135 0 1 0.11 -2.17 a14.43 14.43 135 0 1 6.02 -2.88 a14.2 14.2 135 0 1 6.19 0 a14.43 14.43 135 0 1 6.02 2.88 a1.46 1.46 135 0 1 0.11 2.17 l-1.47 1.47 a1.46 1.46 135 0 1 -1.9 0.16 c-0.54 -0.43 -1.19 -0.76 -1.79 -1.03 a1.46 1.46 135 0 1 -0.87 -1.3 L15.25 11.81 a11.66 11.66 135 0 0 -6.19 0 l0 1.3 a1.46 1.46 135 0 1 -0.87 1.3 c-0.6 0.27 -1.25 0.6 -1.79 1.03 a1.46 1.46 135 0 1 -1.9 -0.16 Z%22/%3E%3C/svg%3E");
}
.icon-heart,
.icon-heart-empty {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 19.6s-7.6-4.7-7.6-10.1a4.2 4.2 0 0 1 7.6-2.5 4.2 4.2 0 0 1 7.6 2.5c0 5.4-7.6 10.1-7.6 10.1z%22/%3E%3C/svg%3E");
}
.icon-heart-fill {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22currentColor%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 19.6s-7.6-4.7-7.6-10.1a4.2 4.2 0 0 1 7.6-2.5 4.2 4.2 0 0 1 7.6 2.5c0 5.4-7.6 10.1-7.6 10.1z%22/%3E%3C/svg%3E");
}
.icon-help,
.icon-help-circle,
.icon-lifebuoy,
.icon-question-circle-o {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.4 9.3a2.7 2.7 0 1 1 3.6 2.6c-.95.33-1.3.95-1.3 1.85v.55%22/%3E%3Cpath d=%22M11.7 17.4h.05%22/%3E%3C/svg%3E");
}
.icon-home,
.icon-home-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.8 11.4 12 4.4l8.2 7%22/%3E%3Cpath d=%22M6 9.8v9.8h12V9.8%22/%3E%3Cpath d=%22M10 19.6v-5.2h4v5.2%22/%3E%3C/svg%3E");
}
.icon-horizontal-rule {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 12h16.8%22/%3E%3Cpath d=%22M3.6 6.6h11%22/%3E%3Cpath d=%22M3.6 17.4h11%22/%3E%3C/svg%3E");
}
.icon-html5 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-brand%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Cpath d=%22M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z%22/%3E%3C/svg%3E");
}
.icon-brandmark,
.icon-hub,
.icon-kikaron,
.icon-quaive-brandmark {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2213.85%22 r=%222.6%22/%3E%3Ccircle cx=%2212%22 cy=%226.45%22 r=%221.9%22/%3E%3Ccircle cx=%225.6%22 cy=%2217.55%22 r=%221.9%22/%3E%3Ccircle cx=%2218.4%22 cy=%2217.55%22 r=%221.9%22/%3E%3Cpath d=%22M12 11.25V8.35%22/%3E%3Cpath d=%22m9.7 15.15-2.5 1.45%22/%3E%3Cpath d=%22m14.3 15.15 2.5 1.45%22/%3E%3C/svg%3E");
}
.icon-inbox {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 13.6h4.1l1.2 2.3h6.2l1.2-2.3h4.1%22/%3E%3Cpath d=%22M3.6 13.6v3.8a2 2 0 0 0 2 2h12.8a2 2 0 0 0 2-2v-3.8%22/%3E%3Cpath d=%22M12 3.8v6.6%22/%3E%3Cpath d=%22m9.2 7.6 2.8 2.8 2.8-2.8%22/%3E%3C/svg%3E");
}
.icon-copyright,
.icon-creative-commons,
.icon-info,
.icon-info-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.4%22/%3E%3Cpath d=%22M12 11.2v5%22/%3E%3Cpath d=%22M12 7.9h.01%22/%3E%3C/svg%3E");
}
.icon-italic {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M10 4.6h7.4%22/%3E%3Cpath d=%22M6.6 19.4H14%22/%3E%3Cpath d=%22M14.4 4.6 9.6 19.4%22/%3E%3C/svg%3E");
}
.icon-key {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%228.2%22 cy=%2215.8%22 r=%223.6%22/%3E%3Cpath d=%22m10.8 13.2 8.6-8.6%22/%3E%3Cpath d=%22m16.6 7.4 2.4 2.4%22/%3E%3Cpath d=%22m14.2 9.8 2.4 2.4%22/%3E%3C/svg%3E");
}
.icon-language {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3 6.5A2 2 0 0 1 5 4.5h9a2 2 0 0 1 2 2v4.6a2 2 0 0 1-2 2h-4.4L5.6 16.4v-3.3H5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M7.3 11.5 9.5 6.9l2.2 4.6%22/%3E%3Cpath d=%22M8.2 10h2.6%22/%3E%3Cpath d=%22M18.4 9.6a2 2 0 0 1 2 2v5.2a2 2 0 0 1-2 2h-.6v2.6l-3.4-2.6h-1.1%22/%3E%3C/svg%3E");
}
.icon-layout,
.icon-portlets {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%2217.2%22 height=%2215.2%22 rx=%222%22/%3E%3Cpath d=%22M3.4 9.6h17.2%22/%3E%3Cpath d=%22M9.6 9.6v10%22/%3E%3C/svg%3E");
}
.icon-arrow-curved-up,
.icon-level-up {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 6 3 9.5 6.5 13%22/%3E%3Cpath d=%22M3 9.5h11.5a5 5 0 0 1 5 5V20%22/%3E%3C/svg%3E");
}
.icon-library {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 4.6h3.4v14.8H4z%22/%3E%3Cpath d=%22M9.4 4.6h3.4v14.8H9.4z%22/%3E%3Cpath d=%22m15.2 5.6 3.2-.85 3 11.3-3.2.85z%22/%3E%3C/svg%3E");
}
.icon-lightbulb {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.2 17.2h5.6%22/%3E%3Cpath d=%22M10 20.2h4%22/%3E%3Cpath d=%22M9.2 17.2c0-2-3.2-3.6-3.2-7.4a6 6 0 0 1 12 0c0 3.8-3.2 5.4-3.2 7.4%22/%3E%3C/svg%3E");
}
.icon-link,
.icon-link-internal {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M10.2 14.2a4 4 0 0 0 5.7 0l2.8-2.8a4 4 0 0 0-5.7-5.7l-1.6 1.6%22/%3E%3Cpath d=%22M13.8 9.8a4 4 0 0 0-5.7 0l-2.8 2.8a4 4 0 0 0 5.7 5.7l1.6-1.6%22/%3E%3C/svg%3E");
}
.icon-checklist,
.icon-list,
.icon-list-1,
.icon-list-bullet,
.icon-list-large {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%225%22 cy=%226.5%22 r=%221.4%22/%3E%3Ccircle cx=%225%22 cy=%2212%22 r=%221.4%22/%3E%3Ccircle cx=%225%22 cy=%2217.5%22 r=%221.4%22/%3E%3Cpath d=%22M9.5 6.5h11%22/%3E%3Cpath d=%22M9.5 12h11%22/%3E%3Cpath d=%22M9.5 17.5h11%22/%3E%3C/svg%3E");
}
.icon-lock {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%2210.4%22 width=%2215%22 height=%229.4%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.4V7.4a4 4 0 0 1 8 0v3%22/%3E%3C/svg%3E");
}
.icon-lock-open {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%2210.4%22 width=%2215%22 height=%229.4%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.4V7.4a4 4 0 0 1 7.8-1.25%22/%3E%3C/svg%3E");
}
.icon-door-open,
.icon-exit,
.icon-logout {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.6 20.4H6a2 2 0 0 1-2-2V5.6a2 2 0 0 1 2-2h3.6%22/%3E%3Cpath d=%22M15.4 16.4 19.8 12l-4.4-4.4%22/%3E%3Cpath d=%22M19.8 12H9.2%22/%3E%3C/svg%3E");
}
.icon-magic {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M5.39 18.61 12.47 11.53%22/%3E%3Cpath d=%22M19.48 12.42 L15.37 11.99 L13.33 15.56 L12.47 11.53 L8.44 10.67 L12.01 8.63 L11.58 4.52 L14.63 7.29 L18.40 5.60 L16.71 9.37 Z%22/%3E%3C/svg%3E");
}
.icon-mail,
.icon-mail-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%225.4%22 width=%2218%22 height=%2213.2%22 rx=%222.5%22/%3E%3Cpath d=%22M3.6 7.6 12 13.4l8.4-5.8%22/%3E%3C/svg%3E");
}
.icon-map {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 6.5v13l5.5-2.5 6 2.5 5.5-2.5v-13l-5.5 2.5-6-2.5z%22/%3E%3Cpath d=%22M9 4v13%22/%3E%3Cpath d=%22M15 6.5v13%22/%3E%3C/svg%3E");
}
.icon-location,
.icon-map-pin {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 20.8s6.8-6.1 6.8-10.8a6.8 6.8 0 1 0-13.6 0c0 4.7 6.8 10.8 6.8 10.8z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.6%22/%3E%3C/svg%3E");
}
.icon-classifieds,
.icon-megaphone,
.icon-megaphone-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 10.2v3.6a1 1 0 0 0 1 1h2.6L14.8 19V5L7.6 9.2H5a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M18 9.4a3.6 3.6 0 0 1 0 5.2%22/%3E%3Cpath d=%22M7.6 14.8 9 19.6h2.2%22/%3E%3C/svg%3E");
}
.icon-menu,
.icon-menu-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 7h16%22/%3E%3Cpath d=%22M4 12h16%22/%3E%3Cpath d=%22M4 17h16%22/%3E%3C/svg%3E");
}
.icon-metadata {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 7h17%22/%3E%3Cpath d=%22M3.5 12h17%22/%3E%3Cpath d=%22M3.5 17h17%22/%3E%3Ccircle cx=%228%22 cy=%227%22 r=%222%22/%3E%3Ccircle cx=%2215.5%22 cy=%2212%22 r=%222%22/%3E%3Ccircle cx=%2210%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E");
}
.icon-mic {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%229%22 y=%222.8%22 width=%226%22 height=%2211.2%22 rx=%223%22/%3E%3Cpath d=%22M5.6 11.4a6.4 6.4 0 0 0 12.8 0%22/%3E%3Cpath d=%22M12 17.8v3.4%22/%3E%3Cpath d=%22M8.6 21.2h6.8%22/%3E%3C/svg%3E");
}
.icon-minus,
.icon-minus-squared {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.8 12h14.4%22/%3E%3C/svg%3E");
}
.icon-minus-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3C/svg%3E");
}
.icon-mobile {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%227%22 y=%223%22 width=%2210%22 height=%2218%22 rx=%222%22/%3E%3Cpath d=%22M11 17.5h2%22/%3E%3C/svg%3E");
}
.icon-ellipsis,
.icon-more {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%221.6%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221.6%22/%3E%3Ccircle cx=%2218%22 cy=%2212%22 r=%221.6%22/%3E%3C/svg%3E");
}
.icon-move {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.4v17.2%22/%3E%3Cpath d=%22M3.4 12h17.2%22/%3E%3Cpath d=%22m9.4 5.9 2.6-2.5 2.6 2.5%22/%3E%3Cpath d=%22m9.4 18.1 2.6 2.5 2.6-2.5%22/%3E%3Cpath d=%22M5.9 9.4 3.4 12l2.5 2.6%22/%3E%3Cpath d=%22m18.1 9.4 2.5 2.6-2.5 2.6%22/%3E%3C/svg%3E");
}
.icon-mute {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 9.4h3.4L11.4 5.6v12.8L7 14.6H3.6z%22/%3E%3Cpath d=%22M15.6 9.8 20.4 14.6%22/%3E%3Cpath d=%22M20.4 9.8 15.6 14.6%22/%3E%3C/svg%3E");
}
.icon-narrow {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 6.5v11%22/%3E%3Cpath d=%22M19.5 6.5v11%22/%3E%3Cpath d=%22M7.5 12h3.5%22/%3E%3Cpath d=%22M13 12h3.5%22/%3E%3Cpath d=%22M9 9.8 11 12l-2 2.2%22/%3E%3Cpath d=%22M15 9.8 13 12l2 2.2%22/%3E%3C/svg%3E");
}
.icon-news,
.icon-newspaper,
.icon-newspaper-1,
.icon-newspaper-2,
.icon-newspaper-angle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 6.4h12v13.2H5.5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M15.5 9.6h3.2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-3.2%22/%3E%3Cpath d=%22M6.4 9.6h6.2%22/%3E%3Cpath d=%22M6.4 12.6h6.2%22/%3E%3Cpath d=%22M6.4 15.6h4.2%22/%3E%3C/svg%3E");
}
.icon-oil-lamp {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20 3.5c1.6 1.8 2 3.3 0 5.3-2-2-1.6-3.5 0-5.3z%22/%3E%3Cpath d=%22M2.5 13.5h14l4-2c-.9 3.9-4.4 6.5-9 6.5-4.6 0-9-1.6-9-4.5z%22/%3E%3Cpath d=%22M8 13.5c.5-.9 1.6-1.4 3-1.4s2.5.5 3 1.4%22/%3E%3Cpath d=%22M9.5 18l-.5 2.5h5l-.5-2.5%22/%3E%3C/svg%3E");
}
.icon-check-on,
.icon-ok {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.8 12.4 10 17.6 19.2 6.6%22/%3E%3C/svg%3E");
}
.icon-approved,
.icon-ok-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8 12.2 10.9 15.1 16.2 8.8%22/%3E%3C/svg%3E");
}
.icon-external,
.icon-link-ext,
.icon-open-external {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 4.4h6.2v6.2%22/%3E%3Cpath d=%22M19.6 4.4 11.2 12.8%22/%3E%3Cpath d=%22M18 14.4V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.6%22/%3E%3C/svg%3E");
}
.icon-outbox {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 13.6h4.1l1.2 2.3h6.2l1.2-2.3h4.1%22/%3E%3Cpath d=%22M3.6 13.6v3.8a2 2 0 0 0 2 2h12.8a2 2 0 0 0 2-2v-3.8%22/%3E%3Cpath d=%22M12 10.4V3.8%22/%3E%3Cpath d=%22m9.2 6.6 2.8-2.8 2.8 2.8%22/%3E%3C/svg%3E");
}
.icon-outdoor {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 19.5l6-9 4 6 2.5-3.5 6.5 6.5z%22/%3E%3Ccircle cx=%2217%22 cy=%227%22 r=%222.2%22/%3E%3C/svg%3E");
}
.icon-palette {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6a8.4 8.4 0 0 0 0 16.8c1.2 0 2.1-.9 2.1-2 0-.5-.2-1-.5-1.3-.3-.3-.5-.8-.5-1.3 0-1.1.9-2 2.1-2h1.6a4.2 4.2 0 0 0 4.2-4.2c0-3.7-4-6.6-9-6.6z%22/%3E%3Ccircle cx=%228.1%22 cy=%229.6%22 r=%221%22/%3E%3Ccircle cx=%2212%22 cy=%227.5%22 r=%221%22/%3E%3Ccircle cx=%2215.9%22 cy=%229.8%22 r=%221%22/%3E%3Ccircle cx=%227.5%22 cy=%2214%22 r=%221%22/%3E%3C/svg%3E");
}
.icon-paragraph {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.2 4.8v14.4%22/%3E%3Cpath d=%22M16.8 4.8v14.4%22/%3E%3Cpath d=%22M18.6 4.8h-8.4a3.9 3.9 0 0 0 0 7.8h3%22/%3E%3C/svg%3E");
}
.icon-pause {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9 5v14%22/%3E%3Cpath d=%22M15 5v14%22/%3E%3C/svg%3E");
}
.icon-phone,
.icon-phone-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M21.2 16.9v2.7a1.9 1.9 0 0 1-2.1 1.9 18.8 18.8 0 0 1-8.2-2.9 18.5 18.5 0 0 1-5.7-5.7 18.8 18.8 0 0 1-2.9-8.2 1.9 1.9 0 0 1 1.9-2.1h2.7a1.9 1.9 0 0 1 1.9 1.6c.1.9.4 1.8.7 2.6a1.9 1.9 0 0 1-.4 2L8 9.9a15.2 15.2 0 0 0 5.7 5.7l1.2-1.2a1.9 1.9 0 0 1 2-.4c.8.3 1.7.6 2.6.7a1.9 1.9 0 0 1 1.6 1.9z%22/%3E%3C/svg%3E");
}
.icon-file-image,
.icon-image-collection,
.icon-image-gallery,
.icon-picture,
.icon-picture-1,
.icon-picture-2 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Ccircle cx=%228.6%22 cy=%2210%22 r=%221.8%22/%3E%3Cpath d=%22M3.4 17.6 8.4 12.6l3.2 3.2 2.8-2.6 6.2 5.2%22/%3E%3C/svg%3E");
}
.icon-pin {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-filled%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.4 3.6h7.2%22/%3E%3Cpath d=%22M10.2 3.6 9.5 9.2l-2.7 2.5v1.7h10.4v-1.7l-2.7-2.5-.7-5.6z%22/%3E%3Cpath d=%22M12 13.4v7%22/%3E%3C/svg%3E");
}
.icon-pin-empty {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.4 3.6h7.2%22/%3E%3Cpath d=%22M10.2 3.6 9.5 9.2l-2.7 2.5v1.7h10.4v-1.7l-2.7-2.5-.7-5.6z%22/%3E%3Cpath d=%22M12 13.4v7%22/%3E%3C/svg%3E");
}
.icon-play,
.icon-vimeo,
.icon-youtube {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8 5.4 18.4 12 8 18.6z%22/%3E%3C/svg%3E");
}
.icon-plus,
.icon-plus-1,
.icon-plus-squared {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4.8v14.4%22/%3E%3Cpath d=%22M4.8 12h14.4%22/%3E%3C/svg%3E");
}
.icon-plus-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 8v8%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3C/svg%3E");
}
.icon-preview {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 12S6.3 6 12 6s9.5 6 9.5 6-3.8 6-9.5 6-9.5-6-9.5-6z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");
}
.icon-print,
.icon-print-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7 9V4h10v5%22/%3E%3Cpath d=%22M7 17H5.5A2.5 2.5 0 0 1 3 14.5v-3A2.5 2.5 0 0 1 5.5 9h13a2.5 2.5 0 0 1 2.5 2.5v3a2.5 2.5 0 0 1-2.5 2.5H17%22/%3E%3Crect x=%227%22 y=%2214%22 width=%2210%22 height=%226%22 rx=%221.5%22/%3E%3C/svg%3E");
}
.icon-cubes,
.icon-puzzle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.7 4.6a2.1 2.1 0 0 1 4.2 0c0 .6-.2 1.1-.6 1.5h3.6a1.4 1.4 0 0 1 1.4 1.4v3.6c.4-.4.9-.6 1.5-.6a2.1 2.1 0 0 1 0 4.2c-.6 0-1.1-.2-1.5-.6v3.6a1.4 1.4 0 0 1-1.4 1.4h-3.6c.4.4.6.9.6 1.5%22/%3E%3Cpath d=%22M13.9 20.6a2.1 2.1 0 0 1-4.2 0c0-.6.2-1.1.6-1.5H6.7a1.4 1.4 0 0 1-1.4-1.4v-3.6c-.4.4-.9.6-1.5.6a2.1 2.1 0 0 1 0-4.2c.6 0 1.1.2 1.5.6V7.5a1.4 1.4 0 0 1 1.4-1.4h3.6%22/%3E%3C/svg%3E");
}
.icon-question {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.6 8.4a3.5 3.5 0 1 1 4.7 3.3c-.95.35-1.3 1.05-1.3 2v.8%22/%3E%3Cpath d=%22M12 18.4h.05%22/%3E%3C/svg%3E");
}
.icon-quote {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.8 9.8H6.4a1.8 1.8 0 0 0-1.8 1.8v2.6a1.8 1.8 0 0 0 1.8 1.8h3.4v-1.8c0 2.4-1.2 4-3.4 4.6%22/%3E%3Cpath d=%22M19.6 9.8h-3.4a1.8 1.8 0 0 0-1.8 1.8v2.6a1.8 1.8 0 0 0 1.8 1.8h3.4v-1.8c0 2.4-1.2 4-3.4 4.6%22/%3E%3C/svg%3E");
}
.icon-radar {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2218%22 r=%221.8%22/%3E%3Cpath d=%22M7.9 18a5.8 5.8 0 0 1 1.7-4.1%22/%3E%3Cpath d=%22M4.6 18a9.1 9.1 0 0 1 2.7-6.5%22/%3E%3Cpath d=%22M1.4 18a12.4 12.4 0 0 1 3.6-8.8%22/%3E%3C/svg%3E");
}
.icon-redo {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20 9.4h-8a5.6 5.6 0 0 0 0 11.2h4.6%22/%3E%3Cpath d=%22M16 5.4l4 4-4 4%22/%3E%3C/svg%3E");
}
.icon-arrows-cw,
.icon-cw,
.icon-refresh {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20 12a8 8 0 1 1-2.6-5.9%22/%3E%3Cpath d=%22M20.4 4v4.6h-4.6%22/%3E%3C/svg%3E");
}
.icon-reply {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.4 7.4 5 12l4.4 4.6%22/%3E%3Cpath d=%22M5.6 12h8.5a6 6 0 0 1 6 6v1.6%22/%3E%3C/svg%3E");
}
.icon-reply-all {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7.4 7.4 3 12l4.4 4.6%22/%3E%3Cpath d=%22M12 7.4 7.6 12 12 16.6%22/%3E%3Cpath d=%22M8 12h6.6a6 6 0 0 1 6 6v1.6%22/%3E%3C/svg%3E");
}
.icon-arrows-apart,
.icon-resize-full {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 9.5V4h5.5%22/%3E%3Cpath d=%22M14.5 4H20v5.5%22/%3E%3Cpath d=%22M20 14.5V20h-5.5%22/%3E%3Cpath d=%22M9.5 20H4v-5.5%22/%3E%3C/svg%3E");
}
.icon-resize-small {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4v5.5H4%22/%3E%3Cpath d=%22M14.5 4v5.5H20%22/%3E%3Cpath d=%22M14.5 20v-5.5H20%22/%3E%3Cpath d=%22M9.5 20v-5.5H4%22/%3E%3C/svg%3E");
}
.icon-satellite {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 12.5l2-2 4 4-2 2z%22/%3E%3Cpath d=%22M4.5 7.5l3-3 4 4-3 3z%22/%3E%3Cpath d=%22M12.5 15.5l3-3 4 4-3 3z%22/%3E%3Cpath d=%22M11.5 10.5l-2.5-2.5%22/%3E%3Cpath d=%22M14 13l2.5 2.5%22/%3E%3Cpath d=%22M6 19a5 5 0 0 0-1-4%22/%3E%3C/svg%3E");
}
.icon-satellite-labels {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 7.5l3-3 4 4-3 3z%22/%3E%3Cpath d=%22M9.5 12.5l2-2 3 3-2 2z%22/%3E%3Cpath d=%22M11.5 10.5l-2.5-2.5%22/%3E%3Cpath d=%22M6 19a5 5 0 0 0-1-4%22/%3E%3Cpath d=%22M13 16.5h7.5v4H13z%22/%3E%3C/svg%3E");
}
.icon-floppy,
.icon-save {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6.5A2.5 2.5 0 0 1 6.5 4h9L20 8.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5z%22/%3E%3Cpath d=%22M8 4v4.6h6.4V4.4%22/%3E%3Crect x=%227.6%22 y=%2212.6%22 width=%228.8%22 height=%227.4%22 rx=%221%22/%3E%3C/svg%3E");
}
.icon-save-to-drive {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 18.4a1.9 1.9 0 0 1-1.9 1.9H5.5a1.9 1.9 0 0 1-1.9-1.9V6.4a1.9 1.9 0 0 1 1.9-1.9h3.6l2.3 2.7h7.1a1.9 1.9 0 0 1 1.9 1.9z%22/%3E%3Cpath d=%22M12 10.3v5.8%22/%3E%3Cpath d=%22m9 13.1 3 3 3-3%22/%3E%3C/svg%3E");
}
.icon-search,
.icon-search-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226%22/%3E%3Cpath d=%22M14.9 14.9 20.5 20.5%22/%3E%3C/svg%3E");
}
.icon-select {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%227.4%22 width=%2211.2%22 height=%2211.2%22 rx=%222%22/%3E%3Cpath d=%22M6.4 13 8.6 15.2 12 11.2%22/%3E%3Cpath d=%22M8 4.6h9.6a2 2 0 0 1 2 2v9.6%22/%3E%3C/svg%3E");
}
.icon-select-all {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Cpath d=%22M5.3 8.1 6.8 9.6 9 7%22/%3E%3Crect x=%223.4%22 y=%2213%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Cpath d=%22M5.3 16.7 6.8 18.2 9 15.6%22/%3E%3Cpath d=%22M13.4 8h7.2%22/%3E%3Cpath d=%22M13.4 16.6h7.2%22/%3E%3C/svg%3E");
}
.icon-paper-plane,
.icon-send {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.5 3.5 3 10.2l6.6 2.7 2.7 6.6z%22/%3E%3Cpath d=%22m20.5 3.5-10.9 9.4%22/%3E%3C/svg%3E");
}
.icon-cog,
.icon-cog-many,
.icon-settings {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.75 5.48L10.37 2.74A9.40 9.40 0 0 1 13.63 2.74L14.25 5.48A6.90 6.90 0 0 1 15.02 5.80L17.39 4.30A9.40 9.40 0 0 1 19.70 6.61L18.20 8.98A6.90 6.90 0 0 1 18.52 9.75L21.26 10.37A9.40 9.40 0 0 1 21.26 13.63L18.52 14.25A6.90 6.90 0 0 1 18.20 15.02L19.70 17.39A9.40 9.40 0 0 1 17.39 19.70L15.02 18.20A6.90 6.90 0 0 1 14.25 18.52L13.63 21.26A9.40 9.40 0 0 1 10.37 21.26L9.75 18.52A6.90 6.90 0 0 1 8.98 18.20L6.61 19.70A9.40 9.40 0 0 1 4.30 17.39L5.80 15.02A6.90 6.90 0 0 1 5.48 14.25L2.74 13.63A9.40 9.40 0 0 1 2.74 10.37L5.48 9.75A6.90 6.90 0 0 1 5.80 8.98L4.30 6.61A9.40 9.40 0 0 1 6.61 4.30L8.98 5.80A6.90 6.90 0 0 1 9.75 5.48Z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.1%22/%3E%3C/svg%3E");
}
.icon-share {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2217.6%22 cy=%226.2%22 r=%222.6%22/%3E%3Ccircle cx=%226.4%22 cy=%2212%22 r=%222.6%22/%3E%3Ccircle cx=%2217.6%22 cy=%2217.8%22 r=%222.6%22/%3E%3Cpath d=%22M8.8 10.8 15.2 7.4%22/%3E%3Cpath d=%22M8.8 13.2 15.2 16.6%22/%3E%3C/svg%3E");
}
.icon-shield {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6 19 6.3v5.2c0 4.3-3 7.6-7 8.9-4-1.3-7-4.6-7-8.9V6.3z%22/%3E%3C/svg%3E");
}
.icon-shuffle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.4 7h3.2c4.4 0 5.8 10 10.2 10h3.4%22/%3E%3Cpath d=%22M3.4 17h3.2c1.9 0 3.2-1.9 4.3-4%22/%3E%3Cpath d=%22M17.6 4 20.6 7l-3 3%22/%3E%3Cpath d=%22M17.6 14l3 3-3 3%22/%3E%3C/svg%3E");
}
.icon-sidebar,
.icon-sidebar-2 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3Cpath d=%22M5.6 8.6h2.2%22/%3E%3Cpath d=%22M5.6 12h2.2%22/%3E%3Cpath d=%22M5.6 15.4h2.2%22/%3E%3C/svg%3E");
}
.icon-sidebar-collapse {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3Cpath d=%22M16.4 9.6 14 12l2.4 2.4%22/%3E%3C/svg%3E");
}
.icon-sidebar-left {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3C/svg%3E");
}
.icon-sidebar-left-open {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3Cpath d=%22M13.8 9.6 16.2 12l-2.4 2.4%22/%3E%3C/svg%3E");
}
.icon-signal {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.3%22 stroke-dasharray=%223.1 1.9%22/%3E%3Cpath d=%22M12 6.2a5.8 5.8 0 0 0-5 8.7l-.8 2.9 2.9-.8A5.8 5.8 0 1 0 12 6.2z%22/%3E%3C/svg%3E");
}
.icon-sitemap {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%229%22 y=%223.5%22 width=%226%22 height=%225%22 rx=%221.5%22/%3E%3Crect x=%223.5%22 y=%2215.5%22 width=%226%22 height=%225%22 rx=%221.5%22/%3E%3Crect x=%2214.5%22 y=%2215.5%22 width=%226%22 height=%225%22 rx=%221.5%22/%3E%3Cpath d=%22M12 8.5V12%22/%3E%3Cpath d=%22M6.5 15.5V12h11v3.5%22/%3E%3C/svg%3E");
}
.icon-skip {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 5.6 15 12 6 18.4z%22/%3E%3Cpath d=%22M18 5.2v13.6%22/%3E%3C/svg%3E");
}
.icon-skip-back {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M18 5.6 9 12 18 18.4z%22/%3E%3Cpath d=%22M6 5.2v13.6%22/%3E%3C/svg%3E");
}
.icon-slides {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224%22 width=%2217.2%22 height=%2211.4%22 rx=%221.8%22/%3E%3Cpath d=%22M12 15.4v3%22/%3E%3Cpath d=%22m8.4 20.4 3.6-2 3.6 2%22/%3E%3C/svg%3E");
}
.icon-slideshow,
.icon-stage {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%222.5%22 y=%224.5%22 width=%2219%22 height=%2213%22 rx=%222.5%22/%3E%3Cpath d=%22M10.3 9.4 14.6 11.6l-4.3 2.2z%22/%3E%3Cpath d=%22M8.5 20.5h7%22/%3E%3C/svg%3E");
}
.icon-sort-alphabetical {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 4.5V19.5%22/%3E%3Cpath d=%22M3 16.5 6 19.5 9 16.5%22/%3E%3Cpath d=%22M13.6 10.4 16.1 4.7 18.6 10.4%22/%3E%3Cpath d=%22M14.6 8.5h3%22/%3E%3Cpath d=%22M13.8 13.9h4.4l-4.4 5.3h4.4%22/%3E%3C/svg%3E");
}
.icon-sort-oldest {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 19.5V4.5%22/%3E%3Cpath d=%22M3 7.5 6 4.5 9 7.5%22/%3E%3Ccircle cx=%2216.2%22 cy=%2212%22 r=%225.3%22/%3E%3Cpath d=%22M16.2 8.6V12l2.5 1.5%22/%3E%3C/svg%3E");
}
.icon-sort-recent {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 4.5V19.5%22/%3E%3Cpath d=%22M3 16.5 6 19.5 9 16.5%22/%3E%3Ccircle cx=%2216.2%22 cy=%2212%22 r=%225.3%22/%3E%3Cpath d=%22M16.2 8.6V12l2.5 1.5%22/%3E%3C/svg%3E");
}
.icon-sort-size {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 4.5V19.5%22/%3E%3Cpath d=%22M3 16.5 6 19.5 9 16.5%22/%3E%3Cpath d=%22M12.6 7h8.4%22/%3E%3Cpath d=%22M12.6 12h5.9%22/%3E%3Cpath d=%22M12.6 17h3.4%22/%3E%3C/svg%3E");
}
.icon-file-code,
.icon-source {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.8 7.4 3.4 12l5.4 4.6%22/%3E%3Cpath d=%22M15.2 7.4 20.6 12l-5.4 4.6%22/%3E%3Cpath d=%22M13.4 4.8 10.6 19.2%22/%3E%3C/svg%3E");
}
.icon-sparkle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.5 13.8 8.7 19 10.5 13.8 12.3 12 17.5 10.2 12.3 5 10.5 10.2 8.7 Z%22/%3E%3Cpath d=%22M19 15.5v4M17 17.5h4%22/%3E%3Cpath d=%22M5.5 16.5v3M4 18h3%22/%3E%3C/svg%3E");
}
.icon-speedometer {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.6 17.5a8.5 8.5 0 1 1 14.8 0%22/%3E%3Cpath d=%22m12 13.5 3.6-4.6%22/%3E%3Ccircle cx=%2212%22 cy=%2213.5%22 r=%221.3%22/%3E%3C/svg%3E");
}
.icon-religious-jewish,
.icon-star-of-david {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 2.8l8.2 14.2H3.8z%22/%3E%3Cpath d=%22M12 21.2L3.8 7h16.4z%22/%3E%3C/svg%3E");
}
.icon-strike {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 12h16.8%22/%3E%3Cpath d=%22M16.6 7.6c-1-1.9-2.9-3-5-3-2.5 0-4.5 1.2-4.5 3.2 0 1.5 1 2.5 2.6 3.2%22/%3E%3Cpath d=%22M7.4 16.4c1 2 2.9 3 5.2 3 2.6 0 4.4-1.3 4.4-3.3 0-.8-.3-1.5-.9-2.1%22/%3E%3C/svg%3E");
}
.icon-table {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.5%22 y=%224.5%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 9.5h17%22/%3E%3Cpath d=%22M3.5 14.5h17%22/%3E%3Cpath d=%22M9.5 9.5v10%22/%3E%3Cpath d=%22M15 9.5v10%22/%3E%3C/svg%3E");
}
.icon-remove-tag,
.icon-tag,
.icon-tags {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M11.3 3.6H5.6a2 2 0 0 0-2 2v5.7a2 2 0 0 0 .6 1.4l7.3 7.3a2 2 0 0 0 2.8 0l5.7-5.7a2 2 0 0 0 0-2.8l-7.3-7.3a2 2 0 0 0-1.4-.6z%22/%3E%3Ccircle cx=%228.2%22 cy=%228.2%22 r=%221.3%22/%3E%3C/svg%3E");
}
.icon-tart {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3 20.5h18%22/%3E%3Crect x=%225%22 y=%2212%22 width=%2214%22 height=%228.5%22 rx=%221.5%22/%3E%3Cpath d=%22M5 15.5c1.2 1.2 2.3 1.2 3.5 0s2.3-1.2 3.5 0 2.3 1.2 3.5 0 2.3-1.2 3.5 0%22/%3E%3Cpath d=%22M12 12V8.5%22/%3E%3Cpath d=%22M12 3.5c-.9 1.1-1.3 1.9-1.3 2.5a1.3 1.3 0 0 0 2.6 0c0-.6-.4-1.4-1.3-2.5z%22/%3E%3C/svg%3E");
}
.icon-thumbs-up,
.icon-thumbs-up-1,
.icon-thumbs-up-alt {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7.5 10.5v9h-3v-9z%22/%3E%3Cpath d=%22M7.5 10.5 11 4.4a1.9 1.9 0 0 1 3.4 1.5l-.9 3.6h4.6a2 2 0 0 1 2 2.4l-1.3 6a2 2 0 0 1-2 1.6H7.5%22/%3E%3C/svg%3E");
}
.icon-bus,
.icon-transit {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 4.5h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2z%22/%3E%3Cpath d=%22M4 11.5h16%22/%3E%3Cpath d=%22M8 15.5h.5%22/%3E%3Cpath d=%22M15.5 15.5h.5%22/%3E%3Cpath d=%22M7.5 18.5v2%22/%3E%3Cpath d=%22M16.5 18.5v2%22/%3E%3C/svg%3E");
}
.icon-trash,
.icon-trash-empty {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 6.6h15%22/%3E%3Cpath d=%22M9.6 6.6V4.5h4.8v2.1%22/%3E%3Cpath d=%22M6.6 6.6 7.6 19.5h8.8l1-12.9%22/%3E%3Cpath d=%22M10.4 10.2v5.8%22/%3E%3Cpath d=%22M13.6 10.2v5.8%22/%3E%3C/svg%3E");
}
.icon-umbrella {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 12a8.5 8.5 0 0 1 17 0z%22/%3E%3Cpath d=%22M12 12v6a2 2 0 0 1-4 0%22/%3E%3C/svg%3E");
}
.icon-ccw,
.icon-undo {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 9.4h8a5.6 5.6 0 0 1 0 11.2H7.4%22/%3E%3Cpath d=%22M8 5.4 4 9.4l4 4%22/%3E%3C/svg%3E");
}
.icon-up,
.icon-up-open {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 14.5 12 7l7.5 7.5%22/%3E%3C/svg%3E");
}
.icon-up-circle,
.icon-up-circled {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.8 13.6 12 10.4l3.2 3.2%22/%3E%3C/svg%3E");
}
.icon-arrow-combo,
.icon-updown,
.icon-updown-circle {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.4 10.2 12 7.6l2.6 2.6%22/%3E%3Cpath d=%22M9.4 13.8 12 16.4l2.6-2.6%22/%3E%3C/svg%3E");
}
.icon-upload,
.icon-upload-cloud {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 19.6V9%22/%3E%3Cpath d=%22M7.6 13.4 12 9l4.4 4.4%22/%3E%3Cpath d=%22M4.5 4.5h15%22/%3E%3C/svg%3E");
}
.icon-user,
.icon-user-1,
.icon-user-secret {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%228.2%22 r=%223.8%22/%3E%3Cpath d=%22M4.6 20.4a7.4 7.4 0 0 1 14.8 0%22/%3E%3C/svg%3E");
}
.icon-follow,
.icon-user-add {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%229.6%22 cy=%228.2%22 r=%223.6%22/%3E%3Cpath d=%22M3.4 20.4a6.2 6.2 0 0 1 12.4 0%22/%3E%3Cpath d=%22M18.4 8.6v5.2%22/%3E%3Cpath d=%22M15.8 11.2h5.2%22/%3E%3C/svg%3E");
}
.icon-group,
.icon-handshake,
.icon-users,
.icon-users-1 {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%229%22 cy=%228.4%22 r=%223.4%22/%3E%3Cpath d=%22M3.4 19.8a5.6 5.6 0 0 1 11.2 0%22/%3E%3Cpath d=%22M16.4 5.4a3.4 3.4 0 0 1 0 6%22/%3E%3Cpath d=%22M17.8 14.9a5.6 5.6 0 0 1 2.8 4.9%22/%3E%3C/svg%3E");
}
.icon-vault {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 18.4a1.9 1.9 0 0 1-1.9 1.9H5.5a1.9 1.9 0 0 1-1.9-1.9V6.4a1.9 1.9 0 0 1 1.9-1.9h3.6l2.3 2.7h7.1a1.9 1.9 0 0 1 1.9 1.9z%22/%3E%3Ccircle cx=%2212%22 cy=%2213.8%22 r=%223.3%22/%3E%3Ccircle cx=%2212%22 cy=%2213.8%22 r=%220.55%22/%3E%3C/svg%3E");
}
.icon-vault-dial {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.8%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.4%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%220.5%22/%3E%3Cpath d=%22M16.3 7.7l2.6-2.6M7.7 7.7L5.1 5.1M16.3 16.3l2.6 2.6M7.7 16.3l-2.6 2.6%22/%3E%3C/svg%3E");
}
.icon-file-video,
.icon-video {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M10.4 9.4 15.4 12l-5 2.6z%22/%3E%3C/svg%3E");
}
.icon-videocam {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%222.5%22 y=%226.4%22 width=%2213%22 height=%2211.2%22 rx=%222.5%22/%3E%3Cpath d=%22M15.5 11.2 20.8 8v8l-5.3-3.2z%22/%3E%3C/svg%3E");
}
.icon-eye,
.icon-eye-1,
.icon-visibility {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 12S6.3 6 12 6s9.5 6 9.5 6-3.8 6-9.5 6-9.5-6-9.5-6z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");
}
.icon-eye-off,
.icon-visibility-off {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 12S6.3 6 12 6s9.5 6 9.5 6-3.8 6-9.5 6-9.5-6-9.5-6z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3Cpath d=%22M4 20 20 4%22/%3E%3C/svg%3E");
}
.icon-file-audio,
.icon-volume {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 9.4h3.4L11.4 5.6v12.8L7 14.6H3.6z%22/%3E%3Cpath d=%22M15.4 9.2a4.2 4.2 0 0 1 0 5.6%22/%3E%3Cpath d=%22M18.2 6.6a8 8 0 0 1 0 10.8%22/%3E%3C/svg%3E");
}
.icon-whatsapp {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.5a8.5 8.5 0 0 0-7.3 12.9L3.5 20.5l4.2-1.1A8.5 8.5 0 1 0 12 3.5z%22/%3E%3Cpath d=%22M9.2 8.4c.4-.4.9-.3 1.1.1l.7 1.5c.1.3 0 .6-.2.8l-.5.5c.5 1.1 1.4 2 2.5 2.5l.5-.5c.2-.2.5-.3.8-.2l1.5.7c.4.2.5.7.1 1.1-.6.6-1.5.9-2.4.6-2.2-.8-3.9-2.5-4.7-4.7-.3-.9 0-1.8.6-2.4z%22/%3E%3C/svg%3E");
}
.icon-widen {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 6.5v11%22/%3E%3Cpath d=%22M19.5 6.5v11%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3Cpath d=%22M13.8 9.8 16 12l-2.2 2.2%22/%3E%3Cpath d=%22M10.2 9.8 8 12l2.2 2.2%22/%3E%3C/svg%3E");
}
.icon-window-maximize {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.8%22 y=%225.2%22 width=%2216.4%22 height=%2213.6%22 rx=%222.4%22/%3E%3C/svg%3E");
}
.icon-window-restore {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.2%22 y=%228.6%22 width=%2212.2%22 height=%2211.2%22 rx=%222.2%22/%3E%3Cpath d=%22M7.6 8.6V6.4a2.2 2.2 0 0 1 2.2-2.2h9a2.2 2.2 0 0 1 2.2 2.2v9a2.2 2.2 0 0 1-2.2 2.2h-2.2%22/%3E%3C/svg%3E");
}
.icon-windows {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6.2 11 5.2v6H4z%22/%3E%3Cpath d=%22M13 4.9 20 4v7.2h-7z%22/%3E%3Cpath d=%22M4 12.8h7v6l-7-1z%22/%3E%3Cpath d=%22M13 12.8h7V20l-7-.9z%22/%3E%3C/svg%3E");
}
.icon-workspace {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.4 20.6 7.8 12 12.2 3.4 7.8z%22/%3E%3Cpath d=%22M3.4 12 12 16.4 20.6 12%22/%3E%3Cpath d=%22M3.4 16.2 12 20.6 20.6 16.2%22/%3E%3C/svg%3E");
}
.icon-wrench {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M15.2 3.8a5.4 5.4 0 0 0-4.5 8.3L4 18.8a2 2 0 0 0 2.8 2.8l6.7-6.7a5.4 5.4 0 0 0 6.8-6.9l-3 3-2.9-.7-.7-2.9 3-3a5.4 5.4 0 0 0-1.5-.6z%22/%3E%3C/svg%3E");
}
.icon-zoom-in {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226%22/%3E%3Cpath d=%22M14.9 14.9 20.5 20.5%22/%3E%3Cpath d=%22M10.5 7.9v5.2%22/%3E%3Cpath d=%22M7.9 10.5h5.2%22/%3E%3C/svg%3E");
}
.icon-zoom-out {
  --kik-icon-svg: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226%22/%3E%3Cpath d=%22M14.9 14.9 20.5 20.5%22/%3E%3Cpath d=%22M7.9 10.5h5.2%22/%3E%3C/svg%3E");
}
:root {
  --kik-svg-alarm: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%227%22/%3E%3Cpath d=%22M12 9.6v3.6l2.4 1.6%22/%3E%3Cpath d=%22M4.6 6.6 7.4 4.2%22/%3E%3Cpath d=%22M19.4 6.6 16.6 4.2%22/%3E%3C/svg%3E");
  --kik-svg-align-center: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M7 10h10%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M7 18h10%22/%3E%3C/svg%3E");
  --kik-svg-align-justify: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M4 10h16%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M4 18h16%22/%3E%3C/svg%3E");
  --kik-svg-align-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M4 10h10%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M4 18h10%22/%3E%3C/svg%3E");
  --kik-svg-align-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 6h16%22/%3E%3Cpath d=%22M10 10h10%22/%3E%3Cpath d=%22M4 14h16%22/%3E%3Cpath d=%22M10 18h10%22/%3E%3C/svg%3E");
  --kik-svg-angle-double-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M17.5 6.5 12 12l5.5 5.5%22/%3E%3Cpath d=%22M11.5 6.5 6 12l5.5 5.5%22/%3E%3C/svg%3E");
  --kik-svg-angle-double-left-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M17.5 6.5 12 12l5.5 5.5%22/%3E%3Cpath d=%22M11.5 6.5 6 12l5.5 5.5%22/%3E%3C/svg%3E");
  --kik-svg-angle-double-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 6.5 12 12l-5.5 5.5%22/%3E%3Cpath d=%22M12.5 6.5 18 12l-5.5 5.5%22/%3E%3C/svg%3E");
  --kik-svg-angle-double-right-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 6.5 12 12l-5.5 5.5%22/%3E%3Cpath d=%22M12.5 6.5 18 12l-5.5 5.5%22/%3E%3C/svg%3E");
  --kik-svg-angle-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.5 4.5 7 12l7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-angle-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4.5 17 12l-7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-app: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%224.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");
  --kik-svg-app-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%224.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");
  --kik-svg-archive: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.6%22 width=%2218%22 height=%224.2%22 rx=%221.5%22/%3E%3Cpath d=%22M5 8.8v8.6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8.8%22/%3E%3Cpath d=%22M10 12.6h4%22/%3E%3C/svg%3E");
  --kik-svg-arrow-left-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M17.5 12h-11%22/%3E%3Cpath d=%22m11 7.5-4.5 4.5 4.5 4.5%22/%3E%3C/svg%3E");
  --kik-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 12h11%22/%3E%3Cpath d=%22m13 7.5 4.5 4.5-4.5 4.5%22/%3E%3C/svg%3E");
  --kik-svg-arrow-right-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 12h11%22/%3E%3Cpath d=%22m13 7.5 4.5 4.5-4.5 4.5%22/%3E%3C/svg%3E");
  --kik-svg-asterisk: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4.5v15%22/%3E%3Cpath d=%22m5.5 8.25 13 7.5%22/%3E%3Cpath d=%22m18.5 8.25-13 7.5%22/%3E%3C/svg%3E");
  --kik-svg-attach: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M18.5 10.5 11 18a4.5 4.5 0 0 1-6.4-6.4l8-8a3 3 0 0 1 4.3 4.3l-8 8a1.5 1.5 0 0 1-2.1-2.1l7.3-7.3%22/%3E%3C/svg%3E");
  --kik-svg-attention: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6 21.4 20H2.6z%22/%3E%3Cpath d=%22M12 10v4.6%22/%3E%3Cpath d=%22M12 17.4h.05%22/%3E%3C/svg%3E");
  --kik-svg-attention-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6 21.4 20H2.6z%22/%3E%3Cpath d=%22M12 10v4.6%22/%3E%3Cpath d=%22M12 17.4h.05%22/%3E%3C/svg%3E");
  --kik-svg-baby-bottle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.4 3.6h5.2%22/%3E%3Cpath d=%22M10.2 3.6c0 1.1-.4 1.7-1 2.3a2.2 2.2 0 0 0-.7 1.5h6.9a2.2 2.2 0 0 0-.7-1.5c-.6-.6-1-1.2-1-2.3%22/%3E%3Cpath d=%22M8.5 7.4h7v11a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M10.8 10.8h2.4%22/%3E%3Cpath d=%22M10.8 13.8h2.4%22/%3E%3C/svg%3E");
  --kik-svg-back: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.5 4.5 7 12l7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-back-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M14.5 4.5 7 12l7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-basket: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 9.5h17l-1.8 8.4a2 2 0 0 1-2 1.6H7.3a2 2 0 0 1-2-1.6z%22/%3E%3Cpath d=%22m8 9.5 3-5%22/%3E%3Cpath d=%22m16 9.5-3-5%22/%3E%3Cpath d=%22M9.5 13v3%22/%3E%3Cpath d=%22M14.5 13v3%22/%3E%3C/svg%3E");
  --kik-svg-bicycle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%225.5%22 cy=%2215.5%22 r=%223.5%22/%3E%3Ccircle cx=%2218.5%22 cy=%2215.5%22 r=%223.5%22/%3E%3Cpath d=%22M5.5 15.5 9 8.5h7l2.5 7%22/%3E%3Cpath d=%22M9 8.5l3.5 7h-7%22/%3E%3Cpath d=%22M12.5 15.5 16 8.5%22/%3E%3Cpath d=%22M8 6.5h2.5%22/%3E%3Cpath d=%22M15 6h2l-1 2.5%22/%3E%3C/svg%3E");
  --kik-svg-birthday: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%2212%22 width=%2216%22 height=%228.5%22 rx=%222%22/%3E%3Cpath d=%22M4 15.6c2.7 1.6 5.3 1.6 8 0s5.3-1.6 8 0%22/%3E%3Cpath d=%22M9 12V8.6%22/%3E%3Cpath d=%22M15 12V8.6%22/%3E%3Cpath d=%22M9 5.6v.4%22/%3E%3Cpath d=%22M15 5.6v.4%22/%3E%3C/svg%3E");
  --kik-svg-bold: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7 4.6h5.4a3.7 3.7 0 0 1 0 7.4H7z%22/%3E%3Cpath d=%22M7 12h6.6a3.7 3.7 0 0 1 0 7.4H7z%22/%3E%3C/svg%3E");
  --kik-svg-book: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.4 3.6h11.2a1.6 1.6 0 0 1 1.6 1.6v13.6a1.6 1.6 0 0 1-1.6 1.6H6.4a1.6 1.6 0 0 1-1.6-1.6V5.2a1.6 1.6 0 0 1 1.6-1.6z%22/%3E%3Cpath d=%22M8.4 3.6v16.8%22/%3E%3C/svg%3E");
  --kik-svg-bookmark: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-filled%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.00 2.60 L14.32 8.80 L20.94 9.10 L15.76 13.22 L17.53 19.60 L12.00 15.95 L6.47 19.60 L8.24 13.22 L3.06 9.10 L9.68 8.80 Z%22/%3E%3C/svg%3E");
  --kik-svg-bookmark-empty: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.00 2.60 L14.32 8.80 L20.94 9.10 L15.76 13.22 L17.53 19.60 L12.00 15.95 L6.47 19.60 L8.24 13.22 L3.06 9.10 L9.68 8.80 Z%22/%3E%3C/svg%3E");
  --kik-svg-bookmark-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-filled%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12.00 2.60 L14.32 8.80 L20.94 9.10 L15.76 13.22 L17.53 19.60 L12.00 15.95 L6.47 19.60 L8.24 13.22 L3.06 9.10 L9.68 8.80 Z%22/%3E%3C/svg%3E");
  --kik-svg-briefcase: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%227.4%22 width=%2218%22 height=%2212.2%22 rx=%222%22/%3E%3Cpath d=%22M9 7.4V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1.4%22/%3E%3Cpath d=%22M3 12.4h18%22/%3E%3C/svg%3E");
  --kik-svg-building: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.6 20.6V5.4a1.8 1.8 0 0 1 1.8-1.8h6.8a1.8 1.8 0 0 1 1.8 1.8v15.2%22/%3E%3Cpath d=%22M15 10.6h2.6a1.8 1.8 0 0 1 1.8 1.8v8.2%22/%3E%3Cpath d=%22M3.4 20.6h17.2%22/%3E%3Cpath d=%22M7.8 7.4h1.2%22/%3E%3Cpath d=%22M10.8 7.4H12%22/%3E%3Cpath d=%22M7.8 11h1.2%22/%3E%3Cpath d=%22M10.8 11H12%22/%3E%3Cpath d=%22M7.8 14.6h1.2%22/%3E%3Cpath d=%22M10.8 14.6H12%22/%3E%3Cpath d=%22M8.8 20.6v-2.4h2.2v2.4%22/%3E%3C/svg%3E");
  --kik-svg-calendar: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.5%22 y=%225.5%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 10.4h17%22/%3E%3Cpath d=%22M8 3.4v4%22/%3E%3Cpath d=%22M16 3.4v4%22/%3E%3C/svg%3E");
  --kik-svg-calendar-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.5%22 y=%225.5%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 10.4h17%22/%3E%3Cpath d=%22M8 3.4v4%22/%3E%3Cpath d=%22M16 3.4v4%22/%3E%3C/svg%3E");
  --kik-svg-candle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 2.5c2.2 2.6 2.9 4.5 0 7.3-2.9-2.8-2.2-4.7 0-7.3z%22/%3E%3Crect x=%228.5%22 y=%2211.5%22 width=%227%22 height=%2210%22 rx=%221%22/%3E%3C/svg%3E");
  --kik-svg-car: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 15.5l1.6-5.2A2 2 0 0 1 7.5 9h9a2 2 0 0 1 1.9 1.3L20 15.5%22/%3E%3Cpath d=%22M3.5 15.5h17v3.5h-17z%22/%3E%3Ccircle cx=%227.5%22 cy=%2219%22 r=%221.4%22/%3E%3Ccircle cx=%2216.5%22 cy=%2219%22 r=%221.4%22/%3E%3Cpath d=%22M6 12.5h12%22/%3E%3C/svg%3E");
  --kik-svg-chat: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.4 5.4h15.2a2 2 0 0 1 2 2v7.8a2 2 0 0 1-2 2H10.2l-4.6 3.4v-3.4H4.4a2 2 0 0 1-2-2V7.4a2 2 0 0 1 2-2z%22/%3E%3C/svg%3E");
  --kik-svg-checkbox-checked: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%224.5%22 width=%2215%22 height=%2215%22 rx=%223%22/%3E%3Cpath d=%22m8.4 12.3 2.6 2.6 4.8-5.6%22/%3E%3C/svg%3E");
  --kik-svg-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3C/svg%3E");
  --kik-svg-clock: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 6.8V12l3.4 2%22/%3E%3C/svg%3E");
  --kik-svg-close: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.2 6.2 17.8 17.8%22/%3E%3Cpath d=%22M17.8 6.2 6.2 17.8%22/%3E%3C/svg%3E");
  --kik-svg-close-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.2 9.2 14.8 14.8%22/%3E%3Cpath d=%22M14.8 9.2 9.2 14.8%22/%3E%3C/svg%3E");
  --kik-svg-close-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.2 6.2 17.8 17.8%22/%3E%3Cpath d=%22M17.8 6.2 6.2 17.8%22/%3E%3C/svg%3E");
  --kik-svg-cloud: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7.4 18.8h9.4a4.2 4.2 0 0 0 .4-8.4 6.2 6.2 0 0 0-11.8-1.2 4.6 4.6 0 0 0 2 9.6z%22/%3E%3C/svg%3E");
  --kik-svg-columns: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%224%22 height=%2215.2%22 rx=%221.4%22/%3E%3Crect x=%2210%22 y=%224.4%22 width=%224%22 height=%2215.2%22 rx=%221.4%22/%3E%3Crect x=%2216.6%22 y=%224.4%22 width=%224%22 height=%2215.2%22 rx=%221.4%22/%3E%3C/svg%3E");
  --kik-svg-contacts: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.8 3.6h10.8a1.8 1.8 0 0 1 1.8 1.8v13.2a1.8 1.8 0 0 1-1.8 1.8H6.8z%22/%3E%3Cpath d=%22M6.8 3.6H5.2a1.4 1.4 0 0 0-1.4 1.4v14a1.4 1.4 0 0 0 1.4 1.4h1.6%22/%3E%3Ccircle cx=%2212.8%22 cy=%229.9%22 r=%222.2%22/%3E%3Cpath d=%22M9.4 16.6a3.6 3.6 0 0 1 6.8 0%22/%3E%3C/svg%3E");
  --kik-svg-copy: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%228.6%22 y=%228.6%22 width=%2211.4%22 height=%2211.4%22 rx=%222.2%22/%3E%3Cpath d=%22M15.4 8.6V6.2a2.2 2.2 0 0 0-2.2-2.2H6.2A2.2 2.2 0 0 0 4 6.2v7a2.2 2.2 0 0 0 2.2 2.2h2.4%22/%3E%3C/svg%3E");
  --kik-svg-cross: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3v18%22/%3E%3Cpath d=%22M6 8.5h12%22/%3E%3C/svg%3E");
  --kik-svg-crown: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.6 18.6h14.8%22/%3E%3Cpath d=%22M4.6 18.6 3.4 7.6l5 3.6L12 4.6l3.6 6.6 5-3.6-1.2 11z%22/%3E%3C/svg%3E");
  --kik-svg-deselect-all: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Crect x=%223.4%22 y=%2213%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Cpath d=%22M13.4 8h7.2%22/%3E%3Cpath d=%22M13.4 16.6h7.2%22/%3E%3C/svg%3E");
  --kik-svg-division: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%229%22 y=%223.4%22 width=%226%22 height=%224.6%22 rx=%221.3%22/%3E%3Crect x=%222.8%22 y=%2216%22 width=%226%22 height=%224.6%22 rx=%221.3%22/%3E%3Crect x=%2215.2%22 y=%2216%22 width=%226%22 height=%224.6%22 rx=%221.3%22/%3E%3Cpath d=%22M12 8v3.4%22/%3E%3Cpath d=%22M5.8 16v-2.4h12.4V16%22/%3E%3Cpath d=%22M12 11.4v2.2%22/%3E%3C/svg%3E");
  --kik-svg-document: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 4.2H7.4a2 2 0 0 0-2 2v11.6a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V9.2z%22/%3E%3Cpath d=%22M13.4 4.2v5h5.2%22/%3E%3Cpath d=%22M8.6 13h6.4%22/%3E%3Cpath d=%22M8.6 16.2h4.2%22/%3E%3C/svg%3E");
  --kik-svg-dot-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.4%22 fill=%22currentColor%22/%3E%3C/svg%3E");
  --kik-svg-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 9.5 12 17l7.5-7.5%22/%3E%3C/svg%3E");
  --kik-svg-down-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.8 10.4 12 13.6l3.2-3.2%22/%3E%3C/svg%3E");
  --kik-svg-download: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4v10.6%22/%3E%3Cpath d=%22M7.6 10.4 12 14.8l4.4-4.4%22/%3E%3Cpath d=%22M4.5 19.5h15%22/%3E%3C/svg%3E");
  --kik-svg-draft: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.2 3.6H6.4a2 2 0 0 0-2 2v12.4a2 2 0 0 0 2 2h4.6%22/%3E%3Cpath d=%22M13.2 3.6v4.4h4.4%22/%3E%3Cpath d=%22M17.6 8v3%22/%3E%3Cpath d=%22M8 11.4h5%22/%3E%3Cpath d=%22M8 14.4h3%22/%3E%3Cpath d=%22M19.4 14.6a1.25 1.25 0 0 1 1.8 1.8l-3.8 3.8-2.3.5.5-2.3z%22/%3E%3C/svg%3E");
  --kik-svg-dropbox: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-brand%22 fill=%22currentColor%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z%22/%3E%3C/svg%3E");
  --kik-svg-edit: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 20.1 4.9 16 15.3 5.6a2.1 2.1 0 0 1 3 0l.1.1a2.1 2.1 0 0 1 0 3L8 19.2z%22/%3E%3Cpath d=%22M14.3 6.7 17.3 9.7%22/%3E%3C/svg%3E");
  --kik-svg-feather: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M19.8 4.2C13.4 4.4 8.6 8.4 7.6 15.2L6.4 20%22/%3E%3Cpath d=%22M7.9 13.4c5.4.2 9.9-3.2 11.9-9.2%22/%3E%3Cpath d=%22M10.4 10.6h5.2%22/%3E%3C/svg%3E");
  --kik-svg-file-excel: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22m9.5 11.6 5 4.6%22/%3E%3Cpath d=%22m14.5 11.6-5 4.6%22/%3E%3C/svg%3E");
  --kik-svg-file-powerpoint: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22M10.25 16.4v-4.8h2a1.5 1.5 0 0 1 0 3h-2%22/%3E%3C/svg%3E");
  --kik-svg-file-word: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 3.6H7.4a2 2 0 0 0-2 2v12.8a2 2 0 0 0 2 2h9.2a2 2 0 0 0 2-2V8.8z%22/%3E%3Cpath d=%22M13.4 3.6v5h5.2%22/%3E%3Cpath d=%22M9.6 11.6l1.2 4.4 1.2-3 1.2 3 1.2-4.4%22/%3E%3C/svg%3E");
  --kik-svg-filter: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.8 5.5h16.4L13.6 13v6.1l-3.2 1.6V13z%22/%3E%3C/svg%3E");
  --kik-svg-find-selection: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 7h10%22/%3E%3Cpath d=%22M4.5 12h15%22/%3E%3Cpath d=%22M4.5 17h8%22/%3E%3C/svg%3E");
  --kik-svg-flag: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M5.4 21V3.6%22/%3E%3Cpath d=%22M5.4 4.6c4.4-2 8.8 2 13.2 0v9.6c-4.4 2-8.8-2-13.2 0z%22/%3E%3C/svg%3E");
  --kik-svg-folder: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20.4 18.4a1.9 1.9 0 0 1-1.9 1.9H5.5a1.9 1.9 0 0 1-1.9-1.9V6.4a1.9 1.9 0 0 1 1.9-1.9h3.6l2.3 2.7h7.1a1.9 1.9 0 0 1 1.9 1.9z%22/%3E%3C/svg%3E");
  --kik-svg-font: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M5.4 7.2V4.8h13.2v2.4%22/%3E%3Cpath d=%22M12 4.8v14.4%22/%3E%3Cpath d=%22M9 19.2h6%22/%3E%3C/svg%3E");
  --kik-svg-forward: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4.5 17 12l-7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-forward-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4.5 17 12l-7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-globe: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M3.5 12h17%22/%3E%3Cpath d=%22M12 3.5c2.7 2.5 2.7 14.5 0 17%22/%3E%3Cpath d=%22M12 3.5c-2.7 2.5-2.7 14.5 0 17%22/%3E%3C/svg%3E");
  --kik-svg-graph-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22%23fff%22 stroke=%22none%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212.00%22 cy=%224.80%22 r=%221.45%22/%3E%3Ccircle cx=%2217.09%22 cy=%226.91%22 r=%221.45%22/%3E%3Ccircle cx=%2219.20%22 cy=%2212.00%22 r=%221.45%22/%3E%3Ccircle cx=%2217.09%22 cy=%2217.09%22 r=%221.45%22/%3E%3Ccircle cx=%2212.00%22 cy=%2219.20%22 r=%221.45%22/%3E%3Ccircle cx=%226.91%22 cy=%2217.09%22 r=%221.45%22/%3E%3Ccircle cx=%224.80%22 cy=%2212.00%22 r=%221.45%22/%3E%3Ccircle cx=%226.91%22 cy=%226.91%22 r=%221.45%22/%3E%3Ccircle cx=%2214.47%22 cy=%229.53%22 r=%221.45%22/%3E%3Ccircle cx=%2214.47%22 cy=%2214.47%22 r=%221.45%22/%3E%3Ccircle cx=%229.53%22 cy=%2214.47%22 r=%221.45%22/%3E%3Ccircle cx=%229.53%22 cy=%229.53%22 r=%221.45%22/%3E%3C/svg%3E");
  --kik-svg-grid: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224%22 y=%224%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213%22 y=%224%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%224%22 y=%2213%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213%22 y=%2213%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3C/svg%3E");
  --kik-svg-heart: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 19.6s-7.6-4.7-7.6-10.1a4.2 4.2 0 0 1 7.6-2.5 4.2 4.2 0 0 1 7.6 2.5c0 5.4-7.6 10.1-7.6 10.1z%22/%3E%3C/svg%3E");
  --kik-svg-heart-fill: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22currentColor%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 19.6s-7.6-4.7-7.6-10.1a4.2 4.2 0 0 1 7.6-2.5 4.2 4.2 0 0 1 7.6 2.5c0 5.4-7.6 10.1-7.6 10.1z%22/%3E%3C/svg%3E");
  --kik-svg-help: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.4 9.3a2.7 2.7 0 1 1 3.6 2.6c-.95.33-1.3.95-1.3 1.85v.55%22/%3E%3Cpath d=%22M11.7 17.4h.05%22/%3E%3C/svg%3E");
  --kik-svg-home: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.8 11.4 12 4.4l8.2 7%22/%3E%3Cpath d=%22M6 9.8v9.8h12V9.8%22/%3E%3Cpath d=%22M10 19.6v-5.2h4v5.2%22/%3E%3C/svg%3E");
  --kik-svg-hub: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2213.85%22 r=%222.6%22/%3E%3Ccircle cx=%2212%22 cy=%226.45%22 r=%221.9%22/%3E%3Ccircle cx=%225.6%22 cy=%2217.55%22 r=%221.9%22/%3E%3Ccircle cx=%2218.4%22 cy=%2217.55%22 r=%221.9%22/%3E%3Cpath d=%22M12 11.25V8.35%22/%3E%3Cpath d=%22m9.7 15.15-2.5 1.45%22/%3E%3Cpath d=%22m14.3 15.15 2.5 1.45%22/%3E%3C/svg%3E");
  --kik-svg-info-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.4%22/%3E%3Cpath d=%22M12 11.2v5%22/%3E%3Cpath d=%22M12 7.9h.01%22/%3E%3C/svg%3E");
  --kik-svg-italic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M10 4.6h7.4%22/%3E%3Cpath d=%22M6.6 19.4H14%22/%3E%3Cpath d=%22M14.4 4.6 9.6 19.4%22/%3E%3C/svg%3E");
  --kik-svg-language: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3 6.5A2 2 0 0 1 5 4.5h9a2 2 0 0 1 2 2v4.6a2 2 0 0 1-2 2h-4.4L5.6 16.4v-3.3H5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M7.3 11.5 9.5 6.9l2.2 4.6%22/%3E%3Cpath d=%22M8.2 10h2.6%22/%3E%3Cpath d=%22M18.4 9.6a2 2 0 0 1 2 2v5.2a2 2 0 0 1-2 2h-.6v2.6l-3.4-2.6h-1.1%22/%3E%3C/svg%3E");
  --kik-svg-layout: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%2217.2%22 height=%2215.2%22 rx=%222%22/%3E%3Cpath d=%22M3.4 9.6h17.2%22/%3E%3Cpath d=%22M9.6 9.6v10%22/%3E%3C/svg%3E");
  --kik-svg-level-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6.5 6 3 9.5 6.5 13%22/%3E%3Cpath d=%22M3 9.5h11.5a5 5 0 0 1 5 5V20%22/%3E%3C/svg%3E");
  --kik-svg-library: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 4.6h3.4v14.8H4z%22/%3E%3Cpath d=%22M9.4 4.6h3.4v14.8H9.4z%22/%3E%3Cpath d=%22m15.2 5.6 3.2-.85 3 11.3-3.2.85z%22/%3E%3C/svg%3E");
  --kik-svg-library-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 4.6h3.4v14.8H4z%22/%3E%3Cpath d=%22M9.4 4.6h3.4v14.8H9.4z%22/%3E%3Cpath d=%22m15.2 5.6 3.2-.85 3 11.3-3.2.85z%22/%3E%3C/svg%3E");
  --kik-svg-lightbulb: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.2 17.2h5.6%22/%3E%3Cpath d=%22M10 20.2h4%22/%3E%3Cpath d=%22M9.2 17.2c0-2-3.2-3.6-3.2-7.4a6 6 0 0 1 12 0c0 3.8-3.2 5.4-3.2 7.4%22/%3E%3C/svg%3E");
  --kik-svg-link: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M10.2 14.2a4 4 0 0 0 5.7 0l2.8-2.8a4 4 0 0 0-5.7-5.7l-1.6 1.6%22/%3E%3Cpath d=%22M13.8 9.8a4 4 0 0 0-5.7 0l-2.8 2.8a4 4 0 0 0 5.7 5.7l1.6-1.6%22/%3E%3C/svg%3E");
  --kik-svg-list: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%225%22 cy=%226.5%22 r=%221.4%22/%3E%3Ccircle cx=%225%22 cy=%2212%22 r=%221.4%22/%3E%3Ccircle cx=%225%22 cy=%2217.5%22 r=%221.4%22/%3E%3Cpath d=%22M9.5 6.5h11%22/%3E%3Cpath d=%22M9.5 12h11%22/%3E%3Cpath d=%22M9.5 17.5h11%22/%3E%3C/svg%3E");
  --kik-svg-lock: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%2210.4%22 width=%2215%22 height=%229.4%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.4V7.4a4 4 0 0 1 8 0v3%22/%3E%3C/svg%3E");
  --kik-svg-lock-open: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%2210.4%22 width=%2215%22 height=%229.4%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.4V7.4a4 4 0 0 1 7.8-1.25%22/%3E%3C/svg%3E");
  --kik-svg-lock-open-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%2210.4%22 width=%2215%22 height=%229.4%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.4V7.4a4 4 0 0 1 7.8-1.25%22/%3E%3C/svg%3E");
  --kik-svg-lock-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%224.5%22 y=%2210.4%22 width=%2215%22 height=%229.4%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.4V7.4a4 4 0 0 1 8 0v3%22/%3E%3C/svg%3E");
  --kik-svg-logout: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.6 20.4H6a2 2 0 0 1-2-2V5.6a2 2 0 0 1 2-2h3.6%22/%3E%3Cpath d=%22M15.4 16.4 19.8 12l-4.4-4.4%22/%3E%3Cpath d=%22M19.8 12H9.2%22/%3E%3C/svg%3E");
  --kik-svg-mail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%225.4%22 width=%2218%22 height=%2213.2%22 rx=%222.5%22/%3E%3Cpath d=%22M3.6 7.6 12 13.4l8.4-5.8%22/%3E%3C/svg%3E");
  --kik-svg-map: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 6.5v13l5.5-2.5 6 2.5 5.5-2.5v-13l-5.5 2.5-6-2.5z%22/%3E%3Cpath d=%22M9 4v13%22/%3E%3Cpath d=%22M15 6.5v13%22/%3E%3C/svg%3E");
  --kik-svg-map-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 20.8s6.8-6.1 6.8-10.8a6.8 6.8 0 1 0-13.6 0c0 4.7 6.8 10.8 6.8 10.8z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.6%22/%3E%3C/svg%3E");
  --kik-svg-megaphone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 10.2v3.6a1 1 0 0 0 1 1h2.6L14.8 19V5L7.6 9.2H5a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M18 9.4a3.6 3.6 0 0 1 0 5.2%22/%3E%3Cpath d=%22M7.6 14.8 9 19.6h2.2%22/%3E%3C/svg%3E");
  --kik-svg-megaphone-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 10.2v3.6a1 1 0 0 0 1 1h2.6L14.8 19V5L7.6 9.2H5a1 1 0 0 0-1 1z%22/%3E%3Cpath d=%22M18 9.4a3.6 3.6 0 0 1 0 5.2%22/%3E%3Cpath d=%22M7.6 14.8 9 19.6h2.2%22/%3E%3C/svg%3E");
  --kik-svg-menu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 7h16%22/%3E%3Cpath d=%22M4 12h16%22/%3E%3Cpath d=%22M4 17h16%22/%3E%3C/svg%3E");
  --kik-svg-metadata: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 7h17%22/%3E%3Cpath d=%22M3.5 12h17%22/%3E%3Cpath d=%22M3.5 17h17%22/%3E%3Ccircle cx=%228%22 cy=%227%22 r=%222%22/%3E%3Ccircle cx=%2215.5%22 cy=%2212%22 r=%222%22/%3E%3Ccircle cx=%2210%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E");
  --kik-svg-minus: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.8 12h14.4%22/%3E%3C/svg%3E");
  --kik-svg-minus-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3C/svg%3E");
  --kik-svg-more: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%221.6%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221.6%22/%3E%3Ccircle cx=%2218%22 cy=%2212%22 r=%221.6%22/%3E%3C/svg%3E");
  --kik-svg-mute: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 9.4h3.4L11.4 5.6v12.8L7 14.6H3.6z%22/%3E%3Cpath d=%22M15.6 9.8 20.4 14.6%22/%3E%3Cpath d=%22M20.4 9.8 15.6 14.6%22/%3E%3C/svg%3E");
  --kik-svg-newspaper: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 6.4h12v13.2H5.5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M15.5 9.6h3.2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-3.2%22/%3E%3Cpath d=%22M6.4 9.6h6.2%22/%3E%3Cpath d=%22M6.4 12.6h6.2%22/%3E%3Cpath d=%22M6.4 15.6h4.2%22/%3E%3C/svg%3E");
  --kik-svg-newspaper-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.5 6.4h12v13.2H5.5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22M15.5 9.6h3.2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-3.2%22/%3E%3Cpath d=%22M6.4 9.6h6.2%22/%3E%3Cpath d=%22M6.4 12.6h6.2%22/%3E%3Cpath d=%22M6.4 15.6h4.2%22/%3E%3C/svg%3E");
  --kik-svg-ok: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.8 12.4 10 17.6 19.2 6.6%22/%3E%3C/svg%3E");
  --kik-svg-ok-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8 12.2 10.9 15.1 16.2 8.8%22/%3E%3C/svg%3E");
  --kik-svg-ok-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.8 12.4 10 17.6 19.2 6.6%22/%3E%3C/svg%3E");
  --kik-svg-open-external: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.4 4.4h6.2v6.2%22/%3E%3Cpath d=%22M19.6 4.4 11.2 12.8%22/%3E%3Cpath d=%22M18 14.4V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.6%22/%3E%3C/svg%3E");
  --kik-svg-palette: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6a8.4 8.4 0 0 0 0 16.8c1.2 0 2.1-.9 2.1-2 0-.5-.2-1-.5-1.3-.3-.3-.5-.8-.5-1.3 0-1.1.9-2 2.1-2h1.6a4.2 4.2 0 0 0 4.2-4.2c0-3.7-4-6.6-9-6.6z%22/%3E%3Ccircle cx=%228.1%22 cy=%229.6%22 r=%221%22/%3E%3Ccircle cx=%2212%22 cy=%227.5%22 r=%221%22/%3E%3Ccircle cx=%2215.9%22 cy=%229.8%22 r=%221%22/%3E%3Ccircle cx=%227.5%22 cy=%2214%22 r=%221%22/%3E%3C/svg%3E");
  --kik-svg-paragraph: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M13.2 4.8v14.4%22/%3E%3Cpath d=%22M16.8 4.8v14.4%22/%3E%3Cpath d=%22M18.6 4.8h-8.4a3.9 3.9 0 0 0 0 7.8h3%22/%3E%3C/svg%3E");
  --kik-svg-pause: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9 5v14%22/%3E%3Cpath d=%22M15 5v14%22/%3E%3C/svg%3E");
  --kik-svg-pause-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9 5v14%22/%3E%3Cpath d=%22M15 5v14%22/%3E%3C/svg%3E");
  --kik-svg-picture: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Ccircle cx=%228.6%22 cy=%2210%22 r=%221.8%22/%3E%3Cpath d=%22M3.4 17.6 8.4 12.6l3.2 3.2 2.8-2.6 6.2 5.2%22/%3E%3C/svg%3E");
  --kik-svg-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon kik-icon-filled%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.4 3.6h7.2%22/%3E%3Cpath d=%22M10.2 3.6 9.5 9.2l-2.7 2.5v1.7h10.4v-1.7l-2.7-2.5-.7-5.6z%22/%3E%3Cpath d=%22M12 13.4v7%22/%3E%3C/svg%3E");
  --kik-svg-play: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8 5.4 18.4 12 8 18.6z%22/%3E%3C/svg%3E");
  --kik-svg-play-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8 5.4 18.4 12 8 18.6z%22/%3E%3C/svg%3E");
  --kik-svg-plus: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 4.8v14.4%22/%3E%3Cpath d=%22M4.8 12h14.4%22/%3E%3C/svg%3E");
  --kik-svg-plus-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 8v8%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3C/svg%3E");
  --kik-svg-puzzle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.7 4.6a2.1 2.1 0 0 1 4.2 0c0 .6-.2 1.1-.6 1.5h3.6a1.4 1.4 0 0 1 1.4 1.4v3.6c.4-.4.9-.6 1.5-.6a2.1 2.1 0 0 1 0 4.2c-.6 0-1.1-.2-1.5-.6v3.6a1.4 1.4 0 0 1-1.4 1.4h-3.6c.4.4.6.9.6 1.5%22/%3E%3Cpath d=%22M13.9 20.6a2.1 2.1 0 0 1-4.2 0c0-.6.2-1.1.6-1.5H6.7a1.4 1.4 0 0 1-1.4-1.4v-3.6c-.4.4-.9.6-1.5.6a2.1 2.1 0 0 1 0-4.2c.6 0 1.1.2 1.5.6V7.5a1.4 1.4 0 0 1 1.4-1.4h3.6%22/%3E%3C/svg%3E");
  --kik-svg-question-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.6 8.4a3.5 3.5 0 1 1 4.7 3.3c-.95.35-1.3 1.05-1.3 2v.8%22/%3E%3Cpath d=%22M12 18.4h.05%22/%3E%3C/svg%3E");
  --kik-svg-quote: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.8 9.8H6.4a1.8 1.8 0 0 0-1.8 1.8v2.6a1.8 1.8 0 0 0 1.8 1.8h3.4v-1.8c0 2.4-1.2 4-3.4 4.6%22/%3E%3Cpath d=%22M19.6 9.8h-3.4a1.8 1.8 0 0 0-1.8 1.8v2.6a1.8 1.8 0 0 0 1.8 1.8h3.4v-1.8c0 2.4-1.2 4-3.4 4.6%22/%3E%3C/svg%3E");
  --kik-svg-redo: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M20 9.4h-8a5.6 5.6 0 0 0 0 11.2h4.6%22/%3E%3Cpath d=%22M16 5.4l4 4-4 4%22/%3E%3C/svg%3E");
  --kik-svg-resize-full: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 9.5V4h5.5%22/%3E%3Cpath d=%22M14.5 4H20v5.5%22/%3E%3Cpath d=%22M20 14.5V20h-5.5%22/%3E%3Cpath d=%22M9.5 20H4v-5.5%22/%3E%3C/svg%3E");
  --kik-svg-resize-small: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.5 4v5.5H4%22/%3E%3Cpath d=%22M14.5 4v5.5H20%22/%3E%3Cpath d=%22M14.5 20v-5.5H20%22/%3E%3Cpath d=%22M9.5 20v-5.5H4%22/%3E%3C/svg%3E");
  --kik-svg-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226%22/%3E%3Cpath d=%22M14.9 14.9 20.5 20.5%22/%3E%3C/svg%3E");
  --kik-svg-select: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%227.4%22 width=%2211.2%22 height=%2211.2%22 rx=%222%22/%3E%3Cpath d=%22M6.4 13 8.6 15.2 12 11.2%22/%3E%3Cpath d=%22M8 4.6h9.6a2 2 0 0 1 2 2v9.6%22/%3E%3C/svg%3E");
  --kik-svg-select-all: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224.4%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Cpath d=%22M5.3 8.1 6.8 9.6 9 7%22/%3E%3Crect x=%223.4%22 y=%2213%22 width=%227.2%22 height=%227.2%22 rx=%221.6%22/%3E%3Cpath d=%22M5.3 16.7 6.8 18.2 9 15.6%22/%3E%3Cpath d=%22M13.4 8h7.2%22/%3E%3Cpath d=%22M13.4 16.6h7.2%22/%3E%3C/svg%3E");
  --kik-svg-settings: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M9.75 5.48L10.37 2.74A9.40 9.40 0 0 1 13.63 2.74L14.25 5.48A6.90 6.90 0 0 1 15.02 5.80L17.39 4.30A9.40 9.40 0 0 1 19.70 6.61L18.20 8.98A6.90 6.90 0 0 1 18.52 9.75L21.26 10.37A9.40 9.40 0 0 1 21.26 13.63L18.52 14.25A6.90 6.90 0 0 1 18.20 15.02L19.70 17.39A9.40 9.40 0 0 1 17.39 19.70L15.02 18.20A6.90 6.90 0 0 1 14.25 18.52L13.63 21.26A9.40 9.40 0 0 1 10.37 21.26L9.75 18.52A6.90 6.90 0 0 1 8.98 18.20L6.61 19.70A9.40 9.40 0 0 1 4.30 17.39L5.80 15.02A6.90 6.90 0 0 1 5.48 14.25L2.74 13.63A9.40 9.40 0 0 1 2.74 10.37L5.48 9.75A6.90 6.90 0 0 1 5.80 8.98L4.30 6.61A9.40 9.40 0 0 1 6.61 4.30L8.98 5.80A6.90 6.90 0 0 1 9.75 5.48Z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223.1%22/%3E%3C/svg%3E");
  --kik-svg-share: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2217.6%22 cy=%226.2%22 r=%222.6%22/%3E%3Ccircle cx=%226.4%22 cy=%2212%22 r=%222.6%22/%3E%3Ccircle cx=%2217.6%22 cy=%2217.8%22 r=%222.6%22/%3E%3Cpath d=%22M8.8 10.8 15.2 7.4%22/%3E%3Cpath d=%22M8.8 13.2 15.2 16.6%22/%3E%3C/svg%3E");
  --kik-svg-shield: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.6 19 6.3v5.2c0 4.3-3 7.6-7 8.9-4-1.3-7-4.6-7-8.9V6.3z%22/%3E%3C/svg%3E");
  --kik-svg-shuffle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.4 7h3.2c4.4 0 5.8 10 10.2 10h3.4%22/%3E%3Cpath d=%22M3.4 17h3.2c1.9 0 3.2-1.9 4.3-4%22/%3E%3Cpath d=%22M17.6 4 20.6 7l-3 3%22/%3E%3Cpath d=%22M17.6 14l3 3-3 3%22/%3E%3C/svg%3E");
  --kik-svg-sidebar: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3Cpath d=%22M5.6 8.6h2.2%22/%3E%3Cpath d=%22M5.6 12h2.2%22/%3E%3Cpath d=%22M5.6 15.4h2.2%22/%3E%3C/svg%3E");
  --kik-svg-sidebar-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3C/svg%3E");
  --kik-svg-sidebar-left-open: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M9.5 4.5v15%22/%3E%3Cpath d=%22M13.8 9.6 16.2 12l-2.4 2.4%22/%3E%3C/svg%3E");
  --kik-svg-sitemap: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%229%22 y=%223.5%22 width=%226%22 height=%225%22 rx=%221.5%22/%3E%3Crect x=%223.5%22 y=%2215.5%22 width=%226%22 height=%225%22 rx=%221.5%22/%3E%3Crect x=%2214.5%22 y=%2215.5%22 width=%226%22 height=%225%22 rx=%221.5%22/%3E%3Cpath d=%22M12 8.5V12%22/%3E%3Cpath d=%22M6.5 15.5V12h11v3.5%22/%3E%3C/svg%3E");
  --kik-svg-skip: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 5.6 15 12 6 18.4z%22/%3E%3Cpath d=%22M18 5.2v13.6%22/%3E%3C/svg%3E");
  --kik-svg-slides: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.4%22 y=%224%22 width=%2217.2%22 height=%2211.4%22 rx=%221.8%22/%3E%3Cpath d=%22M12 15.4v3%22/%3E%3Cpath d=%22m8.4 20.4 3.6-2 3.6 2%22/%3E%3C/svg%3E");
  --kik-svg-slideshow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%222.5%22 y=%224.5%22 width=%2219%22 height=%2213%22 rx=%222.5%22/%3E%3Cpath d=%22M10.3 9.4 14.6 11.6l-4.3 2.2z%22/%3E%3Cpath d=%22M8.5 20.5h7%22/%3E%3C/svg%3E");
  --kik-svg-source: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M8.8 7.4 3.4 12l5.4 4.6%22/%3E%3Cpath d=%22M15.2 7.4 20.6 12l-5.4 4.6%22/%3E%3Cpath d=%22M13.4 4.8 10.6 19.2%22/%3E%3C/svg%3E");
  --kik-svg-speedometer: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.6 17.5a8.5 8.5 0 1 1 14.8 0%22/%3E%3Cpath d=%22m12 13.5 3.6-4.6%22/%3E%3Ccircle cx=%2212%22 cy=%2213.5%22 r=%221.3%22/%3E%3C/svg%3E");
  --kik-svg-star-of-david: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 2.8l8.2 14.2H3.8z%22/%3E%3Cpath d=%22M12 21.2L3.8 7h16.4z%22/%3E%3C/svg%3E");
  --kik-svg-strike: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 12h16.8%22/%3E%3Cpath d=%22M16.6 7.6c-1-1.9-2.9-3-5-3-2.5 0-4.5 1.2-4.5 3.2 0 1.5 1 2.5 2.6 3.2%22/%3E%3Cpath d=%22M7.4 16.4c1 2 2.9 3 5.2 3 2.6 0 4.4-1.3 4.4-3.3 0-.8-.3-1.5-.9-2.1%22/%3E%3C/svg%3E");
  --kik-svg-table: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.5%22 y=%224.5%22 width=%2217%22 height=%2215%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 9.5h17%22/%3E%3Cpath d=%22M3.5 14.5h17%22/%3E%3Cpath d=%22M9.5 9.5v10%22/%3E%3Cpath d=%22M15 9.5v10%22/%3E%3C/svg%3E");
  --kik-svg-tag: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M11.3 3.6H5.6a2 2 0 0 0-2 2v5.7a2 2 0 0 0 .6 1.4l7.3 7.3a2 2 0 0 0 2.8 0l5.7-5.7a2 2 0 0 0 0-2.8l-7.3-7.3a2 2 0 0 0-1.4-.6z%22/%3E%3Ccircle cx=%228.2%22 cy=%228.2%22 r=%221.3%22/%3E%3C/svg%3E");
  --kik-svg-thumbs-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M7.5 10.5v9h-3v-9z%22/%3E%3Cpath d=%22M7.5 10.5 11 4.4a1.9 1.9 0 0 1 3.4 1.5l-.9 3.6h4.6a2 2 0 0 1 2 2.4l-1.3 6a2 2 0 0 1-2 1.6H7.5%22/%3E%3C/svg%3E");
  --kik-svg-transit: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M6 4.5h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-10a2 2 0 0 1 2-2z%22/%3E%3Cpath d=%22M4 11.5h16%22/%3E%3Cpath d=%22M8 15.5h.5%22/%3E%3Cpath d=%22M15.5 15.5h.5%22/%3E%3Cpath d=%22M7.5 18.5v2%22/%3E%3Cpath d=%22M16.5 18.5v2%22/%3E%3C/svg%3E");
  --kik-svg-trash: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 6.6h15%22/%3E%3Cpath d=%22M9.6 6.6V4.5h4.8v2.1%22/%3E%3Cpath d=%22M6.6 6.6 7.6 19.5h8.8l1-12.9%22/%3E%3Cpath d=%22M10.4 10.2v5.8%22/%3E%3Cpath d=%22M13.6 10.2v5.8%22/%3E%3C/svg%3E");
  --kik-svg-undo: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4 9.4h8a5.6 5.6 0 0 1 0 11.2H7.4%22/%3E%3Cpath d=%22M8 5.4 4 9.4l4 4%22/%3E%3C/svg%3E");
  --kik-svg-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M4.5 14.5 12 7l7.5 7.5%22/%3E%3C/svg%3E");
  --kik-svg-up-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8.8 13.6 12 10.4l3.2 3.2%22/%3E%3C/svg%3E");
  --kik-svg-updown: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M9.4 10.2 12 7.6l2.6 2.6%22/%3E%3Cpath d=%22M9.4 13.8 12 16.4l2.6-2.6%22/%3E%3C/svg%3E");
  --kik-svg-upload: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 19.6V9%22/%3E%3Cpath d=%22M7.6 13.4 12 9l4.4 4.4%22/%3E%3Cpath d=%22M4.5 4.5h15%22/%3E%3C/svg%3E");
  --kik-svg-user: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2212%22 cy=%228.2%22 r=%223.8%22/%3E%3Cpath d=%22M4.6 20.4a7.4 7.4 0 0 1 14.8 0%22/%3E%3C/svg%3E");
  --kik-svg-user-add: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%229.6%22 cy=%228.2%22 r=%223.6%22/%3E%3Cpath d=%22M3.4 20.4a6.2 6.2 0 0 1 12.4 0%22/%3E%3Cpath d=%22M18.4 8.6v5.2%22/%3E%3Cpath d=%22M15.8 11.2h5.2%22/%3E%3C/svg%3E");
  --kik-svg-users: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%229%22 cy=%228.4%22 r=%223.4%22/%3E%3Cpath d=%22M3.4 19.8a5.6 5.6 0 0 1 11.2 0%22/%3E%3Cpath d=%22M16.4 5.4a3.4 3.4 0 0 1 0 6%22/%3E%3Cpath d=%22M17.8 14.9a5.6 5.6 0 0 1 2.8 4.9%22/%3E%3C/svg%3E");
  --kik-svg-users-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%229%22 cy=%228.4%22 r=%223.4%22/%3E%3Cpath d=%22M3.4 19.8a5.6 5.6 0 0 1 11.2 0%22/%3E%3Cpath d=%22M16.4 5.4a3.4 3.4 0 0 1 0 6%22/%3E%3Cpath d=%22M17.8 14.9a5.6 5.6 0 0 1 2.8 4.9%22/%3E%3C/svg%3E");
  --kik-svg-video: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M10.4 9.4 15.4 12l-5 2.6z%22/%3E%3C/svg%3E");
  --kik-svg-videocam: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%222.5%22 y=%226.4%22 width=%2213%22 height=%2211.2%22 rx=%222.5%22/%3E%3Cpath d=%22M15.5 11.2 20.8 8v8l-5.3-3.2z%22/%3E%3C/svg%3E");
  --kik-svg-visibility: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 12S6.3 6 12 6s9.5 6 9.5 6-3.8 6-9.5 6-9.5-6-9.5-6z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3C/svg%3E");
  --kik-svg-visibility-off: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M2.5 12S6.3 6 12 6s9.5 6 9.5 6-3.8 6-9.5 6-9.5-6-9.5-6z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3Cpath d=%22M4 20 20 4%22/%3E%3C/svg%3E");
  --kik-svg-volume: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M3.6 9.4h3.4L11.4 5.6v12.8L7 14.6H3.6z%22/%3E%3Cpath d=%22M15.4 9.2a4.2 4.2 0 0 1 0 5.6%22/%3E%3Cpath d=%22M18.2 6.6a8 8 0 0 1 0 10.8%22/%3E%3C/svg%3E");
  --kik-svg-window-maximize: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.8%22 y=%225.2%22 width=%2216.4%22 height=%2213.6%22 rx=%222.4%22/%3E%3C/svg%3E");
  --kik-svg-window-restore: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Crect x=%223.2%22 y=%228.6%22 width=%2212.2%22 height=%2211.2%22 rx=%222.2%22/%3E%3Cpath d=%22M7.6 8.6V6.4a2.2 2.2 0 0 1 2.2-2.2h9a2.2 2.2 0 0 1 2.2 2.2v9a2.2 2.2 0 0 1-2.2 2.2h-2.2%22/%3E%3C/svg%3E");
  --kik-svg-workspace: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.4 20.6 7.8 12 12.2 3.4 7.8z%22/%3E%3Cpath d=%22M3.4 12 12 16.4 20.6 12%22/%3E%3Cpath d=%22M3.4 16.2 12 20.6 20.6 16.2%22/%3E%3C/svg%3E");
  --kik-svg-workspace-white: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Cpath d=%22M12 3.4 20.6 7.8 12 12.2 3.4 7.8z%22/%3E%3Cpath d=%22M3.4 12 12 16.4 20.6 12%22/%3E%3Cpath d=%22M3.4 16.2 12 20.6 20.6 16.2%22/%3E%3C/svg%3E");
  --kik-svg-zoom-in: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226%22/%3E%3Cpath d=%22M14.9 14.9 20.5 20.5%22/%3E%3Cpath d=%22M10.5 7.9v5.2%22/%3E%3Cpath d=%22M7.9 10.5h5.2%22/%3E%3C/svg%3E");
  --kik-svg-zoom-out: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 class=%22kik-icon%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226%22/%3E%3Cpath d=%22M14.9 14.9 20.5 20.5%22/%3E%3Cpath d=%22M7.9 10.5h5.2%22/%3E%3C/svg%3E");
}
.pat-menu-list li :is(a, button, label:not(.pat-checklist)):is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
}
.well-title-group > .well-header:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
}
.mail-attach-flag:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
}
.cal-controls :is(a, button):is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.cal-view-options a:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  -webkit-mask-size: 18px;
  mask-size: 18px;
}
.kik-chat-composer .pat-button:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  height: 18px;
}
.kiki-folder-picker-close:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  height: 18px;
}
.weather-radar-zoom:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
}
.password-toggle:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.pat-button:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  width: 1em;
  height: 1lh;
}
.attachments-file-remove:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.mail-box-glyph:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.grouping-picker:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.domain-list span:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.contact-info-icon:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}
.provider-mark:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: block;
  width: 1em;
  height: 1em;
}
.gns-close-glyph:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  display: block;
  width: 1em;
  height: 1em;
}
.icon-selector label:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  -webkit-mask-size: 55%;
  mask-size: 55%;
}
.pat-checklist.pat-button-cluster label.icon:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg) center / contain no-repeat;
  mask: var(--kik-icon-svg) center / contain no-repeat;
  -webkit-mask-size: 1.1em;
  mask-size: 1.1em;
}
.pat-nav-tiles a.item:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-image: var(--kik-icon-svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
.pat-link-list.tile-icons li > a:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-image: var(--kik-icon-svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
  aspect-ratio: 1 / 1;
}
.quaive-page-head hgroup:is(.icon-010-tomb, .icon-alarm, .icon-align-center, .icon-align-justify, .icon-align-left, .icon-align-right, .icon-ambulance, .icon-angle-circled-right, .icon-angle-double-left, .icon-angle-double-right, .icon-angle-left, .icon-angle-right, .icon-annotation, .icon-app, .icon-apple, .icon-approved, .icon-archive, .icon-arrow-combo, .icon-arrow-curved-up, .icon-arrow-left, .icon-arrow-right, .icon-arrows-apart, .icon-arrows-cw, .icon-asterisk, .icon-attach, .icon-attach-1, .icon-attention, .icon-attention-circled, .icon-baby-bottle, .icon-back, .icon-back-in-time, .icon-basket, .icon-beaker, .icon-bell, .icon-bell-1, .icon-bicycle, .icon-birthday, .icon-block, .icon-boilerplate, .icon-bold, .icon-book, .icon-book-1, .icon-book-open, .icon-bookmark, .icon-bookmark-empty, .icon-bookmarks, .icon-brain, .icon-brandmark, .icon-briefcase, .icon-building, .icon-bus, .icon-calendar, .icon-calendar-1, .icon-calendar-empty, .icon-calendar-plus, .icon-camera, .icon-cancel, .icon-cancel-circle, .icon-candle, .icon-car, .icon-catalogue, .icon-ccw, .icon-chat, .icon-check-on, .icon-checkbox, .icon-checkbox-checked, .icon-checkbox-solid-checked, .icon-checkbox-solid-unchecked, .icon-checkboxes-double-checked, .icon-checkboxes-triple-checked, .icon-checkboxes-triple-unchecked-svg, .icon-checklist, .icon-circle, .icon-classifieds, .icon-claude, .icon-clock, .icon-clock-1, .icon-clock-2, .icon-clone, .icon-close, .icon-close-circle, .icon-cloud, .icon-cog, .icon-cog-many, .icon-columns, .icon-comment, .icon-comment-empty, .icon-contacts, .icon-copy, .icon-copyright, .icon-create, .icon-creative-commons, .icon-crescent, .icon-crop, .icon-cross, .icon-crown, .icon-cubes, .icon-cw, .icon-day-view, .icon-deselect-all, .icon-division, .icon-doc, .icon-doc-inv, .icon-doc-text, .icon-doc-text-1, .icon-doc-text-inv, .icon-document, .icon-door-open, .icon-dot-circle, .icon-dot-circled, .icon-down, .icon-down-circle, .icon-down-dir, .icon-down-open, .icon-download, .icon-draft, .icon-dropbox, .icon-edit, .icon-ellipsis, .icon-embed, .icon-emoticon, .icon-euro, .icon-exchange, .icon-exit, .icon-external, .icon-eye, .icon-eye-1, .icon-eye-off, .icon-feather, .icon-feeding-bottle, .icon-file-archive, .icon-file-audio, .icon-file-code, .icon-file-excel, .icon-file-image, .icon-file-pages, .icon-file-pdf, .icon-file-powerpoint, .icon-file-video, .icon-file-word, .icon-filter, .icon-find-selection, .icon-flag, .icon-floppy, .icon-folder, .icon-folder-1, .icon-folder-lock, .icon-folder-plus, .icon-follow, .icon-font, .icon-forward, .icon-forward-message, .icon-geolocate, .icon-github, .icon-globe, .icon-google, .icon-graph, .icon-grid, .icon-grid-large, .icon-group, .icon-handshake, .icon-hang-up, .icon-heart, .icon-heart-empty, .icon-heart-fill, .icon-help, .icon-help-circle, .icon-home, .icon-home-1, .icon-horizontal-rule, .icon-html5, .icon-hub, .icon-image-collection, .icon-image-gallery, .icon-inbox, .icon-info, .icon-info-circle, .icon-italic, .icon-key, .icon-kikaron, .icon-language, .icon-layout, .icon-left-big, .icon-left-open, .icon-level-up, .icon-library, .icon-lifebuoy, .icon-lightbulb, .icon-link, .icon-link-ext, .icon-link-internal, .icon-list, .icon-list-1, .icon-list-bullet, .icon-list-large, .icon-location, .icon-lock, .icon-lock-open, .icon-logout, .icon-magic, .icon-mail, .icon-mail-1, .icon-map, .icon-map-pin, .icon-markdown, .icon-megaphone, .icon-megaphone-1, .icon-menu, .icon-menu-1, .icon-metadata, .icon-mic, .icon-milestone, .icon-minus, .icon-minus-circle, .icon-minus-squared, .icon-mobile, .icon-month-view, .icon-more, .icon-move, .icon-mute, .icon-narrow, .icon-news, .icon-newspaper, .icon-newspaper-1, .icon-newspaper-2, .icon-newspaper-angle, .icon-oil-lamp, .icon-ok, .icon-ok-circle, .icon-open-external, .icon-outbox, .icon-outdoor, .icon-palette, .icon-paper-plane, .icon-paragraph, .icon-pause, .icon-pencil, .icon-pencil-1, .icon-phone, .icon-phone-1, .icon-picture, .icon-picture-1, .icon-picture-2, .icon-pin, .icon-pin-empty, .icon-play, .icon-plus, .icon-plus-1, .icon-plus-circle, .icon-plus-squared, .icon-polls, .icon-portlets, .icon-preview, .icon-print, .icon-print-1, .icon-puzzle, .icon-quaive-brandmark, .icon-question, .icon-question-circle-o, .icon-quote, .icon-radar, .icon-radio-off, .icon-redo, .icon-refresh, .icon-religious-christian, .icon-religious-jewish, .icon-remove-tag, .icon-reply, .icon-reply-all, .icon-resize-full, .icon-resize-small, .icon-right-big, .icon-right-circled2, .icon-right-open, .icon-right-open-1, .icon-right-open-2, .icon-road, .icon-satellite, .icon-satellite-labels, .icon-save, .icon-save-to-drive, .icon-search, .icon-search-1, .icon-select, .icon-select-all, .icon-send, .icon-settings, .icon-share, .icon-shield, .icon-shopping-basket, .icon-shuffle, .icon-sidebar, .icon-sidebar-2, .icon-sidebar-collapse, .icon-sidebar-left, .icon-sidebar-left-open, .icon-signal, .icon-sitemap, .icon-skip, .icon-skip-back, .icon-slides, .icon-slideshow, .icon-sort-alphabetical, .icon-sort-oldest, .icon-sort-recent, .icon-sort-size, .icon-source, .icon-sparkle, .icon-speedometer, .icon-squares, .icon-stage, .icon-star, .icon-star-circled, .icon-star-empty, .icon-star-of-david, .icon-sticky-note, .icon-strike, .icon-table, .icon-tag, .icon-tags, .icon-tart, .icon-taxi, .icon-thumbs-up, .icon-thumbs-up-1, .icon-thumbs-up-alt, .icon-title, .icon-transit, .icon-trash, .icon-trash-empty, .icon-umbrella, .icon-undo, .icon-up, .icon-up-circle, .icon-up-circled, .icon-up-open, .icon-updown, .icon-updown-circle, .icon-upload, .icon-upload-cloud, .icon-user, .icon-user-1, .icon-user-add, .icon-user-secret, .icon-users, .icon-users-1, .icon-vault, .icon-vault-dial, .icon-vcard, .icon-video, .icon-videocam, .icon-vimeo, .icon-visibility, .icon-visibility-off, .icon-volume, .icon-week-view, .icon-whatsapp, .icon-widen, .icon-window-maximize, .icon-window-restore, .icon-windows, .icon-workspace, .icon-wrench, .icon-youtube, .icon-zoom-in, .icon-zoom-out):not(:has(> svg.kik-icon))::before {
  content: "" !important;
  background-image: var(--kik-icon-svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
}
@font-face {

    font-family: "fontello";
    src: url("data:font/woff2;base64,d09GMgABAAAAAAEsAAoAAAAANHQAAADkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAA5DQKASwBNgIkAwYLBgAEIAV1Bywb4DMALgpspzXUWHjq4uQJi4bHT/PTiYfnD/fn3tecNkG3Rh5KCWSQYPt/wOxspnWtCMUEBDc2+28cns5r/Q9SD7DY9S13+rcgjuLWPOa0LXqxMGoLMOIIIogiChKIA4Igd8Q+i4ykx/90qkJcVFWUHoDjkLuf0hD3BogV0hRMOKwqm6hSCH6UuNOXmwIgVBANvgQVWvcbgeDaZ+v7Rin/8H25PwpQJAjKCgAIuO0GEohkKw5iLvQQINX1FFFpCjNT59SzhpICJcdCXsV/4UsorfEEgCVOwI2mQvnqOGxUSWQV6wIA") format("woff2");
    unicode-range: U+E000-F8FF;
    font-display: block;
}
:is(.icon, [class*="icon-"]) {
  font-family: var(--body-font-family, system-ui, sans-serif) !important;
}
:is(.icon, [class*="icon-"])::before,
:is(.icon, [class*="icon-"])::after {
  font-family: "fontello", var(--body-font-family, system-ui, sans-serif) !important;
}
.pat-form label > .password-toggle {
  top: auto;
  bottom: 0;
}
@supports (anchor-name: --kik-password-field) {
:is(.pat-form, form, body) label {
  anchor-scope: --kik-password-field;
}
}
@supports (anchor-name: --kik-password-field) {
:is(.pat-form, form, body) label > input[data-eye-toggle] {
  anchor-name: --kik-password-field;
}
}
@supports (anchor-name: --kik-password-field) {
:is(.pat-form, form, body) label > .password-toggle {
  position-anchor: --kik-password-field;
  top: anchor(top) !important;
  bottom: auto !important;
  height: anchor-size(height) !important;
  inset-inline-end: anchor(end);
  margin: 0 !important;
  padding-block: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
}
@supports (anchor-name: --kik-password-field) {
:is(.pat-form, form, body) label > .password-toggle::before {
  vertical-align: middle !important;
}
}
@media (pointer: coarse) {
.kik-refresh {
  display: none !important;
}
}
.kik-pull-mark {
  position: absolute;
  top: -2.25rem;
  left: 50%;
  z-index: 3;
  width: 1.75rem;
  height: 1.75rem;
  border: 2px solid var(--app-colour, var(--colour-kikaron-orange, #F37021));
  border-top-color: transparent;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 0);
}
.kik-pull-mark.kik-pull-armed {
  border-top-color: var(--app-colour, var(--colour-kikaron-orange, #F37021));
}
.kik-pull-mark.kik-pull-working {
  animation: kik-pull-spin 0.9s linear infinite;
}
@keyframes kik-pull-spin {

    to { transform: translate(-50%, 0) rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.kik-pull-mark.kik-pull-working {
  animation: none;
}
}
@keyframes kik-lazy-arrived {

    from { opacity: 0; }
    to { opacity: 1; }
}
.kik-lazy-arrived {
  animation: kik-lazy-arrived 1s ease;
}
@media (prefers-reduced-motion: reduce) {
.kik-lazy-arrived {
  animation: none;
}
}